GridView 使用介绍

目录

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

//监听Item点击事件
gv_detail_prize_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {
      @Override
      public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
          Toast.makeText(GridViewActivity.this, " position " + position , Toast.LENGTH_LONG).show();
      }
});

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

出现的问题及异常

1,item不显示或者GridView不显示的问题

可能的原因:item的布局中的控件没有指定大小,比如item的布局有个ImageView控件,宽高指定为wrap_centent,没有指定固定大小,比如30db;或者给GridView设置android:columnWidth=”30dp” 属性;

2,出现如下图的问题(item的根据也设置固定值大小,但是感觉每个显示item的宽度比实际设置的值要大):

可能原因:GridView大小固定,但是设置的android:horizontalSpacing="36dp"属性值和每个item设置的固定值小于GridView显示的区域值;导致item显示宽度比实际设置的值大,来铺满GridView区域;设置android:stretchMode=”columnWidth"属性  //缩放与列宽大小同步

©️2020 CSDN 皮肤主题: 技术工厂 设计师:CSDN官方博客 返回首页