跳到主要内容

eui.Panel

包    eui

类    public class Panel

继承    eui.Panel → eui.Component → egret.DisplayObjectContainer → egret.DisplayObject → egret.EventDispatcher → egret.HashObject

Panel 类定义一个容器，该容器为其子代提供标题栏、关闭按钮、可移动区域和内容区域。

公共属性​

属性
closeButton : eui.Button
关闭按钮
elementsContent : egret.DisplayObject[]
只写属性，此属性通常在 EXML 的解析器中调用，便于快速添加多个子项
moveArea : egret.DisplayObject
可移动区域
title : string
标题栏中显示的标题
titleDisplay : eui.IDisplayText
标题显示对象

公共方法​

方法
Panel()
构造函数
close():void
关闭面板，从父级容器移除自身

事件​

Events

| eui.UIEvent.CLOSING
面板即将关闭事件，在关闭按钮被点击后抛出，监听此事件并调用

event.preventDefault()

能够阻止面板被关闭。 | | egret.Event.COMPLETE
当设置skinName为外部exml文件路径时，加载并完成EXML解析后调度。 | | egret.Event.RESIZE
当UI组件的尺寸发生改变时调度 | | eui.UIEvent.MOVE
当UI组件在父级容器中的位置发生改变时调度 | | eui.UIEvent.CREATION_COMPLETE
当UI组件第一次被添加到舞台并完成初始化后调度 | | egret.Event.ADDED
将显示对象添加到显示列表中时调度。 | | egret.Event.ADDED_TO_STAGE
在将显示对象直接添加到舞台显示列表或将包含显示对象的子树添加至舞台显示列表中时调度。 | | egret.Event.REMOVED
将要从显示列表中删除显示对象时调度。 | | egret.Event.REMOVED_FROM_STAGE
在从显示列表中直接删除显示对象或删除包含显示对象的子树时调度。 | | egret.Event.ENTER_FRAME
[广播事件] 播放头进入新帧时调度。 | | egret.Event.RENDER
[广播事件] 将要更新和呈现显示列表时调度。 | | egret.TouchEvent.TOUCH_MOVE
当用户触碰设备时进行调度，而且会连续调度，直到接触点被删除。 | | egret.TouchEvent.TOUCH_BEGIN
当用户第一次触摸启用触摸的设备时（例如，用手指触摸手机屏幕）调度。 | | egret.TouchEvent.TOUCH_END
当用户移除与启用触摸的设备的接触时（例如，将手指从屏幕上抬起）调度。 | | egret.TouchEvent.TOUCH_TAP
当用户在启用触摸设备上的已启动接触的同一 DisplayObject 实例上抬起接触点时（例如，手机点击屏幕后抬起）调度。 | | egret.TouchEvent.TOUCH_RELEASE_OUTSIDE
当用户在启用触摸设备上的已启动接触的不同 DisplayObject 实例上抬起接触点时（例如，按住屏幕上的某个对象,然后从它上面挪开后再松开手指）调度。 |

属性详细信息​

closeButton​

closeButton : eui.Button = null

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

关闭按钮

elementsContent​

elementsContent : egret.DisplayObject[]

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

只写属性，此属性通常在 EXML 的解析器中调用，便于快速添加多个子项。

moveArea​

moveArea : egret.DisplayObject = null

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

可移动区域

title​

title : string = ""

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

标题栏中显示的标题。

titleDisplay​

titleDisplay : eui.IDisplayText = null

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

标题显示对象

方法详细信息​

Panel()​

public Panel()

构造函数。

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

close()​

public close():void

关闭面板，从父级容器移除自身。

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

示例​


**

* 下面的例子演示了一个面板。

*/

class  PanelExample  extends  egret.Sprite  {

public  constructor()  {

super();

var exml =

`<e:Panel title="title panel" xmlns:e="http:/ns.egret.com/eui">

<e:Skin>

<e:Image width="100%" height="100%" source="resource/track.png" scale9Grid="1,1,4,4"/>

<e:Group id="moveArea" width="100%" height="40">

<e:Image width="100%" height="100%" source="resource/thumb.png" scale9Grid="1,1,4,4"/>

<e:Label id="titleDisplay" text="Title" textColor="0" horizontalCenter="0" verticalCenter="0"/>

</e:Group>

<e:Button id="closeButton" right="-15" y="-15">

<e:Skin states="up,down,disabled">

<e:Image width="50" height="50" source="resource/close.png" scaleX.up="1" scaleX.down="0.95" scaleY.up="1" scaleY.down="0.95"/>

</e:Skin>

</e:Button>

</e:Skin>

</e:Panel>`;

var clazz =  EXML.parse(exml);

var panel =  new  clazz();

panel.width  =  600;

panel.height  =  400;

panel.y  =  100;

this.addChild(panel);

}

}