Android移动开发基础
第三章 Android常见页面控件
3.1 简单控件的使用
3.1.1 TextView控件
TextView控件用于显示文本信息，可以通过在XML布局中添加属性的方式控制TextView控件的样式
常用属性：
android:layout_width:设置TextView控件的宽度
android:layout_height:设置TextView控件的高度
android设置TextView控件的唯一标识
android:background:设置TextView控件的背景
android:layout_margin:设置当前控件与屏幕边界或周边控件、布局的距离
android:padding:设置TextView控件与该控件中内容的距离
android:text:设置文本内容
android:textColor:设置文本中文字显示的颜色
android:textSize:设置文本中文字大小，推荐单位为sp，如android:textSize=
“15sp”
android:gravity:设置文本内容的位置，如设置成"center"，文本将居中显示
android:maxLength:设置文本最大长度，超出长度的文本不显示，如android:
maxLength=“10”
android:lines:设置文本的行数，超出行数的文本不显示
android:maxLines:设置文本的最大行数，超出此行的文本不显示
android:ellipsize:设置当文本超出TextView控件规定的范围时的显示方式，属性的 值可以为"start",“middle”,“end”,分别表示当文本超出TextView控件规定的范围时，在文本开始、中间或者末尾显示省略号"…"
android:draeableTop:在文本的顶部显示图像
android:lineSpacingExtra:设置文本的行间距
android:textStyle:“bold”（粗体）,“italic”（斜体）,“normal”（正常）
3.1.2 EditText控件
表示编辑框，时TextView控件的子类
常用属性
| 属性名称 | 共呢个描述 |
|---|---|
| android:hint | 控件中的内容为空时显示的提示文本的信息 |
| android:textColorHint | 控件中内容为空时显示的提示文本信息的颜色 |
| android:password | 输入文本框中的内容显示为"." |
| android:phoneNumber | 设置输入文本框中的内容只能是数字 |
| android:minLines | 设置文本的最小行数 |
| android:scrollHorizontally | 设置文本信息超出EditText控件的宽度情况下是否出现横拉条 |
| android:editable | 设置是否可编辑 |
| 使用时需要转换为字符串： |
edittext=edittext.getText().toString().trim();
3.1.3 Button控件
表示按钮，继承自TextView控件，可以显示文本，也可以显示图片
1.在布局文件中指定onClick属性的值
<Button
...
android:onClick="click"/>
//"click"为自定义的，需要注意的是，在Activity中定义点击事件的方法名必须与onClick的属性值保持一致
2.使用匿名内部类
private Button btn;
btn=findViewById(R.id.btn);
btn.setOnClickListener(new View.OnClickListener(){
public void onClick(View view){
//实现点击事件的代码
}
});
3.通过代码实现Button控件的点击方式
共三种
private Button btn_one;
private Button btn_two;
private Button btn_three;
protected void onCreate(Bundle saveInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private void init(){
btn_one=findViewById(R.id.btn_one);
btn_two=findViewById(R.id.btn_two);
btn_three=findViewById(R.id.btn_three);
btn_three.setOnClickListener(this);
//实现按钮1的点击
btn_one.setOnClickListener(new View.OnClickListener(){
public void onClick(View view){
btn_one.setText("按钮1已经被点击啦");
}
});
//实现按钮2的点击
public void click(View view){
btn_two.setText("按钮2已经被点击啦");
}
//实现按钮3的点击
public void onClick(View v){
btn_three.setText("按钮3已经被点击啦");
}
}
3.1.4 ImageView控件
该控件表示图片，继承自View控件，可以加载各种图片资源
常用属性
| 属性名称 | 功能描述 |
|---|---|
| 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 | 将图片渲染成指定的颜色 |
3.1.5 RadioButton控件
表示单选按钮，时Button控件的子类
android:checked是是否被选中，为true时则为被选中的状态
RadioGroup是单选组合框，可容纳多个RadioButton控件，在RadioGroup内的RadioButton不能被同时选中，RadioGroup继承自LinearLayout
1.在XML文件中
<RadioGroup
android:id="@+id/radiogroup"
...>
<RadioButton
android:id="@+id/radiobutton"
.../>
<RadioGroup>
2.在java文件中
private RadioGroup radiogroup;
radiogroup=findViewById(R.id.radiogroup);
radiogroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener(){
public void onCheckedChanged(RadioGroup group,int checkedId){
if(checkedId==R.id.radiobutton){
//内容
}
}
});
3.1.6 CheckBox控件
表示复选框，是Button控件的子类，每一个复选框都有android:checked属性，都有选中或未选中的状态
1.在XML文件中
<CheckBox
android:id="@+id/check1"
android:text="篮球"/>
2.在Java文件中
private String hobbys;
private CheckBox check1,check2,check3;
check1=findViewById(R.id.check1);
check2=findViewById(R.id.check2);
check3=findViewById(R.id.check3);
check1.setOnCheckedChangeListener(this);
check2.setOnCheckedChangeListener(this);
check3.setOnCheckedChangeListener(this);
public void onCheckedChangeListener(CompoundButton buttonView,boolean isChecked){
String motion=buttonView.getText().toStriong();
if(isChecked){
if(!hobbys.contain(motion)){
hobbys=hobbys+motion;
hobbys.setText(hobbys);
}
}else{
if(hobbys.contain(motion)){
hobbys=hobbys.replace(motion,"");
hobbys.setText(hobbys);
}
}
}
3.1.7 Toast类
Android提供的轻量级信息的提醒机制
Toast.makeText(Context,Text,Time).show();
3.2 列表控件的使用
一个界面展示多个条目，每个条目风格一样
3.2.1 ListView控件的使用
自适应屏幕显示
常用属性
| 属性名称 | 功能描述 |
|---|---|
| android:listSelector | 项目被点击后，改变条目的背景颜色 |
| android:divider | 设置分割线的颜色 |
| androidLdividerHeight | 设置分割线的高度 |
| android:scrollbars | 是否显示滚动条 |
| android:fadingEdge | 去掉上边和下边的黑色阴影 |
3.2.2 常用数据适配器
为ListView添加数据时会用到数据适配器，是数据与视图之间的桥梁
1.BaseAdapter
抽象类
| 方法名称 | 功能描述 |
|---|---|
| public int getCount() | 获取item条目的总数 |
| public Object getItem(int position) | 根据position(位置)获取某个item的对象 |
| public long getItemId(int position) | 根据position(位置)获取某个item的id |
| public View getView(int position,View convertView,ViewGroup parent) | 获取相应position对应的item视图，position是当前item的位置，convertView用于复印视图，parent用于加载XML布局文件 |
2.SimpleAdapter
继承自BaseAdapter，实现BaseAdapter的4个抽象方法并将方法进行封装
public SimpleAdapter(Context context,List<? extends Map<String,?>> data,int resource,String []from,int[] to)
cntext:上下文对象，数据在哪展示，一般在当前页面展示
data:数据集合，data中的每一项对应ListView 控件中条目的数据
resource:item的布局的资源id
from:Map集合中的key值
to:item布局中对应的控件
3.ArrayAdapter
BaseAdapter的子类
public ArrayAdapter(Context context,int resource)
public ArrayAdapter(Context context,int resource,int textViewResourceId)
public ArrayAdapter(Context context,int resource,T[] objects)
public ArrayAdapter(Context context,int resource,List<T> objects)
public ArrayAdapter(Context context,int resource,int textViewResourceId,List<T> objects)
context:Context上下文对象
resource:Item布局的资源id
textViewResourceId:Item布局中相应TextView控件的id
T[] objects:需要适配器组类型的数据
List objects:需要适配List类型的数据
例子：
在XML布局文件中：
activity_main:
<TextView
android:id="@+id/text"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height-"wrap_content"/>
listitem:
<ImageView
android:id="@+id/img"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
Activity:
private String titles[]={"天天爱消除","羊了个羊"};
private int icon[]={R.drawable.icon1,R.drawable.icon2};
private ListView list;
MyBaseAdapter adapter=new MyBaseAdapter();
list.setAdapter(adapter);
class ViewHolder{
TextView title;
ImageView image;
}
class MyBaseAdapter extends Adapter{
...
public View getView(int position,View convertView,ViewGroup parent){
ViewHolder holder;
if(convertView==null){
convertview=View.inflate(MainActivity.this,R.layout.listitem);
holder=new ViewHolder();
holder.title=convertView.findViewById(R.id.title);
holder.image=convertView.findViewById(R.id.image);
holder.setTag(this);
}else{
holder=holder.getTag();
}
holder.title.setText(titles[position]);
holder.image.setText(img[position]);
}
}
3.2.4 RecyclerView控件
在有限的窗口范围内显示大量的数据
1.展示效果
通过LayoutManager方法实现横向或竖向的列表效果、瀑布流效果、和GridView效果
2.数据适配器
将BaseAdapter里的getView()方法拆分为onCreateViewHolder和onBindViedHolder方法
3.复用效果
复用Item对象的工作由该控件自己实现，而ListView控件复用Item对象的工作需要开发者通过convertView的setTag()方法和getTag()方法进行操作
4.动画效果
通过setItemAnimator()方法为Item添加动画效果，而ListView不能实现动画效果
注意：在使用时，需要引入包
单击鼠标右键并选择【Open Module Settings】选项，在ProjectStructor窗口中左侧选择【app】选项，接着选择【Dependencies】选项卡，单击右上角的绿色加号并选择【Library dependency】选项，会弹出Choose Library Dependency窗口，在窗口找到recyclerview-v7库，双击，将该库添加到程序中
在XML文件里：
<android:support.v7.widget.RecyclerView
...>
<android:support.v7.widget.RecyclerView/>
3.3 自定义控件
创建一个继承View或者其他子类的类，并重写该类的构造方法，示例代码如下：
public class Customview extends View(){
public Customview(Context context){
super(context);
}
//一定要重写
pubic Customview(Context context,AttributeSet attrs){
super(context,attrs);
}
}
1.onMeasure()方法
测量尺寸，在该方法中可以设置控件本身或子控件的宽高，onMeasure()方法的具体介绍如下：
onMeasure(int widthMeasureSpec,int heightMeasureSpec)
//第一个参数为该控件宽度，第二个控件为该控件高度
父容器指定的测量模式：
EXACTLY:当自定义控件宽高值设置为具体值时使用，如100dp,match_parent等，此时的控件的宽高值四年精确的尺寸
AT_MOST:当自定义控件的宽高值为wrap_content时使用，此时控件的宽高值是控件中的数据内容可获得的最大控件值
UNSPECIFIED:当父容器没有指定自定义控件的宽高值时使用
2.onDraw()方法
控件外观，该方法用于绘制图像
onDraw(Canvas canvas)
canvas为画布，常与Paint(画笔)配合使用，用Paint类可以在Canvas类中绘制图像
3.onLayout()方法
控件位置
onLayout(boolean changed,int left,int top,int right,int bottom)
changed为自定义控件大小和位置是否发生变化，left,top,right,bottom分别表示子控件与父容器左边、顶部、右边、底部的距离
习题
1.为了让一个ImageView控件显示一张图片，可以设置的属性是：
android:src
2.下列关于ListView控件的说法中，正确的是：C
A.ListView控件的条目下不能设置点击事件
B.ListView控件不设置数据适配器也能显示数据内容
C.当数据超出能显示的范围时，ListView自动具有可滚动的特性
D.一共有100条数据，若ListView控件当前能显示10条，则产生了100个View控件