《Axure RP 9网站与App产品交互设计实践》课件 4.1Axure表单元件.pptx

Axure表单元件;本章案例：制作“百度注册界面”，效果如图所示。

;回顾:矩形、图片元件;;;;案例：制作“百度注册界面”，效果如图所示。

;1.文本框元件和多行文本框元件的使用; 在登录网站的时候，经常会在输入框里看到“请输入用户名、手机号或者邮箱”，文本框元件同样可以填写提示信息。

在文本框输入内容时，提示文字会自然消失。在检视区域的属性选项卡里，可以设置文本框的输入类型，如文本（Text）、密码、邮箱、Number等。

; 选择文本（Text）类型可以设置提示文字的样式，输入文字：“请输入用户名”，字体颜色为浅灰色（CCCCCC），单击“提示样式”来设置。

; 在属性选项卡还可以设置文本框元件文字输入的最大长度，同时也可以隐藏边框、设置为只读或者禁用。

; 多行文本框元件的右侧属性选项卡里同样可以设置提示文字、隐藏边框、只读和禁用，但是不能设置文本框的类型和最大长度。

;2.下拉列表框元件和列表框元件的使用;实战演练;单击向上箭头和向下箭头，调整下拉菜单选项的顺序，单击红色差号，可以删除选项。

单击“添加多个”按钮，弹出添加多个对话框，每行代表一个下拉菜单选项。

;如果想把某个选项作为默认显示的选项，只需要勾选其前面的复选框。

列表框的操作方式和下拉列表框的操作方式一样，但是它允许选择多个默认选项。

;3.复选框元件和单选按钮元件的使用;4.提交按钮元件的使用;课堂练习;实战1——制作“仿百度注册原型”;;;;;;;;实战2——制作“仿百度注册原型”;;;小结;谢谢观赏