加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex支持拖拽的panel

发布时间:2020-12-15 03:51:26 所属栏目:百科 来源:网络整理
导读:这是一个支持拖拽的自定义Panel组件。 拖拽过程panel不能超出父容器边界。 ?xml version="1.0" encoding="utf-8"?s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx

这是一个支持拖拽的自定义Panel组件。

拖拽过程panel不能超出父容器边界。

<?xml version="1.0" encoding="utf-8"?>
<s:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" 
		 xmlns:s="library://ns.adobe.com/flex/spark" 
		 xmlns:mx="library://ns.adobe.com/flex/mx"
		 mouseDown="move_panel()" mouseUp="stop_panel()">
	<fx:Script>
		<![CDATA[
			public function move_panel():void{
				this.setStyle("left",null);
				this.setStyle("right",null);
				this.setStyle("top",null);
				this.setStyle("bottom",null);
				var limitdrag:Rectangle = new Rectangle(0,this.parent.width-this.width,this.parent.height-this.height);
				this.startDrag(false,limitdrag);
			}
			
			public function stop_panel():void{
				this.stopDrag();
			}
		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
</s:Panel>

(需要只支持标题栏监听拖拽时,只需将鼠标按下的监听加在this.titleDisplay即可。)

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读