常用基本元件简单介绍

一：基本矩形

矩形1：带边框的长方形，可以添加文字，通过样式控制边框、背景色、字体等。

矩形2：不带边框的长方形，可以添加文字，通过样式控制边框、背景色、字体等。

矩形3：不带边框的长方形，可以添加文字，通过样式控制边框、背景色、字体等。

椭圆形：带边框的圆形，可以添加文字，通过样式控制边框、背景色、字体等。

图片：用来加载图片的元件，可以添加文字，通过样式控制边框、字体等。

占位符：占位，多用在团队协作中告诉其他成员这里我占了，但还来得及做具体效果等。

 

 

 

二：按钮

按钮：按钮，在矩形的基础上加了一个圆角，可以用矩形+形式替代按钮。

主要按钮：按钮，在按钮的基础上加了一个背景颜色，可以用矩形+形式替代。

链接按钮：按钮，在文本标签的基础上改变了背景颜色，可以用矩形+形式替代按钮。

 

 

三：标题

一级标签，二级标签，三级标签：文字标签。

四：标签，段落

文本标签：用来展示文字。

文本段落：用来展示较多文字。

 

五：水平线，垂直线

水平线：水平线条，可用于分隔，可以调整线条角度。

垂直线：垂直线条，可用于分隔，可以调整线条角度。

     

六：热区

热区：多用在图片上某些区域需要交互效果时，放在该区域上把它变成可交互（如：单击）区域。

                          

六：动态面板

动态面板：可用在切换、弹出框等动态效果当中，具有很多独有的特性，如：容器、图层、自适应等。

                         

六：内联框架

内联框架：内嵌网页浏览，相当于HTML中的iframe。

                       

六：中继器

中继器：实现了内容与样式的分离，复杂交互效果的神器。

                       

 

扩：

表单元件

文本框：普通文本框，通过属性值几乎可以变成常见表单中的任何输入框，如：密码、日期、文件选择等。

多行文本框：可能输入多行的文本框。

下拉列表框：下拉列表框，运行时只能从下拉列表中选择而不能输入。

列表框：普通列表框，建议用中继器代替。

复选框：普通复选框。

单选按钮：单选框，需要建立单选按钮组，否则整个页面同时只有一个能选中。

提交按钮：普通按钮，只是样式跟基本元件中的不一样。

 

菜单和表格

树状菜单：树状元件，复选效果需要自己用事件控制。

表格：简单的表格，结合中继器可以实现复杂的交互效果。

水平菜单：水平弹出式菜单。

垂直菜单：垂直弹出式菜单。

 

标记元件：用来做标记的，功能基本一样，只是样式不同。