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;
    }


}