博客分类:
我们有时做一个菜单,点击后,背景变为点击后色,效果如下:
这里只是简单介绍实现过程:
定义存放菜单的listview:
Xml代码
<ListView
android:id="@+id/subject_menu_category_lv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/subject_menu_bottom_layout"
android:layout_below="@id/subject_menu_top"
android:listSelector="@drawable/selector_subject_menu_listview"
android:divider="@color/menu_divider"
android:dividerHeight="1dp"
android:background="@color/menu_item_normal"
>
</ListView>
这里将devider设置为1dp,指定颜色就有分隔线了,如果不想要分隔线或将分隔线放在item里写,listview就使用android:divider="@null"。
颜色配置如下:
Java代码
<?xml version="1.0" encoding="UTF-8"?>
<resources>
<!-- 学科分类颜色设置 -->
<color name="menu_item_normal">#8f8c87</color>
<color name="menu_item_press">#6b6863</color>
<color name="menu_text_normal">#dddddd</color>
<color name="menu_text_press">#fefefe</color>
<color name="menu_text_normal">#dddddd</color>
<color name="menu_divider">#bab7b1</color>
</resources>
listview的adapter:
Java代码
package com.yiduoyun.tiku.adapter;
import java.util.ArrayList;
import android.app.Activity;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.yiduoyun.tiku.R;
import com.yiduoyun.tiku.model.SubjectCatalog;
/**
* 学科的适配器
*/
public class SubjectCatalogAdapter extends ArrayListAdapter<SubjectCatalog> {
private Context context = null;
/**
* 首次使用,默认第一项目背景变黑
*/
private boolean first = true;
public SubjectCatalogAdapter(Context context) {
super(context);
this.context = context;
}
public void setSubjectCatalogList(ArrayList<SubjectCatalog> subjectCatalogList) {
setList(subjectCatalogList);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder = null;
if (convertView == null){
convertView = ((Activity)getContext()).getLayoutInflater().inflate(
R.layout.subject_category_item, null);
viewHolder = new ViewHolder();
viewHolder.subjectName = (TextView) convertView.findViewById(R.id.category_name_tv);
convertView.setTag(viewHolder);
}
else {
viewHolder = (ViewHolder) convertView.getTag();
}
/**
* 将第一个item设置为选中状态
*/
if(first == true && position == 0){
convertView.setBackgroundResource(R.color.menu_item_press);//背景变黑色
viewHolder.subjectName.setTextColor(context.getResources().getColor(R.color.menu_text_press));//字体变白色
first = false;
}
SubjectCatalog sc = getItem(position);
viewHolder.subjectName.setText(sc.getName());
return convertView;
}
class ViewHolder{
TextView subjectName;//学科名
}
}
每一个item是那个的简单:
subject_category_item.xml
Xml代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="8dp" >
<TextView
android:id="@+id/category_name_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="语文"
android:textColor="@color/menu_text_normal"
android:textSize="20sp"/>
</LinearLayout>
重点点击事件,背景变色功能:
Java代码
categoryListView = (ListView) getActivity().findViewById(R.id.subject_menu_category_lv);
adapter = new SubjectCatalogAdapter(getActivity());
adapter.setSubjectCatalogList(subjectCatalogList);
categoryListView.setAdapter(adapter);
categoryListView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,//这里的parent是listview,因为setOnItemClickListener可以是listview或gridview等,系统定为泛型,运行时系统会传入的
int position, long id) {
/**
* 设置点击效果背景
*/
for(int i=0;i<parent.getCount();i++){
/**
* 因为parent这里是listview,所以parent.getChildAt(i)就是一个一个的item
*/
View item=parent.getChildAt(i);
/**
* 找到item里的每一个元素再进行相关操作
*/
TextView categoryNameTextView = (TextView)(item.findViewById(R.id.category_name_tv));
if (position == i) {
item.setBackgroundResource(R.color.menu_item_press);
categoryNameTextView.setTextColor(getResources().getColor(R.color.menu_text_press));
} else {
item.setBackgroundResource(R.color.menu_item_normal);
categoryNameTextView.setTextColor(getResources().getColor(R.color.menu_text_normal));
}
}
/**
* 界面切换
*/
Bundle bundle = new Bundle();
SubjectCatalog sc = subjectCatalogList.get(position);
bundle.putSerializable(Constant.TAG_SUBJECT_CATALOG , sc);
MainSlidingMenuActivity.getInstance().startToActivity(new SubjectHomeFragment() , bundle);
}
});
点击事件最重要理解onItemClick的参数:
AdapterView<?> arg0 参数得意思:官方解释说:the AdapterView where the click happened. 也就是当前点击的adapterview,这个参数是系统自动传入的,我们也不用调用,一般常用第二个和第三个参数。
然后给你讲AdapterView<?> ,这个属于java基础的内容,叫做泛型,就是告诉你传入的参数是哪种类型。 比如String<?>,List<T>,Map<K,V>,String<E> ?表示不确定的java类型。 T 表示java类型。 K V 分别代表java键值中的Key Value。 E 代表Element。 ListView, GridView, Spinner and Gallery 中都要用到adapter,所以这里用问好表示不确定传入的是哪种类型,不用我们关系,系统自动传入,到时使用时就是什么(ListView, GridView, Spinner and Gallery中的一个)。
这个方法的参数是这样的AdapterView<?> parent, View view,第一个是指父View,比如你的是ListView,那么arg0就是ListView了,arg1就是你点击的那个Item的View。arg2是position,arg3是id,相对于我上面举的ListView的例子来说,position是你适配器里面的position,一般是第几个项,id是哪个项View的id。当ADT的版本高一些,自动导入接口的必须实现的方法的时候,对于以上的方法会返回public void onItemClick(AdapterView<?> parent, View view, int position, long id
上面代码先找到listview的item,再从item里找出元素,再进行点击效果操作,重点是下面两句代码:
Java代码
/**
* 因为parent这里是listview,所以parent.getChildAt(i)就是一个一个的item
*/
View item=parent.getChildAt(i);
/**
* 找到item里的每一个元素再进行相关操作
*/
TextView categoryNameTextView = (TextView)(item.findViewById(R.id.category_name_tv));