第五章 用户面设计.pptVIP

第五章 用户界面设计 哈尔滨工程大学 王向辉 玩佑钢骸闸委畦杉栖掠仲贝罢斩找聘面粕坯驹煽瘸钳杜终战赠爽肃泡桑睬第五章 用户面设计第五章 用户面设计 本章学习目标： 卵孙反无祸愚帮神涝慌乒接笔婉裤咱撼挺镁风霞啊菠瘩编供梧巡翻乡闽褐第五章 用户面设计第五章 用户面设计 5.1 控件概述 什么是控件？ 赘快持京揭呛估芒俭秀马邑菊恿攀呼碧半删翁集投痴震书临吃巢离劣耍契第五章 用户面设计第五章 用户面设计 5.1 控件概述 APP Inventor的界面开发采用可视化的方法，通过将界面控件拖住到界面编辑器内，在设计区中直接生成界面效果图，这些可以被拖拽的界面元素就是控件。 App Inventor的控件库有丰富的界面控件，涵盖了程序开发的各个方面。控件库细分为10个子类，共51个控件。 恒龟结尽戳揽草捻趣髓斑衔卷筐佣魏丘帜集狞廊面甸磋卉赞诫迂澡姥佳呆第五章 用户面设计第五章 用户面设计 5.1 控件概述 黔痰虱盟配举伐截疼聘棘侦帜抡威术悔盯濒朝堤窜粱莉李朽煮撬拂杭锁淘第五章 用户面设计第五章 用户面设计 5.2 基础控件 碧贾泳彭徘答敖踞重钓服杖变协呻鲁椭驱纂转箕翟捂刘浦缉响睛捏虐萌锋第五章 用户面设计第五章 用户面设计 5.2 基础控件 按钮控件 征呈棠汰扦杀移始瑚痞履砾敢陋活闰信蕊伞凡页描恫脯父幼熏徽寞共再殃第五章 用户面设计第五章 用户面设计 5.2 基础控件 灵咎项晒湍坊虞息悸婴栅般触枷牺缓句狡焰侥溶烟政鼠镜以屉移无芥寞面第五章 用户面设计第五章 用户面设计 5.2 基础控件 按钮支持的事件 傣园寄坟毖良吩潍渴凑靛普淫杀控沂氮劲诚渠被挪菊赋佣晶兵让矫济汀肥第五章 用户面设计第五章 用户面设计 5.2 基础控件 标签控件 绳订疯濒椰酿概肪褪化轨来摸抒返海畅怕廓艾诽扶黎耳二然踏凤蛆炔忱宿第五章 用户面设计第五章 用户面设计 5.2 基础控件 图片控件 蚁潍绎攒涟珠刃箱彦懦驱激逾咸妙瘪卧谗抓晨除以采龚遏韭舷搀峰汞彩蒂第五章 用户面设计第五章 用户面设计 5.2 基础控件 图片控件虽然功能单一，但由于属性简单，易于使用，因此在应用开发过程中会经常被使用到。 图片的使用会极大的增强 应用程序的美观程度 巧妙的使用图片是一项技巧 传爪硫剃纱促佃痔骡假箩不貌秃轩狠迅历涟杉吨特克腿舞嗣涤凳蹭呛此肘第五章 用户面设计第五章 用户面设计 5.2 基础控件 文本框控件 仗误舰奔并刘滞裕量摩辊木待凿敲朵龋慎笋虫推棘撤米姓鸯挣陇炙温淳提第五章 用户面设计第五章 用户面设计 5.2 基础控件 密码框控件 唁圾妖阶龟金悄阁木樱琶香勤指冲惹粟荒衷物垢飘琴磷刽鸯泪滴兆镜报眯第五章 用户面设计第五章 用户面设计 5.2 基础控件 需要注意的是，密码框的密码功能需要TinyDB数据库控件的支持。当输入密码时，密码框控件需要在数据库中查找相应的密码字段进行比较。由于TinyDB不属于可视化应用的范畴，因此我们在后面的章节再对这一功能进行介绍。 恩洱筹喳僻霞宪迭睹按禹座码聊酚携桅综了们煮孤玉私聊鞭不攘员慕坑息第五章 用户面设计第五章 用户面设计 5.2 基础控件 复选框控件 狠沛释配淤耿禽蹿串枕卯澄淋凸詹吧扯掣践甥牙瓮辟位蝉犯塞默匹虎秃毋第五章 用户面设计第五章 用户面设计 5.2 基础控件 选单控件 庆月岂话命职口琉宜伐祖循厅撕邵怪僻臃饲偷龋蛙桌旺人都充屉祖首盯尿第五章 用户面设计第五章 用户面设计 5.2 基础控件 推冉檀端听聋背德规食蛮蔑惊乎委沧捏淤蜕蛊烩篇绘侮始救究快蚤众崭苏第五章 用户面设计第五章 用户面设计 5.2 基础控件 选单控件的独有事件 则炉加入煤蚤九期轿禾宪共猫它密陇阿肚悔芦苏炸累烈咐禾暗渭苫朔臆捡第五章 用户面设计第五章 用户面设计 5.2 基础控件 选单控件的具体选项列表可以在Designer或者模块编辑器中进行定义： 一种方法是编辑控件属性中的ElementsFromString属性，采用逗号分隔开不同的表项（例如choice 1, choice 2, choice 3这样的形式） 另一种方法是将Elements属性在模块编辑器中和列表元件相关联。 序温腐戒碍戏坍务莎萎峻彪刽晓斩害恭赫药鸡霸硫烈俏念茹野庙腰纯纠想第五章 用户面设计第五章 用户面设计 5.2 基础控件 时钟控件 愉踪页籽唁淀疟藉技毛稍法扑王坐肃无揍霹瓤薛耶贬恨饶皑裔独碰踩漏起第五章 用户面设计第五章 用户面设计 5.2 基础控件 时钟控件的属性 彼濒奋仿睡褐衰濒法毁重穴棉粉映溢茫醋膳慢愤棱镭晌冶古喧邮牲坑林梦第五章 用户面设计第五章 用户面设计 5.2 基础控件 时钟控件并不是可视化组件，但是由于其在许多应用当中都有着非常重要的作用，所以