本节引言: 本节给大家介绍的是第二个Adapter类的控件——GridView(网格视图),见名知义,ListView是列表, GridView就是显示网格!他和ListView一样是AbsListView的子类!很多东西和ListVi
本节给大家介绍的是第二个Adapter类的控件——GridView(网格视图),见名知义,ListView是列表, GridView就是显示网格!他和ListView一样是AbsListView的子类!很多东西和ListView都是相通的, 本节我们就来学习他的基本用法~
下面是GridView中的一些属性:
- android:columnWidth:设置列的宽度
- android:gravity:组件对其方式
- android:horizontalSpacing:水平方向每个单元格的间距
- android:verticalSpacing:垂直方向每个单元格的间距
- android:numColumns:设置列数
- android:stretchMode:设置拉伸模式,可选值如下: none:不拉伸;spacingWidth:拉伸元素间的间隔空隙 columnWidth:仅仅拉伸表格元素自身 spacingWidthUniform:既拉元素间距又拉伸他们之间的间隔空袭
下面通过一个简单的例子来熟悉这个控件的使用: (这里用的Adapter我们直接用之2.5.0中教大家写的可复用的BaseAdapter~)
实现的效果图:
代码实现:
首先是GridView 的 Item的布局:item_grid_icon.xml:
接着我们写个entity实体类:Icon.java:
public class Icon { private int iId; private String iName; public Icon() { } public Icon(int iId, String iName) { this.iId = iId; this.iName = iName; } public int getiId() { return iId; } public String getiName() { return iName; } public void setiId(int iId) { this.iId = iId; } public void setiName(String iName) { this.iName = iName; }}
最后是MainActivity的布局以及Java代码
activity_main.xml:
MainActivity.java:
public class MainActivity extends AppCompatActivity { private Context mContext; private GridView grid_photo; private BaseAdapter mAdapter = null; private ArrayList mData = null; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mContext = MainActivity.this; grid_photo = (GridView) findViewById(R.id.grid_photo); mData = new ArrayList(); mData.add(new Icon(R.mipmap.iv_icon_1, "图标1")); mData.add(new Icon(R.mipmap.iv_icon_2, "图标2")); mData.add(new Icon(R.mipmap.iv_icon_3, "图标3")); mData.add(new Icon(R.mipmap.iv_icon_4, "图标4")); mData.add(new Icon(R.mipmap.iv_icon_5, "图标5")); mData.add(new Icon(R.mipmap.iv_icon_6, "图标6")); mData.add(new Icon(R.mipmap.iv_icon_7, "图标7")); mAdapter = new MyAdapter(mData, R.layout.item_grid_icon) { @Override public void bindView(ViewHolder holder, Icon obj) { holder.setImageResource(R.id.img_icon, obj.getiId()); holder.setText(R.id.txt_icon, obj.getiName()); } }; grid_photo.setAdapter(mAdapter); grid_photo.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView> parent, View view, int position, long id) { Toast.makeText(mContext, "你点击了~" + position + "~项", Toast.LENGTH_SHORT).show(); } }); }}
来源地址:https://blog.csdn.net/leyang0910/article/details/131095181
--结束END--
本文标题: Android 之 GridView(网格视图)的基本使用
本文链接: https://www.lsjlt.com/news/419492.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0