Android 的界面布局及基本控件
- 格式：pptx
- 大小：1.19 MB
- 文档页数：13
下载文档原格式
合集下载
Android组件---四大布局的属性详解
Android组件---四⼤布局的属性详解【声明】欢迎转载，但请保留⽂章原始出处→_→Android常见布局有下⾯⼏种：LinearLayout：线性布局。
所有的控件都是串在⼀条线上的。
RelativeLayout：相对布局。
所有的控件的位置，都是相对于⽗控件的。
FrameLayout：帧布局。
FrameLayout布局中的控件都是⼀层⼀层的。
帧布局每次添加的控件都显⽰在最上⾯，最后显⽰在界⾯上的是最后添加的⼀个控件。
TableLayout：表格布局。
表格布局可以实现的.⼀般可以使⽤线性布局实现。
AbsoluteLayout：绝对布局。
已经是废弃的状态，很少⽤了。
orientation：属性是指定线性布局的排列⽅向。
horizontal ⽔平。
线性布局默认的朝向是⽔平的。
vertical 垂直例如：android:orientation="vertical"gravity：指定当前控件⾥⾯的内容容显⽰位置。
（四⼤layout中均可使⽤）left 左边right 右边top 上边bottom 底边例如：android:gravity="center"gravity中的属性可以组合使⽤。
例如：android:gravity="bottom|right"layout_gravity：指定当前控件在⽗元素的位置。
（只在 LinearLayout 和 FrameLayout 中有效）left 左边right 右边top 上边bottom 底边centercenter_horizontalcenter_vertical例如：android:layout_gravity="center"另外，需要提⽰的是，对于 LinearLayout :当 android:orientation="vertical" 时，只有⽔平⽅向的设置才起作⽤，垂直⽅向的设置不起作⽤。
安卓之布局总结
安卓之布局总结Adroid布局有⼈形象地⽐喻，Android开发中的布局就相当于⼀栋建筑的外观架构。
布局⽤得好，这栋建筑的外观才美观⾼⼤上。
Android布局管理器Android布局管理器本⾝是⼀个界⾯控件，所有的布局管理器都是ViewGroup类的⼦类，都是可以当做容器类来使⽤的。
因此⼀个布局管理器中可以嵌套其他的布局管理器。
这是⾕歌上找的⼀张布局管理器层级图每⼀个ViewGroup都可以嵌套其他的ViewGroup和View（视图）。
⼀个ViewGroup的⼤⼩是相对的，它即可以是其他ViewGroup的⽗容器，也可以是其他ViewGroup的⼦容器。
在Android中，ViewGroup指代的是布局管理器，也就是下⾯要讲的布局样式，View指代的是布局管理器中的⼀个个控件。
在Android中，控件可以在XML⽂件中定义，也可以程序员根据⾃⼰的需要去定义⼀个类。
本⽂重点先不讨论视图中的控件，还是回归到布局。
Android六⼤基本布局管理器分别是：线性布局（LinearLayout）、表格布局（TableLayout）、⽹格布局（GridLayout）、相对布局（RelativeLayout）、绝对布局（AbsoluteLayout）、层布局（FrameLayout）其中，表格布局是线性布局的⼦类。
⽹格布局是android 4.0后新增的布局。
（1）线性布局线性布局会将容器内的所有控件⼀个挨着⼀个地排列。
属性：1. 排列⽅向android：orienation = “ horizontal/vertical”⽔平排列和垂直排列，Android中默认为垂直排列vertical注意：默认情况下⽔平和垂直⽅向的排列只占⼀⾏，如果⽤android：layout_width来设定控件的宽度，如果控件宽度太⼤，超出屏幕的显⽰范围，屏幕是不会显⽰超出的范围的。
2. 对齐⽅式⽤于控制元素（例如⽂字）在该控件⾥的显⽰位置。
第2章 Android基础界面设计-控件
2021/10/19
第2章 Android基础界面设计
19
Button点击事件的处理方式
在XML文件中附加事件处理方法， 在Activity类实现这个事件处理方
即设置onClick属性：
法:
android:onClick="showToast"
public void showToast(View view) { String msg = "Hello Toast!"; Toast.makeText(this, msg, duration)
2021/10/19
ቤተ መጻሕፍቲ ባይዱ功能描述
输入类型设置 textPassword：输入文本框中的内容显示为"." phone：设置输入文本框中的内容只能是数字 设置允许输入哪些字符
设置编辑框内容为空时，显示的提示信息
控件中内容为空时显示的提示文本信息的颜色
设置控件的宽度为N个字符的宽度 监控软键盘的事件，如actionNext表示点击软键盘上的下一项会跳到 该组件 设置文本的最小行数
2021/10/19
功能描述
设置文本内容的位置，可以用"|"指定多个值 设置文本最大长度，超出此长度的文本不显示 设置文本的字符个数 设置文本的行数，超出此行数的文本不显示 设置文本的最大行数，超出此行数的文本不显示。 设置当文本超出TextView规定的范围的显示方式。 在文本的顶部显示图像 设置文本的行间距 设置文本样式，如：bold(粗体)、italic(斜体)、normal(正 常)
2021/10/19
第2章 Android基础界面设计
4
2.3 Android基本控件
https:///guide/topics/ui/look-and-feel/autosizing-textview https:///guide/topics/ui/controls/button
Android界面编程基础一学情分析
老师通过教材以及 PPT 给出代码，对线性布局进行详细的讲解，其中 layout_weight 属性需要学生 重点掌握，通过下面案例练习线性布局。
（2）表格布局 教师引导，表格布局是让控件以表格的形式来排列组件的，只要将组件或信息放在单元格中，组
件就可以整齐的排列，这是表格布局的特点。 在 TableLayout 中，行数由 TableRow 对象控制，即布局中有多少 TableRow 对象，就有多少行。每
三、教学目标
知识目标：
(1) 掌握 Android 中的三种最基本组件、三种布局 (2) 理解实例中各组件和布局的用法 (3) 掌握界面布局的思路
能力目标：
(1) 初步学会分析界面布局思路，运用所学知识解决问题的方法 (2) 提高学生的动手实践能力，能够开发出简单的图形用户界面 四、教学重点 (1) 基础 View 组件的属性和功能 (2) 三种最常用的布局的功能和优缺点 五、教学难点
层次结构，掌握 view 的子类基础常用界面控件 TextView、Button、EditText 控件。 （3）明确学习目标 让学生认识使用 XML 文件，灵活运用 TextView、Button、EditText 控件。
二、重点知识讲解 （1）老师创建情境，引入 View 组件。 ① 提出问题 Android 界面如何呈现一个界面？ ② Android 界面就像一副画，原来是一副空白画板，绘画者在画板上制定的地方做一些处理添加事
⑤ 分析界面组件基础 View 类中 XML 属性和对应 java 方法。 （2）项目驱动教学，学习 TextView、Button、EditText 控件
① 运行本节课要完成的项目“竞赛登陆”项目，分析其中涉及到控件。 ② 老师创建项目，在布局文件中添加文本显示框 TextView，在 xml 文件中设置 TextView 常见属性 帮助学生认识 xml 和理解 TextView 属性。 ③ 讲解 EditText 的子类，分析 android：hint、android：password、android：inputType 属性。 ④ Button 按钮继承与 TextView，分析其作用。 （3）项目完成演示。
（2）表格布局 教师引导，表格布局是让控件以表格的形式来排列组件的，只要将组件或信息放在单元格中，组
件就可以整齐的排列，这是表格布局的特点。 在 TableLayout 中，行数由 TableRow 对象控制，即布局中有多少 TableRow 对象，就有多少行。每
三、教学目标
知识目标：
(1) 掌握 Android 中的三种最基本组件、三种布局 (2) 理解实例中各组件和布局的用法 (3) 掌握界面布局的思路
能力目标：
(1) 初步学会分析界面布局思路，运用所学知识解决问题的方法 (2) 提高学生的动手实践能力，能够开发出简单的图形用户界面 四、教学重点 (1) 基础 View 组件的属性和功能 (2) 三种最常用的布局的功能和优缺点 五、教学难点
层次结构，掌握 view 的子类基础常用界面控件 TextView、Button、EditText 控件。 （3）明确学习目标 让学生认识使用 XML 文件，灵活运用 TextView、Button、EditText 控件。
二、重点知识讲解 （1）老师创建情境，引入 View 组件。 ① 提出问题 Android 界面如何呈现一个界面？ ② Android 界面就像一副画，原来是一副空白画板，绘画者在画板上制定的地方做一些处理添加事
⑤ 分析界面组件基础 View 类中 XML 属性和对应 java 方法。 （2）项目驱动教学，学习 TextView、Button、EditText 控件
① 运行本节课要完成的项目“竞赛登陆”项目，分析其中涉及到控件。 ② 老师创建项目，在布局文件中添加文本显示框 TextView，在 xml 文件中设置 TextView 常见属性 帮助学生认识 xml 和理解 TextView 属性。 ③ 讲解 EditText 的子类，分析 android：hint、android：password、android：inputType 属性。 ④ Button 按钮继承与 TextView，分析其作用。 （3）项目完成演示。
Android之界面布局
用户界面基础
用户界面（User Interface，UI)是系统和用户之间 进行信息交换的媒介，实现信息的内部形式与人类 可以接受形式之间的转换
在计算机出现早期，批处理界面（1946-1968）和命令行 界面（1969-1983）得到广泛的使用 目前，流行图像用户界面（Graphical User Interface， GUI），采用图形方式与用户进行交互的界面 未来的用户界面将更多的运用虚拟现实技术，使用户能 够摆脱键盘与鼠标的交互方式，而通过动作、语言，甚 至是脑电波来控制计算机
// 定义布局管理器的指定宽和高 youtParams params = new youtParams( youtParams.FILL_PARENT, youtParams.FILL_PARENT); layout.setOrientation(LinearLayout.VERTICAL);
<Button android:id="@+id/btn1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="gravity测试" android:gravity="right" /> <Button android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="layout_gravity测试" android:layout_gravity="right" />
Android常见界面布局线性布局LinearLayout优秀文档
界面中添加的控件，因此线性 4—第—2线章移性动A布n软局dr件Loind开e常发a见rL（a界Ayo面nud布tro局id）
第2章 Android常见界面布局 —第—2章移动An软dr件oid开常发见（界A面nd布ro局id） 第—2—章移动An软dr件oid开常发见（界A面nd布ro局id） 4第—2—线章移性动A布n软局dr件Loind开e常发a见rL（a界Ayo面nud布tro局id）
布局可以分为水平线性布局和 —第—2章移动An软dr件oid开常发见（界A面nd布ro局id）
线第4 性2线章布性局A布n（局drLLoiinndee常aar见rLLaa界yyoo面uut布t）局是以水平或者垂直的方式来显示界面中添加的控件，因此线性布局可以分为水平线性布局和垂直线性布局两 种第—。2—章移动An软dr件oid开常发见（界A面nd布ro局id） 4 线性布局LinearLayout 4第2线章性A布n局drLoinde常a见rLa界yo面u布t 局
第2章 Android常见界面布局
——移动软件开发（Android）
2.4 线性布局LinearLayout
线性布局（LinearLayout）是
4 线性布局LinearLayout
以水平或者垂直的方式来显示 —4 —线移性动布软局件Lin开e发arL（aAyonudtroid）
4第2线章性A布n局drLoinde常a见rLa界yo面u布t 局 第—2—章移动An软dr件oid开常发见（界A面nd布ro局id） 第4 2线章性A布n局drLoinde常a见rLa界yo面u布t 局
垂直线性布局两种。下面我们 第2章 Android常见界面布局
第线2性章布局An（drLoiinde常ar见La界yo面ut布）局是以水平或者垂直的方式来显示界面中添加的控件，因此线性布局可以分为水平线性布局和垂直线性布局两 种。
第2章 Android常见界面布局 —第—2章移动An软dr件oid开常发见（界A面nd布ro局id） 第—2—章移动An软dr件oid开常发见（界A面nd布ro局id） 4第—2—线章移性动A布n软局dr件Loind开e常发a见rL（a界Ayo面nud布tro局id）
布局可以分为水平线性布局和 —第—2章移动An软dr件oid开常发见（界A面nd布ro局id）
线第4 性2线章布性局A布n（局drLLoiinndee常aar见rLLaa界yyoo面uut布t）局是以水平或者垂直的方式来显示界面中添加的控件，因此线性布局可以分为水平线性布局和垂直线性布局两 种第—。2—章移动An软dr件oid开常发见（界A面nd布ro局id） 4 线性布局LinearLayout 4第2线章性A布n局drLoinde常a见rLa界yo面u布t 局
第2章 Android常见界面布局
——移动软件开发（Android）
2.4 线性布局LinearLayout
线性布局（LinearLayout）是
4 线性布局LinearLayout
以水平或者垂直的方式来显示 —4 —线移性动布软局件Lin开e发arL（aAyonudtroid）
4第2线章性A布n局drLoinde常a见rLa界yo面u布t 局 第—2—章移动An软dr件oid开常发见（界A面nd布ro局id） 第4 2线章性A布n局drLoinde常a见rLa界yo面u布t 局
垂直线性布局两种。下面我们 第2章 Android常见界面布局
第线2性章布局An（drLoiinde常ar见La界yo面ut布）局是以水平或者垂直的方式来显示界面中添加的控件，因此线性布局可以分为水平线性布局和垂直线性布局两 种。
Android开发自学笔记（AndroidStudio）—4.1布局组件
Android开发⾃学笔记（AndroidStudio）—4.1布局组件⼀、引⾔Android的界⾯是有布局和组件协同完成的，布局好⽐是建筑⾥的框架，⽽组件则相当于建筑⾥的砖⽡。
组件按照布局的要求依次排列，就组成了⽤户所看见的界⾯。
在Android4.0之前，我们通常说Android开发五⼤布局和四⼤组件，这五⼤布局就是：1. LinearLayout 线性布局2. FrameLayout 单帧布局，也有中⽂翻译为帧布局、框架布局。
3. RelativeLayout 相对布局4. AbsoluteLayout 绝对布局5. TableLayout 表格布局⽽在Android4.0之后⼜新增了⼀种GridLayout⽹格布局。
⼆、LinearLayout线性布局线性布局是Android开发中最常见的⼀种布局⽅式，它是按照垂直或者⽔平⽅向来布局，通过“android:orientation”属性可以设置线性布局的⽅向。
属性值有垂直（vertical）和⽔平（horizontal）两种。
线性布局的排列在某⾏或者某列并不会⾃动换⾏或换列，就是说如果采⽤⽔平布局，控件宽度超过屏幕显⽰的话，后⾯的控件都将被隐藏，不会⾃动换⾏。
常⽤的属性有：1. android:orientation：可以设置布局的⽅向2. android:id - 为控件指定相应的ID3. android:text - 指定控件当中显⽰的⽂字，需要注意的是，这⾥尽量使⽤string.xml4. android:gravity - 指定控件的基本位置，⽐如说居中，居右等位置5. android:textSize - 指定控件当中字体的⼤⼩6. android:background - 指定控件所⽤的背景⾊，RGB命名法7. android:layout_width - 指定控件的宽度8. android:layout_height - 指定控件的⾼度9. android:layout_weight - 指定控件的占⽤⽐例10. android:padding - 指定控件的内边距，也就是说控件当中的内容11. android:sigleLine - 如果设置为真的话，则将控件的内容显⽰在⼀⾏当中layout_weight属性以控制各个控件在布局中的相对⼤⼩。
第2章 Android基础界面设计-布局
案例：D0201_Layout/activity_login
2021/10/19
第2章 Android基础界面设计
2021/10/19
第2章 Android基础界面设计
16
2.2 Android基本布局
https:///guide/topics/ui/declaring-layout?hl=zh-cn
内容大纲
LinearLayout：线性布局，子View水平或垂直方向进行排列 FrameLayout：帧布局，子View以左上角为起点堆叠在一起 RelativeLayout：相对布局，子View之间的相对定位进行排列 GridLayout：网格布局，子View以行、列方式进行排列 ConstraintLayout：约束布局，约束方式连接子View布局(第4章)
• 针对控件内的元素，用来控制元素在该控件里的显示位置 • android:gravity="left"和android:text="提交"，这时Button上的文字"提交"将会位于Button
的左部 • layout_width或layout_height值需设为match_parent才有效
➢ layout_gravity
2021/10/19
第2章 Android基础界面设计
7
ViewGroup
ViewGroup提供了对其子View的管理功能，包括布局、动画等。子 组件可以是View、也可以是ViewGroup。
2021/10/19
第2章 Android基础界面设计
8
பைடு நூலகம்
2.1 Android布局文件
layout的含义
案例：D0201_Layout/activity_linearlayout_b.xml、 activity_linearlayout_r.xml
《Android应用开发》课程标准1
《Android应用开发》课程标准一、课程的性质与目标《Android应用开发》是面向计算机相关专业的一门专业课，涉及Android 基础知识、常见界面布局与控件、数据存储、四大组件、事件处理、网络编程、图形图像处理、多媒体应用等。
通过本课程的学习，学生能够掌握Android基础知识，学会编写简单的应用程序与教材中第6、12、15章的阶段案例。
二、教学条件要求操作系统：Windows 7开发工具：Android Studio 3.2+模拟器、JDK8三、课程的主要内容及基本要求第1章Android基础入门第2章Android常见界面布局第3章Android常见界面控件第4章程序活动单元Activity第5章数据存储第6章阶段案例——记事本第7章使用内容提供者共享数据第8章广播机制第9章服务第10章Android事件处理第11章网络编程第12章阶段案例——智能聊天机器人第13章图形图像处理14章多媒体应用开发第第15章综合项目——网上订餐四、学时分配五、考核模式与成绩评定办法本课程建议教学中主要提取一些具代表性的生产性问题，采用项目教学、案例教学为主，教师在每个案例教学中先提纲挈领的阐明一些新技术手段和语法表达形式，之后学生分组，以 3 － 5 人为宜，每组注意实践操作能力强弱的搭配，完成后抽取具代表性的作品公开集中评价，所有学生共同参与，同步提高。
结合案例教学的特点，对学生的考核采用平时情况结合期末总评情况综合评价。
学生在每次项目完成后，每组学生在项目组内自评，教师给每组一个总评，将学生自评成绩和教师总评成绩按比例结合为一次项目的成绩。
多次项目成绩组成了学生此课程的平时实践操作部分的成绩。
另外学生在每部分学习后完成的其它任务（如课后作业），此又作为学生平时成绩的一部分。
在期末课程结束后，按实际情况可布置每个学生独立完成一个较综合的项目实践，以此作为期末考核成绩；考虑到部分学生非独立完成的作弊行为，亦可组织学生统一卷面考试，以此成绩作为期末考核成绩。
Android核心技术与实例详解—Android布局管理器
实战Android编程——手把手教你做出商用软件34第3章Android布局管理器本章要介绍的内容为Android平台下的布局管理器。
Android中的布局包括线性布局、表格布局、相对布局、帧布局和绝对布局。
下面将分别对每个布局管理器进行详细的介绍。
3.1 控件类概述3.1.1 View类简介在介绍Android的布局管理器之前，有必要让读者了解Android平台下的控件类。
首先要了解的是View类，该类为所有可视化控件的基类，主要提供了控件绘制和事件处理的方法。
创建用户界面所使用的控件都继承自View，如TextView、Button、CheckBox等。
关于View及其子类的相关属性，既可以在布局XML文件中进行设置，也可以通过成员方法在代码中动态设置。
View类常用的属性及其对应方法如表3-1所示。
表3-1 View类常用属性及对应方法说明属性名称对应方法描述android:background setBackgroundResource(int) 设置背景android:clickable setClickable(boolean) 设置View是否响应点击事件android:visibility setVisibility(int) 控制View的可见性android:focusable setFocusable(boolean) 控制View是否可以获取焦点android:id setId(int) 为View设置标识符，可通过findViewById方法获取android:longClickable setLongClickable(boolean) 设置View是否响应长点击事件android:soundEffectsEnabled setSoundEffectsEnabled(boolean) 设置当View触发点击等事件时是否播放音效android:saveEnabled setSaveEnabled(boolean) 如果未作设置，当View被冻结时将不会保存其状态android:nextFocusDown setNextFocusDownId(int)定义当向下搜索时应该获取焦点的View，如果该View 不存在或不可见，则会抛出RuntimeException异常android:nextFocusLeft setNextFocusLeftId(int) 定义当向左搜索时应该获取焦点的Viewandroid:nextFocusRight setNextFocusRightId(int) 定义当向右搜索时应该获取焦点的View续表属性名称对应方法描述android:nextFocusUp setNextFocusUpId(int) 定义当向上搜索时应该获取焦点的View，如果该View第3章 Android 布局管理器35不存在或不可见，则会抛出RuntimeException 异常说明：任何继承自View 的子类都将拥有View 类的以上属性及对应方法。
第四章Android用户界面程序设计
4.3.4 RadioButton和RadioGroup控件
• RadioGroup是单选按钮组，是一个允许容纳多个 RadioButton的容器。在没有RadioGroup的情况下， RadioButton可以分别被选中；当多个RadioButton同一个 RadioGroup按钮组中，RadioButton只允许选择其中之一。 RadioButton和RadioGroup的关系如下：
类名 DigitalClock AnalogClock ProgessBar RatingBar SeekBar GridView LsitView ScrollView
功能描述 数字时钟 模拟时钟 进度条 评分条 搜索条 网格视图 列表视图 滚动视图
4.2 界面布局
• Android中提供了两种创建布局的方式：
XML 属性
对应方法
android:shrinkColumns setShrinkAllColumns(boolean)
android:stretchColumns setStretchAllColumns(boolean) android:collapseColumns setColumnCollapsed(int,boolean)
4.3 Widget简单组件
属性名称 android:id android:layout_height android:layout_width android:autoLink android:autoText android:bufferType android:capitalize android:cursorVisible android:digits android:inputType
• （2）在RadioButton单选按钮组中，只允许选中一个；而 在CheckBox复选框组中，允许同时选中多个。
Android Studio项目开发教程 第3章 常用UI组件
字段的字符是否显示为密码的点，而不是它们本身。可能的值是“true”或“false”。
如果设置，则指定TextView具有一个电话号码的输入法。可能的值是“true”或“false”。
要显示的文字。
目前在所有大写的文本。可能的值是“true”或“false”。
文本颜色。可以是一个颜色值，在形式"#rgb", "#argb", "#rrggbb", 和 "#aarrggbb".
} });
3.1常用控件
3.1.2 按钮类组件
2、在MainActivity 类中实现OnClickListener接口，重写该接口中的onClick方法，多个控件对应同一个监听事件， 在回调方法中用case语句进行分别处理。该方法适用于Button较多的时候。
@Overridepublic class MainActivity extends AppCompatActivity implement View.OnClickListener{
方式描述center在视图中心显示图片并且丌缩放图片centercrop按比例缩放图片使得图片长宽的大亍等亍视图的相应维度centerinside按比例缩放图片使得图片长宽的小亍等亍视图的相应维度fitcenter按比例缩放图片到视图的最小边居中显示fitend按比例缩放图片到视图的最小边显示在视图的下部分位置fitstart把图片按比例扩大缩小到视图的最小边显示在视图的上部分位置fitxy把图片丌按比例缩放到视图的大小显示matrix用矩阵来绘制312按钮类组件3
3.1常用控件
描述
这是唯一地标识控件的ID。 如果设置，指定该TextView中有一个文本输入法会自动利用什么类型的用户。 • 不要自动大写任何东西 - 0 • 大写每句的第一个字 - 1 • 大写每个单词的第一个字母 - 2 • 大写每一个字符 - 3 使光标可见（默认值）或不可见。默认为false。 如果设置为true，指定TextView的一个输入法。 字体系列（由字符串命名）的文本。 指定如何排列由视图的x和/或y轴的文本时，该文本比视图小。 提示文本显示文本为空。 数据的类型被放置在一个文本字段。手机，日期，时间，号码，密码等。 使得TextView至多到像素高。
如果设置，则指定TextView具有一个电话号码的输入法。可能的值是“true”或“false”。
要显示的文字。
目前在所有大写的文本。可能的值是“true”或“false”。
文本颜色。可以是一个颜色值，在形式"#rgb", "#argb", "#rrggbb", 和 "#aarrggbb".
} });
3.1常用控件
3.1.2 按钮类组件
2、在MainActivity 类中实现OnClickListener接口，重写该接口中的onClick方法，多个控件对应同一个监听事件， 在回调方法中用case语句进行分别处理。该方法适用于Button较多的时候。
@Overridepublic class MainActivity extends AppCompatActivity implement View.OnClickListener{
方式描述center在视图中心显示图片并且丌缩放图片centercrop按比例缩放图片使得图片长宽的大亍等亍视图的相应维度centerinside按比例缩放图片使得图片长宽的小亍等亍视图的相应维度fitcenter按比例缩放图片到视图的最小边居中显示fitend按比例缩放图片到视图的最小边显示在视图的下部分位置fitstart把图片按比例扩大缩小到视图的最小边显示在视图的上部分位置fitxy把图片丌按比例缩放到视图的大小显示matrix用矩阵来绘制312按钮类组件3
3.1常用控件
描述
这是唯一地标识控件的ID。 如果设置，指定该TextView中有一个文本输入法会自动利用什么类型的用户。 • 不要自动大写任何东西 - 0 • 大写每句的第一个字 - 1 • 大写每个单词的第一个字母 - 2 • 大写每一个字符 - 3 使光标可见（默认值）或不可见。默认为false。 如果设置为true，指定TextView的一个输入法。 字体系列（由字符串命名）的文本。 指定如何排列由视图的x和/或y轴的文本时，该文本比视图小。 提示文本显示文本为空。 数据的类型被放置在一个文本字段。手机，日期，时间，号码，密码等。 使得TextView至多到像素高。
第5章 Android——UI常用基本控件
android:orientation
在线性布局中使用gravity属性来设置控件的对齐方式。gravity 可取的值及说明方法如表5-2所示。
5.1.1线性布局LinearLayout 表5-2
属性值 top bottom left right 说明 不改变控件大小，对齐到容器顶部 不改变控件大小，对齐到容器底部 不改变控件大小，对齐到容器左侧 不改变控件大小，对齐到容器右侧
android:text android:textColor android:textSize android:typeface
对应方法 setAutoLint(int) setGravity(int) setHeight(int) setMinHeight(int) setMaxHeight(int) setWidth(int) setMinWidth(int) setMaxWidth(int) setHint(int)
5.2 UI界面控件
5.2.1TextView与EditText 文本控件主要包括TextView控件和EditText控件。 其中TextView控件继承自View类，其主要功能是向用户显 示文本内容，同时可选择性地让用户编辑文本。从功能上来说， TextView就是一个完整的文本编辑器，只不过其本身被设置为 不允许编辑，其子类EditText被设置为允许用户对内容进行编 辑。 TextView提供了大量XML属性，这些XML属性大部分既可 适用于TextView，又可适用于EditText，但有少量XML只能适 用于其一，表5-7显示了TextView支持的XML属性及相关方法 的说明。
移动平台UI交互设计与开发
第5章 Android——UI常用基本控件
知识技能目标：
Android系统常用布局介绍
Android系统常用布局介绍Android中的布局包括线性布局，表格布局，相对布局，帧布局，绝对布局。
下面分别对每个布局进行一个介绍。
在介绍android的布局管理器之前，有必要了解android平台下的控件类。
首先要了解的是View类，该类为所有可视化控件的基类，主要提供了控件绘制和事件处理的方法。
创建用户界面所使用的控件都继承自View，如TextView，Button，CheckBox等。
补充：另外一个需要了解的是ViewGroup类，它也是View类的子类，但是可以充当其他控件的容器。
ViewGroup的子控件既可以是普通的View，也可以是ViewGroup。
Android中的一些高级控件如Gally，GirdView等都继承自ViewGroup。
一：线性布局：LinearLayout类简介线性布局是最简单的布局之一，它提供了控件水平或者垂直排列的模型。
同时，使用此布局时可以通过设置控件的weight参数控制各个控件在容器中的相对大小。
LinearLayout布局的属性既可以在布局文件（XML）中设置，也可以通过成员方法进行设置。
案例：1.在布局管理器中实现布局：在eclipse中新建一个项目。
首先打开项目文件夹下res/values目录下的string.xml，写入一下内容：<?xml version=”1.0”encoding=”utf-8”?><resources><string name=”app_name”>LinearExample</string><string name=”button”>按钮</string><string name=”add”>添加</string></resources>说明：在string.xml中主要声明了程序中要用到的字符串资源，这样将所有字符串资源统一管理有助于提高程序的可读性及可维护性。
android常用控件及布局
一、概述Android的控件体系分为三个类别：1、基本控件2、布局3、容器这三类控件主要分布在两个包中：1、android.view 提供抽象接口2、android.widget 提供系统内置的大部分控件整个系统得控件都继承自android.view.View ，而布局及容器类继承自android.view.ViewGroup。
基本控件主要包括ImageView、ProgressBar、SurfaceView、TextView、EditText等。
布局虽然布局跟容器均继承自android.view.ViewGroup，但并不像SWT那样提供了面板+布局的结构，而是每种Layout就是一中特殊的面板，包括AbsoluteLayout、FrameLayout、LinearLayout、TableLayout、RelativeLayout等。
容器这里的容器是指采用了特定的布局并且提供了行为的控件，包含ListView、GridView、Gallery、Spinner等。
二、android常用控件android常用控件之TextView、EditView、Button、Menu示例：一个计算应用程序，输入2个数字，点击按钮进行计算两个数的积并且返回结果。
当点击模拟器右侧的Menu按钮，在输入界面中显示一个有关于和退出的菜单。
项目运行效果图：开发步骤：1、新建一个Android项目2、在布局文件中依次添加EditText、TextView、EditText、Button（一定要按照界面上控件显示的顺序在布局文件中添加）3、再新建一个布局文件用来显示计算的结果；在这个布局文件中添加一个LinearLayout和一个TextView（默认的布局文件中默认就有一个LinearLayout，所以不需要手动添加，新建的布局文件默认为空，所以需要手动添加）4、编写第一个Activitya) 让Activity继承android的Activityb) 重写Activity的onCreate()方法c) 设置这个Activity的布局文件d) 根据控件id获得控件对象e) 设置控件的值，这个值引用的是string.xml中的值，所以还需要在string.xml文件中设置（最好是使用string.xml中的值，以便实现国际化）；这个在布局文件中也能设置；5、新建一个Activity，ResultActivitya) 让Activity继承android的Activityb) 重写Activity的onCreate()方法c) 设置这个Activity的布局文件d) 根据控件id获得控件对象6、在第一个Activity中编写Button的监听器a) 取得两个EditText控件的值b) 创建Intent对象c) 将这两个值存放到Intent对象当中d) 使用Intent对象启用ResultActivitye) 将监听器与Button绑定7、在第二个Activity（ResultActivity）中获得Intent对象a) 获得Intent对象中保存的值并强制转换成int类型b) 计算两个值的积c) 设置控件值8、在第一个Activity中，重写onCreateOptionsMenu()方法，这个方法是用于添加菜单中的菜单项，我们添加两个菜单项9、再在第一个Activity中重写onOptionsItemSelected()方法，这个方法是当点击菜单中菜单项时调用。
第3章 Android常用基本控件
import android. android.view.View; //导入android.view.View类
3.1 Android中的View组件
3.1 Android中的View组件
3.2文本显示组件TextView
文本显示组件的主要作用是在屏幕上显示一些文字，在 Android中用TextView表示文本显示组件，它的层次关系 如下： ng.Object android.view.View ng.Object 要在Android 的java程序中使用TextView组件必须要在程序中 使用下面的语句。
imagebutton类36图片按钮组件imagebutton361imagebutton组件常用的属性和方法imagebutton是imageview的子类因此imageview的属性和方法它都具备和的属性和方法它都具备和button组件类似它的主要目的不是用来显示图片它主要是用来做事件处理接收用户的选择后执行其他的程序或操作通俗地说就是当单击或组件类似它的主要目的不是用来显示图片它主要是用来做事件处理接收用户的选择后执行其他的程序或操作通俗地说就是当单击或
要在Android 的java程序中使用Button组件必须在程序中使用 下面的语句。
import android.widget.Button; // 导入widget. Button类
3.4 编辑框组件EditText
由于 EditText 继承了 TextView ，所以前面介绍的 TextView 有的 属性，它都可以使用，另外还有如表3-6所示的一些常见属 性。
3.7 复选框组件CheckBox
实例3_9：CheckBox的使用举例
3.8 下拉列表框组件Spinner
Spinner组件功能类似RadioGroup，它可以为用户提供列表的 选择方式，在Android中可以使用android.widget.Spinner 类实现该组件。它的层次关系如下：
3.1 Android中的View组件
3.1 Android中的View组件
3.2文本显示组件TextView
文本显示组件的主要作用是在屏幕上显示一些文字，在 Android中用TextView表示文本显示组件，它的层次关系 如下： ng.Object android.view.View ng.Object 要在Android 的java程序中使用TextView组件必须要在程序中 使用下面的语句。
imagebutton类36图片按钮组件imagebutton361imagebutton组件常用的属性和方法imagebutton是imageview的子类因此imageview的属性和方法它都具备和的属性和方法它都具备和button组件类似它的主要目的不是用来显示图片它主要是用来做事件处理接收用户的选择后执行其他的程序或操作通俗地说就是当单击或组件类似它的主要目的不是用来显示图片它主要是用来做事件处理接收用户的选择后执行其他的程序或操作通俗地说就是当单击或
要在Android 的java程序中使用Button组件必须在程序中使用 下面的语句。
import android.widget.Button; // 导入widget. Button类
3.4 编辑框组件EditText
由于 EditText 继承了 TextView ，所以前面介绍的 TextView 有的 属性，它都可以使用，另外还有如表3-6所示的一些常见属 性。
3.7 复选框组件CheckBox
实例3_9：CheckBox的使用举例
3.8 下拉列表框组件Spinner
Spinner组件功能类似RadioGroup，它可以为用户提供列表的 选择方式，在Android中可以使用android.widget.Spinner 类实现该组件。它的层次关系如下：
超实用!19条ANDROID平台设计规范平台设计规范
超实用！19条ANDROID平台设计规范平台设计规范1、尺寸以及分辨率： Android的界面尺寸比较流行的有：480*800、720*1280、1080*1920，我们在做设计图的时候建议是以 480*800的尺寸为标准；2、界面基本组成元素：界面基本组成元素包括：状态栏+导航栏+主菜单栏+内容区域；以480*800的尺寸为标准下的各个元素的高度(其实导航栏和菜单栏每一个应用都或许不一样，android对于尺寸没有太明确的数据规范)如下：3、字体： Android 系统中，Droid Sans 是默认字体，与微软雅黑很像；4、操作栏： 1、”操作栏”对于 Android 应用来说是最重要的设计元素，它通常在应用运行的所有时间都呆在屏幕顶部；2、操作栏的基本布局：1向上＋2 Spinner视图控制＋3 重要操作按钮＋4 更多操作：其中，向上按钮，点击后是去到当前界面的上一个层级，非第一层级界面有此按钮，第一层级界面则无向上按钮；Spinner 是用于展示内容的下拉菜单，其内容包括视图的快速切换和显示相关内容的完整信息；更多操作（action overflow）是集合操作栏中不常用的和非重要操作的地方。
5、多面板布局：多面板布局更多的是针对平板电脑，把手机端的目录视图和详情视图两个层级的界面，甚至更多的页面，复合展示在同一个界面中，有效地利用平板电脑的屏幕空间，扁平化层级结构，简化导航。
这点在iPad上已经运用得相当娴熟了。
6、选择： Android4.0中的长按与Android2.3及更早期的版本有很大的不同。
早期版本长按操作后，是出现情境菜单的浮出层。
在Android4.0中，长按后在操作栏的位置会覆盖一个临时的情境操作栏，不再弹出情境菜单浮出层。
在临时情境操作栏的环境下，当前界面的内容项允许被单个处理，也允许被批量处理。
7、返回和向上：返回按键用在手机全局的虚拟导航栏中，基于用户最近查看的界面历史，采用时间倒序的方式，连接界面间的关系。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
每个布局文件包括了一个树状元素集合，代表了窗口 控件和容器之间的关系，每个XML元素都有一些属性，用 于描述窗口控件的特性，如颜色、背景等。
使用XML资源文件创建布局
流式布局元素标签
用于指定流式布局的方向：分 别为vertical和horizontal
用于指定元素的水平宽度，有 三种取值：fill_parent表示当前
View是Android控件的一个基类，一个View就是屏幕上的一个矩形区域， 主要负责绘制元素和事件处理。View提供了许多用于界面显示的子类，例 如按钮类Button、文本显示区域TextView类、EditText类等 。我们往往利用 View类的这些子类去绘制界面元素。View类的详细说明如下图所示:
流式布局LinearLayout
LinearLayout是线性布局控件，它包含的子控件将以横向或竖 向的方式排列，按照相对位置来排列所有的组件或者其他的容器, 超过边界时，某些组件将缺失或消失。因此一个垂直列表的每一 行只会有一个组件或者是容器，而不管他们有多宽，而一个水平 列表将会只有一个行高（高度为最高子控件的高度加上边框高 度）。 LinearLayout有两个重要的属性:
帧式布局FrameLayout
帧式布局FrameLayout：在Android的五大布局中是最简 单的布局方式，在需要布局中的控件有重叠的情况下才使 用。 在它上面可以添加多个组件，所有组件都被固定在 界面的左上角，叠加显示，后一个组件会在前一个组件之 上显示 ，也就是说后一个组件会全部或部分的覆盖前一 个组件。
该属性用于指定R.java中的某 个特定资源ID
该属性用于指定元素内文字的大小
View及ViewGroup简介
我们知道Activity是Android应用程序基本的功能单元，Android的每一个 窗口都是一个Activity。但是Activity并不能真正的显示出来，我们要显示界 面信息，需要在Activity中通过调用方法setContentView(View view)来实现， 也就是说真正显示出来的是View。
View及ViewGroup简介
ViewGroup是View的子类，它并不会直接显示出来，而是负责管理和容 纳下一层的View和ViewGroup，即它是容纳其他元素的容器。在ViewGroup 中定义了嵌套类youtParams,这个类定义了显示对象时的属性， View通过LayoutParams告诉父窗体它的摆放位置。ViewGroup是一个抽象类， 所以真正充当窗口角色的是它的子类们，例如LinearLayout流式布局、 RelativeLayout相对布局、TableLayout表格布局等这些布局管理 器,ViewGroup类的详细说明如下：
注意：FrameLayout中的控件layout_margin设置要依赖 layout_gravity属性，否则layout_margin设置无效。 layout_gravity有好几个值可以设置，具体要设置哪一个呢？ 其实layout_gravity可以理解为设置控件的参考点，控件最 终显示位置最终由layout_gravity和layout_margin共同决定。 如果想要控件正常显示，可以将控件的layout_gravity设置 为top,以屏幕左上角为参考点。
ANDROID 的界面布局的UI布局 ➢View和ViewGroup简介 ➢Android界面布局 ➢帧式布局FrameLayout ➢线性布局LinearLayout ➢文本显示控件：TextView ➢输入文本框：EditText ➢按钮：Button ➢应用实例：简单的拨号程序界面
元素宽度由父元素的宽度决定，
即会填充父元素。该值由 Android2.2 开始由 match_parent取代。 wrap_content:表示当前元素的 宽度由元素本身的内容决定
该属性用于指定元素的垂直高度，取值 和Android：layout_width取值相同
该属性用于指定元素上要显示的信息
该属性用于指定元素内容为空时的显示 文本
本章小结
➢视图View概述 ➢Android界面布局 ➢帧式布局：FrameLayout ➢线性布局LinearLayout ➢文本显示控件：TextView ➢输入文本框：EditText ➢按钮：Button ➢应用实例：简单计算器
➢android:orientation：该属性设置该布局的线性方向（横向 horizontal/竖向vertical）。
➢android:layout_weight:设置控件占屏幕的比例，在垂直布局时， 代表行距；水平布局时代表列宽，weight值越大就表示所占比例 越大。
➢Android:background:该属性用于设置元素的背景颜色，其中颜 色值前两位表示透明度，“00”为透明，“ff”表示不透明
➢android:orientation：该属性设置该布局的线性方向（横向 horizontal/竖向vertical）。
➢android:layout_weight:设置控件占屏幕的比例，在垂直布局时， 代表行距；水平布局时代表列宽，weight值越大就表示所占比例 越大。
➢Android:background:该属性用于设置元素的背景颜色，其中颜 色值前两位表示透明度，“00”为透明，“ff”表示不透明
帧式布局FrameLayout实例
帧式布局FrameLayout运行效果
android:gravity：属性是对该view中内容的限定．比如一个button 上面的text. 你可以设置该text 相对于view的靠左，靠右等位置． android:layout_gravity：是用来设置该view相对与父view 的位 置．比如一个button 在linearlayout里，你想把该button放在 linearlayout里靠左、靠右等位置就可以通过该属性设置． android:layout_marginLeft:是设置整个布局离左边的距离
Android的UI布局
Android的UI布局可以通过两种方式来实现：
➢通过代码实现用户界面布局：这种方式类似于Java中的 Swing组件布局，实现起来相当复杂。
➢通过XML资源文件创建布局：这种类似我们通过HTML 设计页面，实现起来比较简单
通过XML文件我们可以定义窗口控件之间的关系，以 及窗口控件（Widget）和容器之间的关系，Android系统 把布局文件作为一种资源，存储在项目的res/layout目录 下。
流式布局LinearLayout案例
流式布局LinearLayout
LinearLayout是线性布局控件，它包含的子控件将以横向或竖 向的方式排列，按照相对位置来排列所有的组件或者其他的容器, 超过边界时，某些组件将缺失或消失。因此一个垂直列表的每一 行只会有一个组件或者是容器，而不管他们有多宽，而一个水平 列表将会只有一个行高（高度为最高子控件的高度加上边框高 度）。 LinearLayout有两个重要的属性:
使用XML资源文件创建布局
流式布局元素标签
用于指定流式布局的方向：分 别为vertical和horizontal
用于指定元素的水平宽度，有 三种取值：fill_parent表示当前
View是Android控件的一个基类，一个View就是屏幕上的一个矩形区域， 主要负责绘制元素和事件处理。View提供了许多用于界面显示的子类，例 如按钮类Button、文本显示区域TextView类、EditText类等 。我们往往利用 View类的这些子类去绘制界面元素。View类的详细说明如下图所示:
流式布局LinearLayout
LinearLayout是线性布局控件，它包含的子控件将以横向或竖 向的方式排列，按照相对位置来排列所有的组件或者其他的容器, 超过边界时，某些组件将缺失或消失。因此一个垂直列表的每一 行只会有一个组件或者是容器，而不管他们有多宽，而一个水平 列表将会只有一个行高（高度为最高子控件的高度加上边框高 度）。 LinearLayout有两个重要的属性:
帧式布局FrameLayout
帧式布局FrameLayout：在Android的五大布局中是最简 单的布局方式，在需要布局中的控件有重叠的情况下才使 用。 在它上面可以添加多个组件，所有组件都被固定在 界面的左上角，叠加显示，后一个组件会在前一个组件之 上显示 ，也就是说后一个组件会全部或部分的覆盖前一 个组件。
该属性用于指定R.java中的某 个特定资源ID
该属性用于指定元素内文字的大小
View及ViewGroup简介
我们知道Activity是Android应用程序基本的功能单元，Android的每一个 窗口都是一个Activity。但是Activity并不能真正的显示出来，我们要显示界 面信息，需要在Activity中通过调用方法setContentView(View view)来实现， 也就是说真正显示出来的是View。
View及ViewGroup简介
ViewGroup是View的子类，它并不会直接显示出来，而是负责管理和容 纳下一层的View和ViewGroup，即它是容纳其他元素的容器。在ViewGroup 中定义了嵌套类youtParams,这个类定义了显示对象时的属性， View通过LayoutParams告诉父窗体它的摆放位置。ViewGroup是一个抽象类， 所以真正充当窗口角色的是它的子类们，例如LinearLayout流式布局、 RelativeLayout相对布局、TableLayout表格布局等这些布局管理 器,ViewGroup类的详细说明如下：
注意：FrameLayout中的控件layout_margin设置要依赖 layout_gravity属性，否则layout_margin设置无效。 layout_gravity有好几个值可以设置，具体要设置哪一个呢？ 其实layout_gravity可以理解为设置控件的参考点，控件最 终显示位置最终由layout_gravity和layout_margin共同决定。 如果想要控件正常显示，可以将控件的layout_gravity设置 为top,以屏幕左上角为参考点。
ANDROID 的界面布局的UI布局 ➢View和ViewGroup简介 ➢Android界面布局 ➢帧式布局FrameLayout ➢线性布局LinearLayout ➢文本显示控件：TextView ➢输入文本框：EditText ➢按钮：Button ➢应用实例：简单的拨号程序界面
元素宽度由父元素的宽度决定，
即会填充父元素。该值由 Android2.2 开始由 match_parent取代。 wrap_content:表示当前元素的 宽度由元素本身的内容决定
该属性用于指定元素的垂直高度，取值 和Android：layout_width取值相同
该属性用于指定元素上要显示的信息
该属性用于指定元素内容为空时的显示 文本
本章小结
➢视图View概述 ➢Android界面布局 ➢帧式布局：FrameLayout ➢线性布局LinearLayout ➢文本显示控件：TextView ➢输入文本框：EditText ➢按钮：Button ➢应用实例：简单计算器
➢android:orientation：该属性设置该布局的线性方向（横向 horizontal/竖向vertical）。
➢android:layout_weight:设置控件占屏幕的比例，在垂直布局时， 代表行距；水平布局时代表列宽，weight值越大就表示所占比例 越大。
➢Android:background:该属性用于设置元素的背景颜色，其中颜 色值前两位表示透明度，“00”为透明，“ff”表示不透明
➢android:orientation：该属性设置该布局的线性方向（横向 horizontal/竖向vertical）。
➢android:layout_weight:设置控件占屏幕的比例，在垂直布局时， 代表行距；水平布局时代表列宽，weight值越大就表示所占比例 越大。
➢Android:background:该属性用于设置元素的背景颜色，其中颜 色值前两位表示透明度，“00”为透明，“ff”表示不透明
帧式布局FrameLayout实例
帧式布局FrameLayout运行效果
android:gravity：属性是对该view中内容的限定．比如一个button 上面的text. 你可以设置该text 相对于view的靠左，靠右等位置． android:layout_gravity：是用来设置该view相对与父view 的位 置．比如一个button 在linearlayout里，你想把该button放在 linearlayout里靠左、靠右等位置就可以通过该属性设置． android:layout_marginLeft:是设置整个布局离左边的距离
Android的UI布局
Android的UI布局可以通过两种方式来实现：
➢通过代码实现用户界面布局：这种方式类似于Java中的 Swing组件布局，实现起来相当复杂。
➢通过XML资源文件创建布局：这种类似我们通过HTML 设计页面，实现起来比较简单
通过XML文件我们可以定义窗口控件之间的关系，以 及窗口控件（Widget）和容器之间的关系，Android系统 把布局文件作为一种资源，存储在项目的res/layout目录 下。
流式布局LinearLayout案例
流式布局LinearLayout
LinearLayout是线性布局控件，它包含的子控件将以横向或竖 向的方式排列，按照相对位置来排列所有的组件或者其他的容器, 超过边界时，某些组件将缺失或消失。因此一个垂直列表的每一 行只会有一个组件或者是容器，而不管他们有多宽，而一个水平 列表将会只有一个行高（高度为最高子控件的高度加上边框高 度）。 LinearLayout有两个重要的属性: