Android应用开发中使用GridView网格布局的代码示例
基本布局演示
1. 定义包含GridView 的 main.xmk
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <GridView android:id="@+id/gride" android:layout_width="fill_parent" android:layout_height="wrap_content" <strong> android:numColumns="3"</strong> android:verticalSpacing="5dip" /> </LinearLayout>
这行应该注意一下:
android:numColumns="3"
用来设定GridView每行显示的View数目 如果没有这行 会默认每行显示一个View 和ListView 的一样
2. 自定义 class ImageList extends BaseAdapter 其中主要是:
View getView(int position, View convertView, ViewGroup parent)
用于显示目标ImageView
public class ImageList extends BaseAdapter { Activity activity; //construct public ImageList(Activity a ) { activity = a; } @Override public int getCount() { // TODO Auto-generated method stub return image.length; } @Override public Object getItem(int position) { // TODO Auto-generated method stub return image[position]; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub ImageView iv = new ImageView(activity); iv.setImageResource(image[position]); return iv; } }
3. 给GridView指定Adapter
GridView gv = (GridView) findViewById(R.id.gride); ImageList adapter = new ImageList(this); gv.setAdapter(adapter);
所以最后效果图是这样的
巧妙地添加GridView的 网格线
ListView 中设置分隔线的加如下参数即可:
android:divider="@color/gray" android:dividerHeight="1dp"
GridView网格布局,默认情况下是没有网格线的
查找网上资料,找到了一种为GridView添加网格线的小技巧
实际上,该网格线是通过设置GridView各子项的间隔,并分别设置GridView背景色与子项背景色实现的。
实现方法:
(1)设置GridView背景色,设置水平间方向间隔属性值android:horizontalSpacing和竖直方向间隔属性值
android:verticalSpacing
(2)设置GridView子项背景色
示例代码:
1.main.xml
<GridView android:id="@+id/gv_words" android:visibility="gone" android:background="@color/gray" android:columnWidth="60dp" android:numColumns="5" android:listSelector="@null" android:verticalSpacing="1.0px" android:horizontalSpacing="1.0px" android:soundEffectsEnabled="true" android:smoothScrollbar="true" android:stretchMode="columnWidth" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_above="@+id/llayout2" android:layout_below="@+id/llayout1"/>
2.GrivViewItem布局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" > <RelativeLayout android:layout_width="50dp" android:layout_height="50dp" android:layout_margin="5dp"> <TextView android:id="@+id/gv_bushou_TextView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/ItemImage" android:layout_margin="1dp" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_above="@+id/gv_bushou_TextView2" android:layout_toLeftOf="@+id/gv_bushou_TextView2" android:textSize="25dp" android:textColor="@color/blue" android:text="难" > </TextView> <TextView android:id="@+id/gv_bushou_TextView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/ItemImage" android:layout_alignParentBottom="true" android:layout_alignParentRight="true" android:textColor="@color/gray" android:textSize="10dp" android:text="1笔" > </TextView> </RelativeLayout> </LinearLayout>
3.运行截图
- Android中使用GridLayout网格布局来制作简单的计算器App
- Android布局之GridLayout网格布局
- Android RecyclerView使用GridLayoutManager间距设置的方法
- Android使用GridLayout绘制自定义日历控件
- Android自定义ViewGroup之CustomGridLayout(一)
- Android中RecyclerView布局代替GridView实现类似支付宝的界面
- Android中使用GridView进行应用程序UI布局的教程
- Android网格布局GridView实现漂亮的多选效果
- Android App中的GridView网格布局使用指南
- Android开发之计算器GridLayout布局实现方法示例
相关文章
Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)
RecyclerView出现已经有一段时间了,相信大家肯定不陌生了,下面这篇文章主要给大家介绍了Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)的相关资料,文中介绍的非常详细,需要的朋友可以参考下。2017-05-05Flutter Widget之FutureBuilder使用示例详解
这篇文章主要为大家介绍了Flutter Widget之FutureBuilder使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-11-11Kotlin Flow封装类SharedFlow StateFlow LiveData使用
这篇文章主要为大家介绍了Kotlin Flow封装类SharedFlow StateFlow LiveData使用对比,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-08-08Android WebView支持input file启用相机/选取照片功能
这篇文章主要介绍了Android-WebView支持input file启用相机/选取照片功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
最新评论