作业 01 :元件基础功能应用练习 作业描述: 完成以下操作,熟悉元件的基本操作。 (1) 添加元件到画布 (2) 添加元件名称 (3) 设置元件位置 / 尺寸 (4) 设置元件及元件文字角度 (5) 设置元件颜色与透明 (6) 设置形状与图片圆角 (7) 设置矩形仅显示部分边框 (8) 设置线段、箭头、边框样式 (9) 设置元件文字边距 / 行距 (10) 设置元件显示与隐藏 (11) 设置文本框默认为密码 (12) 设置鼠标移入元件时的提示设置 (13) 限制文本框输入字符位数 (14) 设置文本框提示文字 (15) 设置文本框回车触发事件 (16) 打开选择文件窗口 (17) 设置矩形为其他形状 (18) 设置自定义形状 (19) 设置形状水平 / 垂直翻转 (20) 设置列表框内容及默认值 (21) 设置元件默认选中 / 禁用 (22) 设置按钮唯一选中 (23) 设置元件不同状态的交互样式 (24) 设置图片文本 (25) 切割 / 裁剪图片 (26) 嵌入多媒体文件 / 页面 (27) 调整元件的层级 (28) 组合 / 取消元件 (29) 转换元件为图片 作业 02 :加载与切换元件库 作业描述: 本节案例中用到 FontAwesome 字体文件,需先载入 FontAwesome4.4.0 图标字体元件库,然后切换到 FontAwesome4.4.0 图标字体元件库后,就可以找到图标,拖放到画布,图标,复制里面的图标文字,粘贴到指定位置即可。 作业效果: 元件库加载完成后效果如图 1-11 所示。 作业 03 :带图标文字提示的文本框 作业描述: 在搜索框里面,文本框中的文字提示包含 图标。 作业效果: 输入文字前: 输入文字后: