Android控件在点击、选择时背景变化(button、listview)

用户行为的变化,界面上的行为也要随之变化,比如用户点击、选择等。如果使用按钮,没有添入背景图片,按钮在点击时会有变化。但如果增加了背景图,点击时则没有变化了,除非动态的改变背景图。用户的行为不断变化,如果每次都是通过代码去控制背景的变化,虽然可以达到,但不好控制。那有没有更好的办法呢?

有的。

可以通过自定义的xml作为背景图实现。先看一下效果图。

Android控件在点击、选择时背景变化(button、listview)

Android控件在点击、选择时背景变化(button、listview)

点击按钮时,背景变成了黄色,松开后,又变回到了原来的颜色。ListView中的项也是如此。

下面看具体的实现。

1.自定义背景

click_total.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/button_total_click" android:state_pressed="true"/>
    <item android:drawable="@drawable/button_total_click" android:state_focused="true"/>
    <item android:drawable="@drawable/button_total_click" android:state_selected="true"/>
    <item android:drawable="@drawable/button_total"/>

</selector>

click_list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@color/yellow" android:state_pressed="true"/>
    <item android:drawable="@color/yellow" android:state_focused="true"/>
    <item android:drawable="@color/yellow" android:state_selected="true"/>
    <item android:drawable="@android:color/white"/>

</selector>
注:

(1).XML中定义了一个选择器selector。在选择器中定义了不同的项,以响应不同的操作。比如在click_totl.xml中state_pressed是表示按下的状态,对应的drawable变成了button_total_click,正常是button_total.这里的drawble使用的是图片。除了使用图片外,还可以直接使用颜色。比如在click_list_item中使用的是yellow和white.

(2).color/yellow是自定义的颜色。代码如下。

clolors.xml

<resources>

    <color name="gray">#E8E8E8</color>
    <color name="yellow">#F88B00</color>

</resources>
2.控件布局

main_activity.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/click_total"
        android:text="@string/hello_world" />

    <ListView
        android:id="@+id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

    </ListView>

</LinearLayout>
注:

(1).button中直接设置了backgroud为click_total.

(2).listview只是定义了一个控件,具体的内容需要在adapter中添加。代码如下。

DatasAdapter.java

package com.example.cbc;

import java.util.ArrayList;
import java.util.List;
import java.util.UUID;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

public class DatasAdapter extends BaseAdapter {

	private List<String> _datas = null;
	private Context _context = null;

	public DatasAdapter(Context context) {
		_context = context;
		Init();
	}

	private void Init() {
		_datas = new ArrayList<String>();
		for (int i = 0; i < 20; i++) {
			_datas.add("[" +i+ "]"+ UUID.randomUUID().toString().substring(0, 10));
		}
	}

	@Override
	public int getCount() {

		return _datas.size();
	}

	@Override
	public Object getItem(int position) {

		return _datas.get(position);
	}

	@Override
	public long getItemId(int position) {

		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {

		TextView textView =null;
		
		if (convertView == null) {
			textView =new TextView(_context);
		}
		else
		{
			textView=(TextView)convertView;
		}
		
		textView.setText(_datas.get(position));
		textView.setTextSize(30);
		textView.setBackgroundResource(R.drawable.click_list_item);

		return textView;
	}

}
注:

(1).初始化一个datas的list。

(2).在getView中新建一个textView,将其背景设置为click_list_item.

(3).通过convertView是否为null判断TextView是否已经存在,以免不断新建浪费资源。

3.Activity实现

MainActivity.java

package com.example.cbc;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

public class MainActivity extends Activity {

	private ListView _datas_listView=null;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main_activity);
		Init();
	}

	private void Init() {
		FetchUIControls();
		InitParams();
	}


	private void FetchUIControls() {
		_datas_listView=(ListView)findViewById(R.id.list);
		
	}
	 
	private void InitParams() {
		DatasAdapter datasAdapter=new DatasAdapter(this);
		_datas_listView.setAdapter(datasAdapter);
		
	}
	
	
}
最后附上button_total和button_total_click的图片

Android控件在点击、选择时背景变化(button、listview)Android控件在点击、选择时背景变化(button、listview)

转载请注明出处:http://blog.csdn.net/xxdddail/article/details/22910481


Android控件在点击、选择时背景变化(button、listview),布布扣,bubuko.com

Android控件在点击、选择时背景变化(button、listview)

上一篇:android 返回键 操作


下一篇:【安卓笔记】touch事件的分发和消费机制