ActionScript
TypeScript
JavaScript

组件分类

发布时间:2016-12-30

 

分类

        根据组件自身的结构和功能,可以将 laya.ui 包下的组件分成三大类。 

  • 基础可视化组件

  • 容器类组件

  • 视图类组件

     组件的详细属性说明、用法、编辑设定等请阅读组件详解。 

基础可视化组件

        基础可视化组件是页面编辑里最常用的基本组件。可以通过从资源面板里选择并拖拽至编辑区的方式添加到界面里。可以在编辑区查看显示效果,并在属性面板里设置其属性信息。
        基础可视化组件包含以下组件:

  • Label

  • TextInput

  • TextArea

  • Button

  • Image

  • CheckBox

  • Radio

  • Clip

  • ProgressBar

  • Slider

  • HSlider

  • VSlider

  • ScrollBar

  • HScrollBar

  • VScrollBar

  • ComboBox

 

容器类组件

        容器类组件是由一个或多个基础可视化组件通过转化为容器的方式生成而来。并且需要按照一定的编辑规则对它们进行编辑和属性的设置。    

        容器类组件包含以下组件:

  • Box

  • Tab

  • RadioGroup

  • List

  • Tree

  • ViewStack

  • Panel

  • HBox

  • VBox

容器类组件的创建

        1.从资源面板里拖拽几个基础可视化组件到编辑区。
        2.选择需要放在容器内的组件,如下所示。

图片4.png

        3.使用快捷键 CTRL+B 或点击选择菜单栏里的 编辑->转化为容器 选项,打开转化为容器的设置面板。

   图片5.png

        4.点击容器类型右侧的下拉选项框,选择需要转换的容器类型。

图片6.png

        5.点击确定按钮,完成容器的添加。

 

 

界面类组件

        界面类组件是程序设计里页面级显示对象容器。在 LayaAir IDE 的UI系统里,页面是用来承载显示所有的显示组件的。
        界面类组件包含以下组件:

  • Panel

  • Dialog