Android 简单控件

1.设置文本的内容
设置文本内容有两种方式:
l XML 文件中通过属性 android:text 设置文本
l Java 代码中调用文本视图对象的 setText 方法设置文本
2.引用字符串资源
XML 文件中引用( @string/***
Java 代码中引用( R.string. ***
3.设置文本的大小
Ø Java 代码中调用 setTextSize 方法,即可指定文本大小。
Ø XML 文件中则通过属性 android:textSize 指定文本大小,此时需要指定字号单位。
l px :它是手机屏幕的最小显示单位,与设备的显示屏有关。
l dp :它是与设备无关的显示单位,只与屏幕的尺寸有关。
l sp :它专门用来设置字体大小,在系统设置中可以调整字体大小。
4.设置文本的颜色
Ø Java 代码中调用 setTextColor 方法即可设置文本颜色,具体色值可从 Color 类取。
Color类中的颜色类型
说明
Color类中的颜色类型
说明
BLACK
黑色
GREEN
绿色
DKGRAY
深灰
BLUE
蓝色
GRAY
灰色
YELLOW
黄色
LTGRAY
浅灰
CYAN
青色
WHITE
白色
MAGENTA
玫红
RED
红色
TRANSPARENT
透明

5.RGB颜色定义
Ø XML 文件中则通过属性 android:textColor 指定文本颜色,色值由透明度 alpha RGB
三原色(红色 red 、绿色 green 、蓝色 blue )联合定义。
Ø 色值有 八位十六进制数 六位十六进制数 两种表达方式,例如八位编码 FFEEDDCC 中, FF
表示透明度, EE 表示红色的浓度, DD 表示绿色的浓度, CC 表示蓝色的浓度。
Ø 透明度为 FF 表示完全不透明,为 00 表示完全透明。 RGB 三色的数值越大,表示颜色越浓,
也就越亮;数值越小,表示颜色越淡,也就越暗。
6.使用色值定义文字颜色
Ø Java 代码中设置色值需要添加 0x 前缀表示十六进制数。
Ø XML 文件中设置色值需要添加
#” 前缀。
7.引用颜色资源
Ø XML 文件中引用( @color/*** )。
Ø Java 代码中引用( R.color. *** )。
8.设置视图的宽高
Ø 视图宽度通过属性 android:layout_width 表达,视图高度通过属性 android:layout_heig
ht 表达,宽高的取值主要有下列三种:
l match_parent :表示与上级视图保持一致。
l wrap_content :表示与内容自适应。
l dp 为单位 的具体尺寸。
9.在代码中设置视图宽高
Ø 首先确保 XML 中的宽高属性值为 wrap_content ,接着打开该页面对应的 Java 代码,依序
执行以下三个步骤:
l 调用控件对象的 getLayoutParams 方法,获取该控件的布局参数。
l 布局参数的 width 属性表示宽度, height 属性表示高度,修改这两个属性值。
l 调用控件对象的 setLayoutParams 方法,填入修改后的布局参数使之生效。
10.设置视图的间距
Ø 设置视图的间距有两种方式:
l 采用 layout_margin 属性,它指定了当前视图与周围平级视图之间的距离。包括 layout_margin
layout_marginLeft layout_marginTop layout_marginRight layout_marginBottom
l 采用 padding 属性,它指定了当前视图与内部下级视图之间的距离。包括 padding paddingLef
t paddingTop paddingRight paddingBottom
Android 简单控件_第1张图片
11.设置视图的对齐方式
Ø 设置视图的对齐方式有两种途径:
l 采用 layout_gravity 属性,它指定了当前视图相对于上级视图的对齐方式。
l 采用 gravity 属性,它指定了下级视图相对于当前视图的对齐方式。
Ø layout_gravity gravity 的取值包括: left top right bottom ,还可以用竖线连接各
取值,例如
left|top” 表示即靠左又靠上,也就是朝左上角对齐。
Android 简单控件_第2张图片
12.线性布局LinearLayout
Ø 线性布局内部的各视图有两种排列方式:
l orientation 属性值为 horizontal 时,内部视图在 水平方向 从左往右排列。
l orientation 属性值为 vertical 时,内部视图在 垂直方向 从上往下排列。
Ø 如果不指定 orientation 属性,则 LinearLayout 默认水平方向排列。
13.线性布局的权重
Ø 线性布局的权重概念,指的是线性布局的下级视图各自拥有多大比例的宽高。
Ø 权重属性名叫 layout_weight ,但该属性不在 LinearLayout 节点设置,而在线性布局的直
接下级视图设置,表示该下级视图占据的宽高比例。
l layout_width 0dp 时, layout_weight 表示水平方向的宽度比例。
l layout_height 0dp 时, layout_weight 表示垂直方向的高度比例。
Android 简单控件_第3张图片
14.相对布局RelativeLayout
Ø 相对布局的下级视图位置由其他视图决定。用于确定下级视图位置的参照物分两种:
l 与该视图自身平级的视图;
l 该视图的上级视图(也就是它归属的 RelativeLayout
Ø 如果不设定下级视图的参照物,那么下级视图默认显示在 RelativeLayout 内部的左上角。
15.相对位置的取值
Android 简单控件_第4张图片

16.网格布局GridLayout
Ø 网格布局支持多行多列的表格排列。
Ø 网格布局默认从左往右、从上到下排列,它新增了两个属性:
l columnCount 属性,它指定了网格的列数,即每行能放多少个视图;
l rowCount 属性,它指定了网格的行数,即每列能放多少个视图;
Android 简单控件_第5张图片
17.滚动视图ScrollView
Ø 滚动视图有两种:
l ScrollView ,它是垂直方向的滚动视图;垂直方向滚动时, layout_width 属性值设置为 match_p
arent layout_height 属性值设置为 wrap_content
l HorizontalScrollView ,它是水平方向的滚动视图;水平方向滚动时, layout_width 属性值设置
wrap_content layout_height 属性值设置为 match_parent
18.按钮控件Button
Ø 按钮控件 Button TextView 派生而来,它们之间的区别有:
l Button 拥有默认的按钮背景,而 TextView 默认无背景;
l Button 的内部文本默认居中对齐,而 TextView 的内部文本默认靠左对齐;
l Button 会默认将英文字母转为大写,而 TextView 保持原始的英文大小写;
19.按钮控件的新增属性
Ø TextView 相比, Button 增加了两个新属性:
l textAllCaps 属性,它指定了是否将英文字母转为大写,为 true 是表示自动转为大写,为 false
示不做大写转换。
l onClick 属性,它用来接管用户的点击动作,指定了点击按钮时要触发哪个方法;
20.点击事件和长按事件
Ø 监听器,意思是专门监听控件的动作行为。只有控件发生了指定的动作,监听器才会触发
开关去执行对应的代码逻辑。
Ø 按钮控件有两种常用的监听器:
l 点击监听器,通过 setOnClickListener 方法设置。按钮被按住少于 500 毫秒时,会触发点击事件。
l 长按监听器,通过 setOnLongClickListener 方法设置。按钮被按住超过 500 毫秒时,会触发长按
事件。
21.禁用与恢复按钮
Ø 在实际业务中,按钮通常拥有两种状态,即不可用状态与可用状态,它们在外观和功能上
的区别如下:
l 不可用按钮:按钮不允许点击,即使点击也没反应,同时按钮文字为灰色;
l 可用按钮:按钮允许点击,点击按钮会触发点击事件,同时按钮文字为正常的黑色;
Ø 是否允许点击由 enabled 属性控制,属性值为 true 时表示允许点击,为 false 时表示不允许
点击。
22.图像视图ImageView
Ø 图像视图展示的图片通常位于 res/drawable*** 目录,设置图像视图的显示图片有两种方
式:
l XML 文件中,通过属性 android:src 设置图片资源,属性值格式形如 “@drawable/ 不含扩展名
的图片名称
l Java 代码中,调用 setImageResource 方法设置图片资源,方法参数格式形如 “R.drawable.
含扩展名的图片名称
23.图像视图的缩放类型
Ø ImageView 本身默认图片居中显示,若要改变图片的显示方式,可通过 scaleType 属性设
定,该属性的取值说明如下:
Android 简单控件_第6张图片
24.缩放类型的效果
Android 简单控件_第7张图片
25.图像按钮ImageButton
Ø ImageButton 是显示图片的图像按钮,但它继承自 ImageView ,而非继承 Button
Ø ImageButton Button 之间的区别有:
l Button 既可显示文本也可显示图片, ImageButton 只能显示图片不能显示文本。
l ImageButton 上的图像可按比例缩放,而 Button 通过背景设置的图像会拉伸变形。
l Button 只能靠背景显示一张图片,而 ImageButton 可分别在前景和背景显示图片,从而实现两
张图片叠加的效果。
26.ImageButton的使用场合
Ø 在某些场合,有的字符无法由输入法打出来,或者某些文字以特殊字体展示,就适合适合
先切图再放到 ImageButton 。例如:开平方符号 ,等等。
Ø ImageButton ImageView 之间的区别有:
l ImageButton 有默认的按钮背景, ImageView 默认无背景。
l ImageButton 默认的缩放类型为 center ,而 ImageView 默认的缩放类型为 fitCenter
27.同时展示文本与图像
Ø 同时展示文本与图像的可能途径包括:
Ø 1 )利用 LinearLayout ImageView TextView 组合布局。
Ø
2 )通过按钮控件 Button drawable*** 属性设置文本周围的图标。
l drawableTop :指定文字上方的图片。
l drawableBottom :指定文字下方的图片。
l drawableLeft :指定文字左边的图片。
l drawableRight :指定文字右边的图片。
l drawablePadding :指定图片与文字的间距。
Android 简单控件_第8张图片
28.实战项目:计算器
Ø 计算器的界面分为两大部分,第一部分是上方的计算表达式,既包括用户的按键输入,也
包括计算结果数字;第二部分是下方的各个按键,例如:从 0 9 的数字按钮、加减乘除
与等号、正负号按钮、小数点按钮、求倒数按钮、平方按钮、开方按钮,以及退格、清空、
取消等控制按钮。
Android 简单控件_第9张图片
29.简单计算器用到的控件
Ø 线性布局 LinearLayout :计算器的整体布局是从上到下排列着的。
Ø 网格布局 GridLayout :计算器下半部分的几排按钮,正好成五行四列表格分布,适合采
GridLayout
Ø 滚动视图 ScrollView :计算器界面如果超出屏幕大小,就要支持滚动。
Ø 文本视图 TextView :计算结果文本需要使用 TextView ,且文字靠下靠右显示。
Ø 按钮 Button :用于 0-9 的数字按键,以及加减乘除等运算按键。
Ø 图像按钮 ImageButton :开根号的运算符 “√” 虽然能够打出来,但是右上角少了一横,
所以该按钮要用一张标准的开根号图片显示。
30.计算器运行的演示效果
Android 简单控件_第10张图片

你可能感兴趣的:(android)