GridView简单使用

GridView属性

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)

基本使用

1，GridView 所在的Activity 的layout

<RelativeLayout 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"
    tools:context=".ui.activity.GameDetailActivity">

    
    <GridView
        android:id="@+id/gv_detail_prize_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:horizontalSpacing="45dp"
        android:layout_marginLeft="80dp"
        android:layout_marginRight="80dp"
        android:layout_gravity="center"
        android:numColumns="8"
        android:layout_marginBottom="34dp"
        android:layout_alignParentBottom="true"/>


</RelativeLayout>

注意：如果不设置android:numColumns="8"属性，则默认只有一列，且纵向显示所有的数据；

2，GridView item的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="265dp"
    android:orientation="vertical"
    android:background="@drawable/shape_prize_bg">

    <ImageView
        android:id="@+id/iv_prize_item"
        android:layout_gravity="center"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:background="@drawable/shape_prize_image_bg"/>

    <TextView
        android:id="@+id/tv_prize_name_item"
        android:layout_width="wrap_content"
        android:layout_height="85dp"
        android:paddingLeft="10dp"
        android:paddingTop="10dp"
        android:textColor="#ffffff"
        android:background="@drawable/shape_prize_name_bg"
        android:textSize="24dp"/>

</LinearLayout>

注意：如果ImageView的
        android:layout_width="180dp"
        android:layout_height="180dp"属性设置成wrap_content，GridView不显示，原因不太清楚。

3，定义数据Adapter

public class PrizeAdapter extends BaseAdapter {
    private List<DetailPrize> imgUrls = new ArrayList<>();

    private Context context;

    public void setData(List<DetailPrize> imgUrls, Context context) {
        this.imgUrls.clear();
        this.context = context;
        if (imgUrls != null) {
            this.imgUrls.addAll(imgUrls);
        }
        notifyDataSetChanged();
    }


    @Override
    public int getCount() {
        return imgUrls.size();
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder vh = null;
        if (convertView == null) {
            vh = new ViewHolder();
            convertView = View.inflate(context, R.layout.game_grid_item, null);
            vh.iv = convertView.findViewById(R.id.iv_prize_item);
            vh.tv_prize_name_item = convertView.findViewById(R.id.tv_prize_name_item);
            convertView.setTag(vh);
        } else {
            vh = (ViewHolder) convertView.getTag();
//            Glide.with(convertView).load(imgUrls.get(position)).into(vh.iv);
        }
        com.orhanobut.logger.Logger.d("奖品图片URL" + imgUrls.get(position));
        Glide.with(context ).load(imgUrls.get(position).getImgUrl()).into(vh.iv);
        vh.tv_prize_name_item.setText(imgUrls.get(position).getPrizeName());
//        ImageLoader.getInstance().displayImage(list.get(i).getUrl(),vh.iv,Config.display());
        return convertView;
    }

    class ViewHolder {
        ImageView iv;
        TextView tv_prize_name_item;
    }
}



//给Adapter传递数据的java bean
public class DetailPrize {

    private String imgUrl;
    private String prizeName;

    public DetailPrize(String imgUrl, String prizeName) {
        this.imgUrl = imgUrl;
        this.prizeName = prizeName;
    }

    public String getImgUrl() {
        return imgUrl;
    }

    public void setImgUrl(String imgUrl) {
        this.imgUrl = imgUrl;
    }

    public String getPrizeName() {
        return prizeName;
    }

    public void setPrizeName(String prizeName) {
        this.prizeName = prizeName;
    }
}

4，绑定视图和数据

在GridView所在的Activity中绑定数据

private GridView gv_detail_prize_list;
private PrizeAdapter adapter;

gv_detail_prize_list = findViewById(R.id.gv_detail_prize_list);
adapter = new PrizeAdapter();
gv_detail_prize_list.setAdapter(adapter);

5，加载网络获取的数据

//获取到网络数据之后更新GridView
public void updateGamePrize() {
        List<DetailPrize> prizes = new ArrayList<>();
        for (int i = 0; i < 8; i++) {
            prizes.add(new DetailPrize("http://pic15.nipic.com/20110628/1369025_192645024000_2.jpg", "商品名"+i));
        }
        //显示网络加载的数据
        adapter.setData(prizes, this);
}