GridView的简单使用,带有点击事件

网格布局GridView的使用

在layout中的布局
main.xml
android:id="@+id/gridview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:gravity="center_horizontal"
android:horizontalSpacing="1dp"
android:numColumns="3"
android:verticalSpacing="1dp">

常用的属性:

android:numColumns="auto_fit" ,GridView的列数设置为自动
android:columnWidth="90dp",每列的宽度,也就是Item的宽度
android:stretchMode="columnWidth",缩放与列宽大小同步
android:verticalSpacing="10dp",两行之间的边距
android:horizontalSpacing="10dp",两列之间的边距

写一个Item:

gridview_item.xml

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:gravity="center"
android:padding="10dp"
android:layout_gravity="center"
android:background="@color/white"
>
android:src="@mipmap/icon_min_head"
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
/>

android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/text_black"
android:text="文字"
android:layout_marginBottom="5dp"
/>

Java代码:
需要点击事件要给类添加接口 implements AdapterView.OnItemClickListener

private GridView gridview;
private List> data_list;
private SimpleAdapter simpleAdapter;
private int[] icon={R.mipmap.icon_01, R.mipmapicon_01, R.mipmap.icon_icon_01,
R.mipmap.icon_01, R.mipmap.icon_icon_01, R.mipmap.icon_icon_01};
private String[] iconName={"我的委托","我的钱包","我的订阅","我的评价","我的推荐","设置"};



gridview= (GridView) mView.findViewById(R.id.gridview);
data_list=new ArrayList>();
String [] from={"image","text"};
int [] to={R.id.image, R.id.text};
simpleAdapter=new SimpleAdapter(getActivity() , getData() , R.layout.gridview_item , from , to);
gridview.setAdapter(simpleAdapter);
gridview.setOnItemClickListener(this);


@Override
public void onItemClick(AdapterView parent, View view, int position, long id) {
switch (position){
case 0:
Toast.makeText(context,"我的委托",Toast.LENGTH_SHORT).show();
break;
case 1:
Toast.makeText(context,"我的钱包",Toast.LENGTH_SHORT).show();
break;
case 2:
Toast.makeText(context,"我的订阅",Toast.LENGTH_SHORT).show();
break;
case 3:
Toast.makeText(context,"我的评价",Toast.LENGTH_SHORT).show();
break;
case 4:
Toast.makeText(getActivity(),"我的推荐",Toast.LENGTH_SHORT).show();
break;
case 5:
Toast.makeText(context,"设置",Toast.LENGTH_SHORT).show();
break;
default:
Toast.makeText(context,"1",Toast.LENGTH_SHORT).show();
break;
}
}


带有点击事件的GridView完成了


你可能感兴趣的:(GridView的简单使用,带有点击事件)