Android(安卓)GridView/ListView点击事件并改变控件的背景颜色//记录解决parent.getChildAt()空指针问题（笔记）

主要记录：1.解决parent.getChildAt（）空指针的问题

 int firstVisiblePosition=parent.getFirstVisiblePosition();//获取当前可视列表的第一个View的地址 int i;//i为视图中目标item的地址int item=i-firstVisiblePosition;//例如：firstVisiblePosition==10;i==12;那么item==2，就是说你想要的View是可视列表中的第二个View v=parent.getChildAt(item);//获取到当前目标的View

2.动态改变控件的背景颜色：setBackgroundColor（Color.parseColor（））；//详细代码请往下看

针对以上，做了一个简单的Demo（附代码）：

GridView展示Demo，布局及功能如下：
（如果左边是一列的信息可以用ListView，这里我用了GridView是为了下一个Demo做铺垫）
1）左边为GiridView，主干标题栏
2）右边对应左边标题栏的详细信息，设置了两个TextView进行展示
3）点击左边GridView的item，该item的背景颜色会改变，右边对应更新相关信息。

效果图如下：

1）配置布局
1.首先配置主界面的xml：将主页控件的布局改为水平布置：orientation=“horizontal”

<?xml version="1.0" encoding="utf-8"?><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="horizontal"    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="com.example.suyingxin.myapplication.MainActivity">    <GridView        android:layout_width="100dp"        android:layout_height="wrap_content"        android:id="@+id/grid_vs"        android:numColumns="1"        android:horizontalSpacing="24dp"        android:verticalSpacing="24dp"        android:scrollbars="none"        android:transcriptMode="alwaysScroll"        android:stretchMode="columnWidth">    </GridView>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_marginLeft="200dp"        android:orientation="vertical">        <TextView            android:id="@+id/tv_title"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="16sp"            android:alpha="0.6" />        <TextView            android:id="@+id/tv_text"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="24sp"/>    </LinearLayout>    </LinearLayout>

2.配置GridView的item布局：

<?xml version="1.0" encoding="utf-8"?><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="horizontal">    <LinearLayout        android:id="@+id/layout_gv"        android:layout_width="100dp"        android:layout_height="100dp"        android:orientation="vertical"        android:background="@color/myColor">        <TextView            android:id="@+id/tv_name"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:layout_gravity="center"            android:textSize="24sp"            />        <ImageView            android:id="@+id/image_view"            android:layout_marginTop="6dp"            android:layout_gravity="center"            android:layout_width="60dp"            android:layout_height="60dp"            />    </LinearLayout></LinearLayout>

2）配置Bean数据（这个就不附代码了，加上get、set方法就好了）
1.新建一个左边数据的Bean：命名为GridViewBean，两个变量：标题名name和图片的来源 resourceId；

2.新建一个右边数据的Bean：命名为contentBean，两个变量：title和text；

3）MainActivity：主要就是三个步骤 1.加载布局的id 2.初始化数据 3.加载自定义适配器的布局

public class MainActivity extends AppCompatActivity {         GridView girdView;    GridAdapter adapter1;    TextView title;    TextView text;    LinearLayout gv_ll;    List<GridViewBean> gridList=new ArrayList<>();    List<contentBean> listBean=new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {             super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        girdView= (GridView) findViewById(R.id.grid_vs);        title= (TextView) findViewById(R.id.tv_title);        text= (TextView) findViewById(R.id.tv_text);        gv_ll= (LinearLayout) findViewById(R.id.layout_gv);        initData();        Log.e("MainActivity=====","girdView"+gridList.size());        Log.e("MainActivity=====","lv_List"+listBean.size());        setLeftAdapter();        girdView.setOnItemClickListener(new AdapterView.OnItemClickListener() {                 @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                     //改变当前点击item的背景颜色                int firstVisiblePosition=parent.getFirstVisiblePosition();//获取当前GridView在屏幕中可见的第一个item                int lastVisiblePosition=parent.getLastVisiblePosition();//获取当前GridView在屏幕中可见的最后一个item                for (int i=firstVisiblePosition;i<lastVisiblePosition+1;i++){                         int item=i-firstVisiblePosition;                    if (item<0||item>parent.getChildCount()){                             Log.d("MainActivity------","SelectionItem---Error");                    }else {                             View v=parent.getChildAt(item);//如果当前的子类不在视图列表内，parent.getChildAt（）就会报空指针的错误，所以item要处理一下                        if (i==position){                                 view.findViewById(R.id.layout_gv).setBackgroundColor(Color.parseColor("#3F51B5"));                        }else {                                 v.findViewById(R.id.layout_gv).setBackgroundColor(Color.parseColor("#D1EEEE"));                        }                    }                }                setRightView(position);            }        });    }   //初始化GridView的Adapter    private void setLeftAdapter() {             adapter1=new GridAdapter(MainActivity.this,gridList);        girdView.setAdapter(adapter1);    }        //初始化数据    private void initData() {             //初始化左边GridView数据        for (int i=0;i<10;i++){                 GridViewBean gridView=new GridViewBean("水果"+i,R.drawable.fruit);            gridList.add(gridView);        }        //初始化右边ListView数据        List<String> listTitle=new ArrayList<>();        listTitle.add("苹果");        listTitle.add("香蕉");        listTitle.add("芒果");        listTitle.add("雪梨");        listTitle.add("草莓");        listTitle.add("蓝莓");        listTitle.add("西瓜");        listTitle.add("哈密瓜");        listTitle.add("樱桃");        listTitle.add("橙子");        List<String> listText=new ArrayList<>();        for (int i=0;i<10;i++){                 listText.add(listTitle.get(i)+i);        }        for (int i=0;i<listText.size();i++){                 String title=listTitle.get(i);            String text=listText.get(i);            contentBean listBean1=new contentBean(title,text);            listBean.add(listBean1);        }    }    private void setRightView(int position){             title.setText(listBean.get(position).getTitle());        text.setText(listBean.get(position).getText());    }}

4)自定义适配器

public class GridAdapter extends BaseAdapter {         Context context;    int position;    List<GridViewBean> list;    public GridAdapter(Context context,List<GridViewBean> list ){             super();        this.context=context;        this.list=list;    }    @Override    public int getCount() {             return  list.size();    }    @Override    public Object getItem(int position) {             return list.get(position);    }    @Override    public long getItemId(int position) {             return position;    }    @Override    public View getView(int position, View convertView, ViewGroup parent) {             View view;        ViewHolder viewHolder;        if (convertView==null){                 view= LayoutInflater.from(context).inflate(R.layout.item_gridview_adapter,null);            viewHolder=new ViewHolder();            viewHolder.textView=view.findViewById(R.id.tv_name);            viewHolder.imageView=view.findViewById(R.id.image_view);            view.setTag(viewHolder);        }else {                 view=convertView;            viewHolder= (ViewHolder) view.getTag();        }        viewHolder.textView.setText(list.get(position).getName());        viewHolder.imageView.setImageResource(list.get(position).getResourceId());        return view;    }    class ViewHolder{             TextView textView;        ImageView imageView;    }}

更多相关文章

随机推荐

Android(安卓)GridView/ListView点击事件并改变控件的背景颜色//记录解决parent.getChildAt()空指针问题 （笔记）

更多相关文章

随机推荐

Android(安卓)GridView/ListView点击事件并改变控件的背景颜色//记录解决parent.getChildAt()空指针问题（笔记）