CH3-Android常见界⾯控件
⽬标
1. 掌握简单控件的使⽤，能够独⽴搭建⼀个注册界⾯
2. 掌握ListView控件与RecyclerView控件的使⽤，能独⽴搭建列表界⾯
3. 掌握⾃定义控件的定义⽅式，能够⾃定义⼀个简单的控件
⼏乎每⼀个Android应⽤都是通过界⾯控件与⽤户交互的，Android提供了⾮常丰富的界⾯控件，借助这些控件，我们可以很⽅便地进⾏⽤户界⾯开发。接下来，本章将针对Android常见的界⾯控件进⾏讲解。
⼀、简单控件的使⽤
1.1 TextView控件
控件是界⾯组成的主要元素，为了显⽰界⾯上的输⼊框、图⽚、⽂字等信息，Android系统提供了⼀些控件来显⽰这些信息，每个控件都有对应的属性来设置不同的效果。我们以控件使⽤的复杂程度将Android中的控件分别简单控件和列表控件，简单控件包含以下⼏种，具体如下图所⽰。
qplay
TextView控件⽤于显⽰⽂本信息，我们可以在XML布局⽂件中以添加属性的⽅式来控制TextView控件的样式， TextView控件的属性如下表所⽰。
博学是什么意思
啤酒品牌大全属性名称功能描述
android:layout_width设置TextView控件的宽度
android:layout_height设置TextView控件的⾼度
android:id设置TextView控件的唯⼀标识
android:background设置TextView控件的背景冰柜尺寸
android:layout_margin设置当前控件与屏幕边界或周围控件、布局的距离 (外边距)
android:padding设置TextView控件与该控件中内容的距离 (内边距)
android:text设置⽂本内容
android:textColor设置⽂字显⽰的颜⾊
android:textSize设置⽂字⼤⼩，推荐单位为sp
android:gravity设置⽂本内容的位置
android:maxLength设置⽂本最⼤长度，超出此长度的⽂本不显⽰
android:lines设置⽂本的⾏数，超出此⾏数的⽂本不显⽰
android:maxLines设置⽂本的最⼤⾏数，超出此⾏数的⽂本不显⽰。
android:ellipsize设置当⽂本超出TextView规定的范围的显⽰⽅式。
android:drawableTop在⽂本的顶部显⽰图像
android:drawableTop
在⽂本的顶部显⽰图像
描写人物动作的词语
android:lineSpacingExtra
设置⽂本的⾏间距
android:textStyle
设置⽂本样式
，如bold（粗体），italic（斜体），normal（正常）
属性名称功能描述 接下来，我们通过⼀个案例讲解如何将TextView控件中的⽂本信息居中，并且将⽂本的字体设置为斜体进⾏显⽰，显⽰斜体⽂本的界⾯效果如下图所⽰。
放置界⾯控件
在res/layout⽂件夹的l⽂件中，放置1个TextView控件，⽤于显⽰⽂本信息。
<?xml version="1.0" encoding="utf-8"?><RelativeLayout android ="/apk/res/android " layout_width ="match_parent " layout_height ="match_parent "> <TextView layout_width ="match_parent " layout_height ="wrap_content " text ="TextView 控件显⽰的⽂本信息" textColor ="#FFF79E38" textSize ="25sp " gravity ="center " textStyle ="italic " /></RelativeLayout >
1.2 EditText 控件
EditText表⽰编辑框，它是TextView的⼦类，⽤户可在此控件中输⼊信息。除了⽀持TextView控件的属性外，EditText还⽀持⼀些其它的常⽤属性，这些常⽤属性如下表所⽰。
属性名称功能描述
android:hint 控件中内容为空时显⽰的提⽰⽂本信息android:textColorHint 控件中内容为空时显⽰的提⽰⽂本信息的颜⾊
android:password 输⼊⽂本框中的内容显⽰为“.”android:phoneNumber 设置输⼊⽂本框中的内容只能是数字
android:maxLines 设置⽂本的最⼤⾏数
android:scrollHorizontally
设置⽂本信息超出EditText的宽度情况下，是否出现横拉条
设置是否可编辑
android:editable设置是否可编辑
属性名称功能描述
接下来，我们通过⼀个案例来讲解如何使⽤EditText控件编辑⽂本信息，本案例中显⽰编辑框的界⾯效果如下图所⽰。
创建程序
创建⼀个名为EditText的应⽤程序，指定包名为cn.itcast.edittext。
放置界⾯控件
在l⽂件中，放置1个TextView控件，⽤于显⽰标题，1个EditText控件，供⽤户输⼊⽂本信息。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android="/apk/res/android"
layout_width="match_parent"
layout_height="match_parent"
padding="10dp"
orientation="vertical">
<TextView
layout_width="match_parent"
layout_height="wrap_content"
text="姓名:"
textSize="28sp"
textColor="#000000"/>
<EditText
layout_width="match_parent"
layout_height="wrap_content"
hint="请输⼊姓名"
maxLines="2"
textColor="#000000"
textSize="20sp"
textStyle="italic"/>
</LinearLayout>
1.3 Button控件
Button控件表⽰按钮，它继承TextView控件，既可以显⽰⽂本，⼜可以显⽰图⽚，同时也允许⽤户通过点击来执⾏操作，当Button控件被点击时，被按下与弹起的背景会有⼀个动态的切换效果，这个效果就是点击效果 。
Button控件设置点击事件的⽅式有三种，具体如下所⽰。
（1）在布局⽂件中指定onClick属性的⽅式设置点击事件
<Button
id="@+id/btn_two"
layout_width="match_parent"
layout_height="wrap_content"
onClick="click"
text="按钮2"/>
（2）使⽤匿名内部类的⽅式设置点击事件
开业日子
btn_one.tOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View view){//按钮2的点击事件
btn_one.tText("按钮1已被点击");
}
});
（3）Activity实现OnClickListener接⼝的⽅式设置点击事件转正评语
public void click(View view){
btn_two.tText("按钮2已被点击");
}
@Override
public void onClick(View v){
Id()){
ca R.id.btn_three://按钮3的点击事件
btn_three.tText("按钮3已被点击");
break;
}
}
注意：实现Button控件的点击事件的三种⽅式中，前两种⽅式适合界⾯上Button控件较少的情况，如果界⾯上Button控件较多时，建议使⽤第三种⽅式实现控件的点击事件。
1.4 ImageView控件
ImageView控件表⽰图⽚，它继承⾃View，可以加载各种图⽚资源。ImageView控件的常⽤属性如下表所⽰。
属性名称功能描述
android:layout_width设置ImageView控件的宽度
android:layout_height设置ImageView控件的⾼度
android:id 设置ImageView控件的唯⼀标识android:background 设置ImageView控件的背景
android:layout_margin
职场是什么意思
设置当前控件与屏幕边界或周围控件的距离
android:src 设置ImageView控件需要显⽰的图⽚资源android:scaleType
将图⽚资源缩放或移动，以适应ImageView控件的宽⾼
android:tint
将图⽚渲染成指定的颜⾊
属性名称功能描述
res\layout\l下放置界⾯控件
<?xml version="1.0" encoding="utf-8"?><RelativeLayout android ="/apk/res/android " layout_width ="match_parent " layout_height ="match_parent "> <ImageView layout_width ="match_parent " layout_height ="match_parent " background ="@drawable/bg " /> <ImageView layout_width ="100dp " layout_height ="100dp " src ="@drawable/icon " /></RelativeLayout >
1.5 RadioButton 控件
RadioButton表⽰单选按钮，它是Button的⼦类。每⼀个单选按钮都有“选中”和“未选中”两种状态，这两种状态是通过android:checked 属性指定的。当可选值为true时，表⽰选中状态，否则，表⽰未选中状态。 在XML布局⽂件中，RadioGroup和RadioButton配合使⽤的语法格式如下：
<RadioGroup
android：属性名称 ="属性值" ......> <RadioButton
android：属性名称 ="属性值" ...... /> ......
<RadioGroup />
