《第3章userinterface用户界面》由会员分享，可在线阅读，更多相关《第3章userinterface用户界面（101页珍藏版）》请在金锄头文库上搜索。
1、2019/10/18,此处添加公司信息,1,第三章 User Interface用户界面,用户界面设计的基本概念,1,用户界面组件,2,Android界面布局,3,小结与习题,4,CONTENTS,目 录,用户界面设计的基本概念,用户界面是人与机之间交流、沟通的层面。 用户界面是和用户打交道的最直接的“窗口”，它的重要性不言而喻。 界面设计从流程上分为结构设计、交互设计和视觉设计三部分。 界面设计的三大基本原则：置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性。,用户界面设计,Android中提供了两种用户界面设计的方式： 1.通过布局文件设置用户界面 2.用代码的方式设置用户界面
2、,用户界面设计,1.通过布局文件设置用户界面 使用XML（可扩展标识语言）描述用户界面,配置TextView,用户界面设计,2.用代码的方式设置用户界面,用户界面组件,View组件是Android平台中用户界面体现的基本单位。,View组件简介,Android中的View组件包含了几乎所有的图形显示组件，像之前所使用到的TextView实际上都是View类的子类。,用户界面组件,Android系统的视图结构的设计也采用了组合模式，即View作为所有图形的基类，Viewgroup对View继承扩展为视图容器类，由此就得到了视图部分的基本结构-树形结构。 ViewGroup通过各种Layout，控
3、制所属View的显示位置。,用户界面组件,用户界面组件,View组件常用属性及对应方法,用户界面组件,View组件常用属性及对应方法,用户界面组件,View组件常用属性及对应方法,用户界面组件,TextView,TextView组件的主要功能是用于显示文本，实际上这种控件主要就是提供了一个标签的显示操作，此类定义如下： java.lang.Object android.view.View android.widget.TextView,用户界面组件,组件的常用属性及对应方法,用户界面组件,配置文本显示框,用户界面组件,设置“android:text”属性,设置文字的显示风格（android:t
4、extStyle） ： 正常（normal） 粗体（bold） 斜体（italic）,用户界面组件,Android中设置文字大小的定义类型,在Android中所有的组件可以设置大小，但是在设置大小的时候需要指定其单位，这些单位如下： px（pixels）：像素； dip（device independent pixels）：依赖于设备的像素； sp（scaled pixels best for text size）：带比例的像素； pt（points）：点； in（inches）：英尺； mm（millimeters）：毫米。,用户界面组件,定义布局管理器，增加链接显示功能,用户界面组件,使用
5、样式表文件,在Android中为了方便美工对组件进行修饰，也可以使用一些样式文件对组件显示进行控制，用户只需要按照如下的xml文件格式即可定义组件的显示样式，格式如下：,用户界面组件,定义样式文件 values/styles.xml,用户界面组件,定义布局管理器 fragment_main.xml文件,Android界面布局,Android常用的五种界面布局： 线性布局 LinearLayout 相对布局 RelativeLayout 框架布局 FrameLayout 绝对布局 AbsoluteLayout 表格布局 TableLayout,布局是存放一个或多个子对象及某种行为的容器，行为描述
6、了如何将这些子对象放置在屏幕上其父对象的矩形区域中。,Android界面布局,Android常用的五种界面布局： 线性布局 LinearLayout 相对布局 RelativeLayout 框架布局 FrameLayout 绝对布局 AbsoluteLayout 表格布局 TableLayout,布局是存放一个或多个子对象及某种行为的容器，行为描述了如何将这些子对象放置在屏幕上其父对象的矩形区域中。,在Android中一共有以下五种布局管理器： LinearLayout：线性布局管理器（默认），分为水平和垂直两种，只能进行单行或单列布局； FrameLayout：所有的组件放在左上角，一个覆盖
7、一个； TableLayout：任意行和列的表格布局管理器，其中TableRow代表一行，可以向行中增加组件； RelativeLayout：相对布局管理器，根据最近一个视图组件，或是顶层父组件来确定下一个组件的位置。 废除的布局管理器：在Android 2.3.3版本之前还存在着一种绝对布局管理器（AbsoluteLayout），此布局管理器使用X、Y轴坐标的形式排列组件,Android界面布局,LinearLayout（线性布局管理器）： 分为水平和垂直两种，只能进行单行或单列布局； 通过orientation属性设置线性排列的方向是垂直(vertical)还是纵向(horizontal)
8、。 android:layout_width及android:layout_height的属性：可以有三个值：wrap_content、match_parent、fill_parent。 wrap_content表示宽度匹配内容 match_parent表示宽度匹配父内容 fill_parent与match_parent相同，android2.2以后就不推荐使用了,Android界面布局,LinearLayout中的子元素属性android:layout_weight 它用于描述该子元素在剩余空间中占有的大小比例。 假如一行只有一个文本框，那么它的默认值就为0 如果一行中有两个等长的文本框，那
9、么他们的android:layout_weight值可以是同为1 如果一行中有两个不等长的文本框，那么他们的android:layout_weight值分别为1和2，那么第一个文本框将占据剩余空间的2/3，第二个文本框将占据剩余空间中的1/3。 android:layout_weight遵循数值越小，重要度越高的原则,Android界面布局,Android界面布局,Android界面布局,线性布局管理器：LinearLayout,Android界面布局, 每个XML文档都由XML序言开始，在前面的代码中的第一行便是XML序言 表示按照1.0版本的XML规则进行解析 encoding = “ut
10、f-8“表示此xml文件采用utf-8的编码格式。编码格式也可以是GB2312。,Android界面布局,LinearLayout组件类,LinearLayout组件类的继承结构： java.lang.Object android.view.View android.view.ViewGroup android.widget.LinearLayout,Android界面布局,LinearLayout类的常用操作方法及常量,Android界面布局,LinearLayout.LayoutParams,LinearLayout.LayoutParams用于指定线性布局的参数； LinearLayou
11、t.LayoutParams类的继承结构如下： java.lang.Object android.view.ViewGroup.LayoutParams android.view.ViewGroup.MarginLayoutParams android.widget.LinearLayout.LayoutParams LinearLayout.LayoutParams类提供了以下一个构造方法： public LinearLayout.LayoutParams (int width, int height) 常用布局参数： public static final int FILL_PARENT
12、public static final int WRAP_CONTENT,通过代码生成布局管理器,Android界面布局,Android界面布局,创建猜数字游戏菜单界面,效果图,Android界面布局,android:orientation=“vertical“,采用线性布局,fragment_main.xml,Android界面布局,styles.xml,Android界面布局,strings.xml,Android界面布局,FrameLayout布局,FrameLayout布局（帧布局）就是在屏幕上开辟一个区域以填充所有的组件，但是使用FrameLayout布局会将所有的组件都放在屏幕的左
13、上角，而且所有的组件可以层叠进行显示。,Android界面布局,范例：使用FrameLayout进行布局,Android界面布局,FrameLayout和FrameLayout.LayoutParams,对于FrameLayout也可以使用android.widget.FrameLayout类进行控制，而且所有的布局参数也可以通过android.widget.FrameLayout.LayoutParams类配置 android.widget.FrameLayout类继承结构： java.lang.Object android.view.View android.view.ViewGroup
14、android.widget.FrameLayout android.widget.FrameLayout.LayoutParams类继承结构： java.lang.Object android.view.ViewGroup.LayoutParams android.view.ViewGroup.MarginLayoutParams android.widget.FrameLayout.LayoutParams,Android界面布局,通过Activity程序定义FrameLayout,Android界面布局,TableLayout,TableLayout是采用表格的形式对控件的布局进行管理的
15、，在TableLayout布局管理器之中，要使用TableRow进行表格行的控制，之后所有的组件要在TableRow中增加。,Android界面布局,范例：在main.xml文件之中指定排版及定义组件,Android界面布局,Android界面布局,范例：显示数据,范例：显示数据,Android界面布局,范例：定义可收缩列,Android界面布局,范例：设置第1列和第4列不显示,Android界面布局,通过程序配置表格布局,如果要想通过程序配置表格布局则需要以下几个类的支持： android.widget.TableLayout android.widget.TableRow android.
16、widget.TableLayout.LayoutParam android.widget.TableRow.LayoutParams,范例：定义Activity程序，动态生成表格布局,Android界面布局,相对布局管理器,相对布局管理器指的是参考某一其他控件进行摆放，可以通过控制，将组件摆放在一个指定参考组件的上、下、左、右等位置，这些可以直接通过各个组件提供的属性完成。,Android界面布局,相对布局管理器组件属性,Android界面布局,范例：使用相对布局管理器进行组件的排列,Android界面布局,相对布局操作类,相对布局的创建可以使用如下两个类完成： 相对布局管理器：RelativeLayout 相对布局参数管理器：RelativeLayout.LayoutParams 操作方法,Android界面布局,范例：定义Activity程序，动态生成组件,Android界面布局,效果图,Android界面布局,布局管理器的嵌套,可以在一个程序之中使用多种布局管理器进
