《移动端应用开发》课件 模块2基础界面设计-2.1UI界面设计相关知识.pptx

模块2基础界面设计

2.1UI布局界面2.2常用控件2.3对话框2.4项目实战

Android学习路线1.1Android相关知识

学习目标1.1Android相关知识素质目标知识目标素质1.能够灵活使用布局和组件，设计美观和符合规范的用户界面；2.能够从用户的角度考虑界面的功能和交互；3.能够使用资源管理字符串、颜色和图片；4.能够将界面布局转化为视图。能力目标1.理解View和ViewGroup；2.掌握常用布局的使用方法；3.掌握常用组件的使用方法；4.掌握界面设计的基础方法；1.提升审美修养；2.增强用户体验意识；3.强化精益求精观念；

2.1UI布局界面预习检查Android常用的布局类型有哪些？Android常用的控件有哪些？知识解析问题导入学以致用课堂小结课后拓展

2.1UI布局界面知识点预览#知识点重点难点应用说明1控件布局属性√√掌握控件在布局中的属性，主要包括长度，宽度，对齐，边缘等2绝对布局√掌握绝对布局的方式以及应用场景3相对布局√掌握相对布局的方式以及应用场景4线性布局√√√掌握线性布局的方式以及应用场景5限制布局√√√掌握限制性布局；辅助线以及Chain布局的方式以及应用场景知识解析问题导入学以致用课堂小结课后拓展

2.1UI布局界面项目案例知识点标准身高计算器布局创建布局类型常用控件常见对话框存放路径线性布局消息对话框创建步骤TextViewEditTextButtonRadioButton知识解析问题导入学以致用课堂小结课后拓展

2.1UI布局界面项目案例任务书目标：让学生掌握Android的界面相关开发技术主要的工作任务划分为：开发输入界面。进行事件处理。显示计算结果。发布到手机。涉及的关键技术包括：Activity类的使用布局文件的设计事件的处理消息对话框的使用。知识解析问题导入学以致用课堂小结课后拓展

2.1UI布局界面创建布局在Android程序中界面是通过布局文件设定的，在每个应用程序创建时会默认包含一个主界面布局，该布局位于res/layout目录中。实际开发中每个应用程序都包含多个界面，而程序默认提供的一个主界面布局无法满足需求，因此经常会在程序中添加多个布局。问题导入知识解析学以致用课堂小结课后拓展

布局的创建-步骤2.1UI布局界面问题导入知识解析学以致用课堂小结课后拓展

2.2布局类型布局的类型五种常用布局线性布局相对布局帧布局表格布局绝对布局特点：以水平或垂直方向排列特点：通过相对定位排列特点：开辟空白区域，帧里的控件(层)叠加特点：表格形式排列特点：通过x，y坐标排列问题导入知识解析学以致用课堂小结课后拓展

2.2布局类型布局属性View：基本视图；所有控件和布局由View继承过来；View基本属性和方法可以适用于所有布局和控件；属性名称属性定义android:id视图组件的编号:@+id/btn_jumpandroid:layout_width视图的宽度dp具体的dp数值match_parent与上级视图一样宽wrap_content与内容一样宽android:layout_height视图的高度dp具体的dp数值match_parent与上级视图一样高wrap_content与内容一样宽android:layout_margin视图与周围视图的距离layout_marginTop与上边视图距离layout_marginBottom与下边视图距离layout_marginLeft与左边视图距离layout_marginRight与右边视图距离android:minWidth视图最小宽度android:minHeight视图最小高度问题导入知识解析学以致用课堂小结课后拓展

2.2布局类型布局属性属性名称属性定义android:background视图的背景:可以是颜色；也可以是图片；android:layout_gravity视图与上级视图的对齐方式left靠左对齐right靠右对齐top靠上对齐bottom靠下对齐center居中对齐android:gravity视图中文字与视图的对齐方式left靠左对齐right靠右对齐top靠上对齐bottom靠下对齐center居中对齐android:visible视图的可视属性visible可见invisible不可见，占位置gone消失，不占位置问题导入知识解析学以致用课堂小结课后拓展

2.2布局类型布局属性属性名称属性定义android:padding内部内容与视图的距离paddingTop视图边缘与上边距离paddingBottom视图边缘与下边距离paddingLeft视图边缘与左边距离paddin