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="篮球"/>
 <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控件

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值