App Inventor移动应用开发标准教程4_组件-用户界面.pptx

第4讲 组件-用户界面;在AI中组件分为可视组件和非可视组件。 可视组件指当App运行后能够看见的组件，如按钮、标签和文本输入框等。可视组件常用于设计App的界面。 非可视组件在应用中发挥特定作用，但不会显示在用户界面中,如传感器组件和声音组件等。 组件一般都有属性和行为，通过设置每个组件的属性值和对事件响应的行为，组合形成独特的App应用。;;Screen相当于手机的屏幕，是进行用户界面设计的地方。它是一个容器，上面可以放置组件面板中的组件。;;;;;应用说明（AboutScreen）：对App的说明，不会显示在用户界面上。 水平对齐（AlignHorizontal）：屏幕中放置的组件在水平方向上的对齐方式。包括居左、居中、居右三种方式。 垂直对齐（AlignVertical）：屏幕中放置的组件在垂直方向上的对齐方式。包括居上、居中、居下三种方式。 AppName：App应用程序名称。导出项目源文件和apk文件时的名称。 背景颜色（BackgroundColor）：Screen的背景颜色。可以单击下面颜色框选取适合的颜色。;背景图片（BackgroundImage）：用图片作为Screen的背景。 关屏动画（CloseScreenAnimation）：关闭当前屏幕时的过渡效果， 图标（Icon）：apk程序安装到手机后，在手机里显示的程序图标。 开屏动画（OpenScreenAnimation）：打开该屏幕时的过渡效果。 ;屏幕方向（ScreenOrientation）：设定屏幕显示的方向。包括不设方向（默认）、锁定竖屏（只能竖屏方式）、锁定横屏（只能横屏方式）、自动感应（利用方向传感器自动设置屏幕方向）和用户设定（根据用户手机设置显示）。 允许滚动（Scrollable）：设置是否允许屏幕进行滚动。 状态栏显示（ShowStatusBar）：设置是否显示状态栏。;标题（Title）：设置屏幕上端标题栏显示内容。 标题展示（TitleVisible）：设置是否显示屏幕上端标题栏。 版本编号（VersionCode）：设置程序版本号。 版本名称（VersionName）：设置程序版本名称。 ;;点击设备上的返回键时触发事件。 错误发生时引起的事件。 屏幕初始化时触发事件。 当另外的屏幕关闭时，返回到当前屏幕触发事件。 屏幕方向改变时触发事件。;;用户通过触摸按钮来完成应用中的某些动作。按钮可以感知用户的触摸；可以改变按钮的某些外观特性。;;;;;;被点击（Click）：用户按下并松开按钮时被触发。 获得焦点（GotFocus）：按钮获得焦点时触发，即当指示光标移动到按钮上面时，可以单击到按钮时触发。 被慢点击（LongClick）：用户按下按钮时触发。 失去焦点（LostFocus）：按钮失去焦点时触发。 被按压（TouchDown）：按钮被按下时触发。 被松开（TouchUp）：按钮被松开时触发。;如果用户单击按钮（即按下鼠标左键并快速松开）将会依次触发按钮的“被按压”、“被松开”和“被点击”事件； 如果用户慢单击按钮（即按下鼠标左键后等待几秒再松开）将会依次触发按钮的“被按压”、“被慢点击”和“被松开”事件；;按钮事件触发顺序;按钮事件触发顺序;文本输入框是供用户输入文字的组件。;提示（Hint）：出现在文本框中的浅色文字，提示用户需要输入的内容。只有当文字的属性值为空时才显示提示信息。 允许多行（MultiLine）：如果选中，则文本输入框支持多行输入。在输入文本过程中按回车键实现换行。 仅限数字（NumbersOnly）：如果选中，文本输入框将只允许输入数字。包括小数点及前置的“-”(负号)，这些限定只适用于键盘输入。无论仅限数字属性是否选中，在程序中可以通过为文本输入框设定文字属性的内容，设定文本输入框的内容为任何字符。;;;单击按钮后将文本输入框中的文本大小变成原来大小的2倍，颜色修改为红色。;运行效果;代码;该可视组件用于显示文字元素组成的列表。列表的内容可以用元素字串属性来设定，也可以在编程视图中使用元素块来定义。;元素字串（ElementsFromString）：用一系列“,”(英文逗号)分隔的字符串来设置列表项。如：“北京,上海,广州”，构成三个列表项。 ;;;当用户点击某个列表项时将其列表项显示到标签上。;;日期选择框是一个按钮，点击后将弹出窗口，允许用户从中选择日期并设定日期。设计视图中组件属性和按钮一样。 在逻辑设计视图中,日期选择框还获取属性值的块。分别是取得日期选择框最后选择日期后的日期实例，天，月份，月份的名称和年。;;;事件;完成日期设定（AfterDateSet）：当用户在组件窗口中选中日期后触发该事件。 获得焦点（GotFocus）：表明指针移至按钮上，并可以进行点击。 失去焦点（L