android gridview背景颜色,交互设计教程 Android GridView子元素item按击背景颜色改变...

本篇交互设计教程探讨了Android GridView子元素item按击背景颜色改变，希望阅读本篇文章以后大家有所收获，帮助大家对交互设计的理解更加深入。

大致的需求和ListView相仿，就是要求用户点击GridView中的子元素时候，要有一定的交互响应(背景颜色改变表明用户的操作)。重点是在GridView的适配器中，子元素的布局文件中，把android:background属性配置成一个响应的selector，在selector中分别处理android:state_pressed事件在true和false两种状态下的情况。

首先写一个MainActivity：

package zhangphil.bg_change;

import java.util.ArrayList;import java.util.HashMap;

import android.support.v7.app.ActionBarActivity;import android.content.Context;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.SimpleAdapter;import android.widget.Toast;

public class MainActivity extends ActionBarActivity {

private final String IMAGE_TAG = "image", TEXT_TAG = "text";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

GridView gridview = (GridView) findViewById(R.id.gridview);

// 数据集

ArrayList> data = new ArrayList>();

for (int i = 0; i < 19; i++) {

HashMap map = new HashMap();

map.put(IMAGE_TAG, R.drawable.ic_launcher);

map.put(TEXT_TAG, String.valueOf(i));

data.add(map);

}

SimpleAdapter adapter = new SimpleAdapter(this, data, R.layout.item,

new String[] { IMAGE_TAG, TEXT_TAG }, new int[] { R.id.image,

R.id.text });

gridview.setAdapter(adapter);

// 添加点击事件

final Context context = this;

gridview.setOnItemClickListener(new OnItemClickListener() {

public void onItemClick(AdapterView> parent, View v,

int position, long id) {

Toast.makeText(context, String.valueOf(position),

Toast.LENGTH_SHORT).show();

}

});

}

}

MainActivity需要的布局文件activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>

android:id="@+id/gridview"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:padding="10dip"

android:numColumns="auto_fit"

android:verticalSpacing="10dip"

android:horizontalSpacing="10dip"

android:stretchMode="columnWidth" />

在为GridView添加子元素时候，数据集中需要的item.xml，该XML文件中的item_selector将对交互时间做出响应(用户长按、点击的背景颜色改变)：

<?xml version="1.0" encoding="utf-8"?>

android:layout_width="match_parent"

android:layout_height="match_parent" >

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:gravity="center"

android:orientation="vertical" >

android:id="@+id/image"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/ic_launcher" />

android:id="@+id/text"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@drawable/item_selector" />

item_selector.xml:

item_selector需要的两个文件item_normal.xml 和 item_pressed.xml：

item_normal

android:radius="5dp" />

item_pressed

android:width="1px"

android:color="#CCCCCC" />

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标设计创作交互设计频道！