【Flex】编辑器的缩放功能（绝对定位和相对定位）

2016-11-29

字数统计: 441 | 阅读时长≈ 2 分钟

一、横向的ide拖动缩放效果

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					   xmlns:s="library://ns.adobe.com/flex/spark" 
					   xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<mx:HDividedBox width="100%" height="100%" visible="true">
		<s:Panel title="左边" height="100%" textAlign="left" cornerRadius="0">
		</s:Panel>
		<s:TitleWindow title="中间" height="100%">
			
		</s:TitleWindow>
		<s:Panel title="右边" height="100%" textAlign="left" cornerRadius="0">
			
		</s:Panel>
	</mx:HDividedBox>
</s:WindowedApplication>

二、垂直的ide拖动缩放效果

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
					   xmlns:s="library://ns.adobe.com/flex/spark" 
					   xmlns:mx="library://ns.adobe.com/flex/mx">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<mx:VDividedBox width="100%" height="100%" visible="true">
		<s:Panel title="左边" width="100%" height="100%" textAlign="left" cornerRadius="0">
		</s:Panel>
		<s:TitleWindow title="中间" width="100%" height="100%">
			
		</s:TitleWindow>
		<s:Panel title="右边" width="100%" height="100%" textAlign="left" cornerRadius="0">
			
		</s:Panel>
	</mx:VDividedBox>
</s:WindowedApplication>

Donate

版权声明： 本博客所有文章除特别声明外，著作权归作者所有。转载请注明出处！