史上最全系列之用户界面之gridview一

时间：2014-04-24 04:43:34 阅读：822 评论：0 收藏：0 [点我收藏+]

类概述
在二维滚动网格中显示条目的视图.网格中的条目来自与视图关联的 ListAdapter.

XML属性

[size=10.5000pt]属性名称	[size=10.5000pt]关联方法	[size=10.5000pt]描述
[size=10.5000pt]Android:columnWidth	[size=10.5000pt]setColumnWidth(int)	[size=10.5000pt]为没咧指定固定宽度
[size=10.5000pt]Android:gravity	[size=10.5000pt]setGravity(int)	[size=10.5000pt]指定每个单元格的对齐方式（详见下文表格1）
[size=10.5000pt]Android:horizontalSpacing	[size=10.5000pt]setHorizontalSpacing(int)	[size=10.5000pt]定义默认横向列间空白
[size=10.5000pt]Android:numColumns	[size=10.5000pt]setNumColumns(int)	[size=10.5000pt]定义显示多少列（详见下文表格2）
[size=10.5000pt]Android:stretchMode	[size=10.5000pt]setStretchMode(int)	[size=10.5000pt]定义有空间时，列入和伸缩以充满空间（详见下文表格3）
[size=10.5000pt]Android:verticalSpacing	[size=10.5000pt]setVerticalSpacing(int)	[size=10.5000pt]定义默认纵向行间空白

实例
布局文件
<?xml version="1.0" encoding="utf-8"?><GridViewxmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/gridview"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:columnWidth="90dp"
  android:numColumns="auto_fit"
  android:verticalSpacing="10dp"
  android:horizontalSpacing="10dp"
  android:stretchMode="columnWidth"
  android:gravity="center"
/> mainActivity
public void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);
setContentView(R.layout.main);

  GridView gridview = (GridView) findViewById(R.id.gridview);
gridview.setAdapter(new ImageAdapter(this));

gridview.setOnItemClickListener(new OnItemClickListener() {
      public void onItemClick(AdapterView<?> parent, View v, int position, long id) {
         Toast.makeText(HelloGridView.this, "" + position, Toast.LENGTH_SHORT).show();
      }
  });
} ImageAdapter
public class ImageAdapter extends BaseAdapter {   private Context mContext;

  public ImageAdapter(Context c) {
      mContext = c;
  }

  public int getCount() {
      return mThumbIds.length;
  }

  public Object getItem(int position) {
      return null;
  }

  public long getItemId(int position) {
      return 0;
  }

  // create a new ImageView for each item referenced by the Adapter
  public View getView(int position, View convertView, ViewGroup parent) {
      ImageView imageView;
      if (convertView == null) {  // if it‘s not recycled, initialize some attributes
         imageView = new ImageView(mContext);
         imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
         imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
         imageView.setPadding(8, 8, 8, 8);
      } else {
         imageView = (ImageView) convertView;
      }

      imageView.setImageResource(mThumbIds[position]);
      return imageView;
  }

  // references to our images
  private Integer[] mThumbIds = {
         R.drawable.sample_2, R.drawable.sample_3,
         R.drawable.sample_4, R.drawable.sample_5,
         R.drawable.sample_6, R.drawable.sample_7,
         R.drawable.sample_0, R.drawable.sample_1,
         R.drawable.sample_2, R.drawable.sample_3,
         R.drawable.sample_4, R.drawable.sample_5,
         R.drawable.sample_6, R.drawable.sample_7,
         R.drawable.sample_0, R.drawable.sample_1,
         R.drawable.sample_2, R.drawable.sample_3,
         R.drawable.sample_4, R.drawable.sample_5,
         R.drawable.sample_6, R.drawable.sample_7
  };
}

代码量很小，我就不上传程序了！给大家分享一个我在网上找的GridView和ListView的上拉加载，下拉刷新的例子吧（个人感觉很实用）！
又放不下了！郁闷中......
详见的表格都在
史上最全系列之用户界面之gridview二里了！

<ignore_js_op>

gridview.png (56.6 KB, 下载次数: 11)

效果图

附件表格
表格1

ConstConstantant	Value	DescDescriptionription
top	0x30	将对象放在其容器的顶部，不改变其大小.
bottom	0x50	将对象放在其容器的底部，不改变其大小.
left	0x03	将对象放在其容器的左侧，不改变其大小.
right	0x05	将对象放在其容器的右侧，不改变其大小.
center_vertical	0x10	将对象纵向居中，不改变其大小.
fill_vertical	0x70	必要的时候增加对象的纵向大小，以完全充满其容器.
center_horizontal	0x01	将对象横向居中，不改变其大小.
fill_horizontal	0x07	必要的时候增加对象的横向大小，以完全充满其容器.
center	0x11	将对象横纵居中，不改变其大小.
fill	0x77	必要的时候增加对象的横纵向大小，以完全充满其容器.
clip_vertical	0x80	附加选项，用于按照容器的边来剪切对象的顶部和/或底部的内容.剪切基于其纵向对齐设置：顶部对齐时，剪切底部；底部对齐时剪切顶部；除此之外剪切顶部和底部.
clip_horizontal	0x08	附加选项，用于按照容器的边来剪切对象的左侧和/或右侧的内容.剪切基于其横向对齐设置：左侧对齐时，剪切右侧；右侧对齐时剪切左侧；除此之外剪切左侧和右侧.
start	0x00800003	将对象置于容器的开始处，不改变其大小.
end	0x00800005	将对象置于容器的结尾处，不改变其大小.

表格2

ConConstantstant	ValValueue	DescrDescriptioniption
auto_fit	-1	显示尽可能多的列，以填充所有空白.

表格3

ConstantConstant	ValValue	DescriptionDescription
none	0	不伸缩.
spacingWidth	1	伸缩各列间的空白.
columnWidth	2	各列伸缩为等宽.
spacingWidthUniform	3	各列空白均匀伸缩.

史上最全系列之用户界面之gridview一,布布扣,bubuko.com

史上最全系列之用户界面之gridview一

原文：http://www.cnblogs.com/zhanganju/p/3683983.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)