第三章 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="篮球"/>
 <CheckBox
 	android:id=""@+id/check2
	android:text="羽毛球"/>
<CheckBox
	android:id="@+id/check3"
	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控件