Android：网格布局和gridView的初步使用

---

1、前言

一般来说，对于多行，多列的控件布局排列，GridView是一个不错的选择。可以实现九宫格效果。网格布局。

---

2、使用步骤

1. 构建item组件，用于作为每项的布局文件
2. 在activity 或fragment中布局文件中，设置GridView。设置相应的属性，并加载。
3. 定义数据结构。
   1. 可以是简单的String。
   2. 也可以是item字段所需要的组成的类。
4. 列表适配。决定每个item显示的数据，如何显示。
   1. 通常通过继承ArrayAdapter, SimpleAdapter实现。
   2. 也可以自定义BaseAdapter
5. 定义数据源，并对数据进行初始化。
6. 将适配器设置给GridView

3、属性

< android:numColumns="auto_fit" //GridView的列数设置为自动/>
< android:columnWidth="90dp " //每列的宽度，也就是Item的宽度/>
< android:stretchMode="columnWidth"//缩放与列宽大小同步/>
< android:verticalSpacing="10dp" //两行之间的边距/>
< android:horizontalSpacing="10dp" //两列之间的边距/>
< android:cacheColorHint="#00000000" //去除拖动时默认的黑色背景/>
< android:listSelector="#00000000" //去除选中时的黄色底色/>
< android:scrollbars="none" //隐藏GridView的滚动条/>
< android:fadeScrollbars="true" //设置为true就可以实现滚动条的自动隐藏和显示/>
< android:fastScrollEnabled="true" //GridView出现快速滚动的按钮(至少滚动4页才会显示)/>
< android:fadingEdge="none" //GridView衰落(褪去)边缘颜色为空，缺省值是vertical。(可以理解为上下边缘的提示色)/>
< android:fadingEdgeLength="10dip" //定义的衰落(褪去)边缘的长度/>
< android:stackFromBottom="true" //设置为true时，你做好的列表就会显示你列表的最下面/>
< android:transcriptMode="alwaysScroll" //当你动态添加数据时，列表将自动往下滚动最新的条目可以自动滚动到可视范围内/>
< android:drawSelectorOnTop="false" //点击某条记录不放，颜色会在记录的后面成为背景色,内容的文字可见(缺省为false)/>

4、具体使用

4.1 布局

<GridView
    android:id="@+id/gridview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginRight="10dp"
    android:columnWidth="50dp"
    android:horizontalSpacing="10dp"
    android:numColumns="3"
    android:verticalSpacing="5dp" />

4.2 相应的调用

下面的是在fragment中使用GridView。

GridView gridView = contentView.findViewById(R.id.gridview);
String[] name = getActivity().getResources().getStringArray(R.array.dataSource);
String[] id = getActivity().getResources().getStringArray(R.array.dataSourceId);
checkBoxText = getCheckText(name, id);//获取到所有的数据源名称
gridView.setAdapter(new CheckBoxAdapter(getContext(), checkBoxText)); //适配数据

4.3适配器

class CheckBoxAdapter extends BaseAdapter {
    // private String[] text;
    private List<Category> text;
    private LayoutInflater layoutInflater;

    /**
     * 传入上下文 和 要适配的数据。
     *
     * @param context
     * @param text
     */
    public CheckBoxAdapter(Context context, List<Category> text) {
        this.layoutInflater = LayoutInflater.from(context);
        this.text = text;
    }

    /**
     * 返回数组的长度
     *
     * @return
     */
    public int getCount() {
        return this.text.size();
    }

    /**
     * 返回数组的元素
     *
     * @param position
     * @return
     */
    public Object getItem(int position) {
        return this.text.get(position);
    }

    /**
     * 返回数组的下标
     *
     * @param position
     * @return
     */
    public long getItemId(int position) {
        return position;
    }

    /**
     * 对每个控件进行设置
     * 首先，对每个CheckBox进行数据的初始化，设置文本信息，ID信息
     * 其次，对选中事件进行相应响应。
     * 场景还原。还原上次的选择。
     * 最后，将每个CheckBox，加入CheckBoxes中，为后续的全选和不全选做准备。
     *
     * @param position
     * @param convertView
     * @param parent
     * @return
     */
    public View getView(int position, View convertView, ViewGroup parent) {
        //1.加载 item的布局文件
        View view = layoutInflater.inflate(R.layout.item_data_source_checkbox, null);
        //2. 初始化CheckBox控件
        checkBox = view.findViewById(R.id.checkbox);
        // checkBox = new CheckBox(context);
        final Category item = this.text.get(position);

        //3.设置text 和 id
        checkBox.setText(item.getName());
        checkBox.setId(position);
        positions = position;

        //4场景还原
        if ((Boolean) spUtil.get(item.getName(), false)) {
            checkBox.setChecked(true);
        }

        checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if (buttonView.isChecked()) {
                    Toast.makeText(getContext(), "已选" + buttonView.getText().toString(), Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(getContext(), "取消选" + buttonView.getText().toString(), Toast.LENGTH_SHORT).show();
                }
            }

        });
        //保存
        checkBoxes.add(checkBox);
        return checkBox;
    }
}