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"属性 //缩放与列宽大小同步