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应用开发中使用GridView网格布局的代码示例

相关文章:

你感兴趣的文章:

标签云: