Android开发技术 辅助学习文档 4.1-界面布局及常用资源.pptxVIP

任务四界面布局及常用资源界面布局基础五大常用布局方式常用资源深入01界面布局基础1.1 用户界面的概念及作用1.2 Android用户界面框架用户界面（User Interface，UI)是系统和用户之间进行信息交换的媒介，实现信息的内部形式与人类可以接受形式之间的转换在计算机出现早期，批处理界面（1946-1968）和命令行界面（1969-1983）得到广泛的使用目前，流行图像用户界面（Graphical User Interface，GUI），采用图形方式与用户进行交互的界面未来的用户界面将更多的运用虚拟现实技术，使用户能够摆脱键盘与鼠标的交互方式，而通过动作、语言，甚至是脑电波来控制计算机01. 界面布局基础1.1 用户界面的概念及作用01. 界面布局基础1.1 用户界面的概念及作用设计手机用户界面应解决的问题需要界面设计与程序逻辑完全分离；根据不同型号手机的屏幕解析度、尺寸和纵横比各不相同，自动调整界面上部分控件的位置和尺寸，避免因为屏幕信息的变化而出现显示错误；能够合理利用较小的屏幕显示空间，构造出符合人机交互规律的用户界面，避免出现凌乱、拥挤的用户界面Android已经解决了前两个问题，使用XML文件描述用户界面，资源文件独立保存在资源文件夹中；对用户界面描述非常灵活，允许不明确定义界面元素的位置和尺寸，仅声明界面元素的相对位置。01. 界面布局基础1.2 Android用户界面框架Android UI Framework采用视图树View Tree模型Android用户界面框架中的界面元素以一种树型结构组织在一 起，称为视图树；Android系统会依据视图树的结构从上至下绘制每一个界面元素。每个元素负责对自身的绘制，如果元素包含子元素，该元素会通知其下所有子元素进行绘制。01. 界面布局基础1.2 Android用户界面框架界面布局界面布局Layout是用户界面结构的描述，定义了界面中所有的元素、结构和相互关系声明Android程序的界面布局有两种方法：使用XML文件描述界面布局在java代码中动态添加或修改界面布局用户既可以独立使用任何一种声明界面布局的方式，也可以同时使用两种方式。02五大常用布局方式2.1 LinearLayout2.2 FrameLayout2.3 RelativeLayout2.4 TableLayout2.5 GridLayout02.五大常用布局方式2.1 LinearLayout线性布局（LinearLayout）是一种重要的界面布局，也是开发中经常使用到的一类布局在线性布局中，所有的子元素都按照垂直或水平的顺序在界面上排列，不会换行如果垂直排列，则每行仅包含一个界面元素如果水平排列，则每列仅包含一个界面元素属性android:orientation，该属性的作用是指定本线性布局下的子视图排列方向horizontal表示水平，方向为从左向右vertical表示垂直，方向为从上向下02.五大常用布局方式2.1 LinearLayoutandroid:orientation设置为 horizontal，效果如下所示：android:orientation设置为 vertical，效果如下所示：02.五大常用布局方式2.1 LinearLayout在线性布局中，有个非常重要的属性gravity,这个属性用来指定组件内容的对齐方式gravity表示view横向和纵向的停靠位置 ，支持top、bottom、left、right、center_vertical、 fill_vertical、center_horizontal、fill_horizontal、center、fill、 clip_vertical、clip_horizontal几个属性值;可以同时指定多种对齐方式，如left|center_vertical表示出现在屏幕左边，并且垂直居中 (如下例所示);02.五大常用布局方式2.1 LinearLayout例：同时指定多种对齐方式LinearLayout xmlns:android=/apk/res/android xmlns:tools=/toolsandroid:layout_width=match_parentandroid:layout_height=match_parentandroid:orientation=vertical android:gravity=bottom|center_horizontal/LinearLayout02.五大常用布局方式2.1 LinearLayoutPj2_T4_1_Layout任务描述：请使用“LinearLayout”布局方式，实现如下界面。02.五大常用布局方式2.1 LinearLayout方法一（通