第二节 UI界面管理与编辑


一、UI界面管理

               1.  在UI管理器中右键,点击“新建”按钮,即可创建新的UI界面,同时支持UI界面的导入导出功能。
               2.  双击UI管理器中的界面名称,打开代码编辑区域,代码编辑区上半部分为界面打开执行的onLoad方法,下半部分为自定义代码编辑区。
               3.  在UI管理器中右键,点击“查看全部代码”按钮,则通过txt文本格式打开全部代码,便于代码的查找(文本里修改无效)。
               4.  在UI管理器中右键,点击“全局代码查找”按钮,输入代码内容(关键字或整行代码),可快速查找出内容所在界面及行数。
               5.  在UI管理器中右键,点击“全局代码行数查找”按钮,输入代码行数,可快速查找出该行代码内容及所在界面位置。


二、UI界面编辑
               1.  界面创建完毕即可在UI编辑窗口看到创建好的screen,可在screen中添加所需控件,并对其进行编辑。通过在上方控件工具栏中选取控件类型,点在screen、form等控件上,制作所需的UI界面。
               2.  控件类型
                   a)    Label:用于添加文本及动画展示的控件,不可添加子控件;
                   b)    Button:用于添加点击触发事件的按钮控件,不可添加子控件;
                   c)    Container:用于添加文本及动画展示、添加点击触发事件的控件,可包含子控件,作为Label、Button等控件的容器;
                   d)    LisetView:用于使用列表功能的控件,可手动代码添加或自动添加子Item控件,Item控件功能同Container,可包含子控件,ListView具有响应滑动点击功能;
                   e)    CheckBox:用于做选项勾选功能的控件;
                   f)    Joystick:用于摇杆功能的控件;
                   g)    ProgressBar:用于展示进度条的控件,该控件通过代码绑定对应的系统或自定义数值后,可根据数值大小来显示进度;
                   h)    CircrlarProgressBar:用于展示原型进度条的控件,功能同ProgressBar相同;
                   i)    Form:每个展示界面的最基本控件,添加在screen中,每个界面只可添加一个Form,所以其他控件都包含于Form中;



               2.  控件结构
                    在左侧的控件列表显示当前控件的相互关系,在控件显示上,越是后添加在Form中的,所处层级关系越高,即后添加的控件会遮挡出之前添加的控件显示。

               3.  控件编辑
                   a)    设置控件大小:点击控件通过鼠标拖拽可更改控件所需大小,当子控件大小超过父控件大小时,则在只显示子控件在父控件范围内的内容,调整到所需大小时通过右键,点击“锁定”,即可锁住控件,防止误操作改变控件大小,再次操作可解锁控件。
                   b)    设置控件皮肤:右键控件,点击“解锁皮肤区域”,之后双击该控件即可进入皮肤设置界面。点击指定的皮肤选项,并在下方UI动画中选择对应的控件皮肤,并双击列表中名称添加。


     Tips:

       1)
       2)
       3)
       4)
       5)
       6)



回到顶部
返回目录