android gridview文字,网格(GridView)+图片(ImageView)+文字(TextView)

因为突发奇想,发现网上的例子的网格布局,只有图片的实例,没有加文字说明! 后来找到个是来自《Android核心技术与实例详解》一书的实例 ,使用的适配是SimpleAdapter,而我想用继承BaseAdapter类,重写getView方法.经过自己的资料的查阅与调试 ,完成了个小例子;

布局页面代码 有个layout

xmlns: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">

           gridView的子视图,也就是每一个网格的内容页面布局

xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/relaGrid"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:src="@drawable/ph1"

android:layout_width="85dp"

android:layout_height="85dp"

>

android:layout_height="wrap_content"

android:layout_width="85dp"

android:text="TextView"

android:layout_below="@+id/chooseImage"

android:gravity="center"

android:singleLine="true"

android:ellipsize="marquee"

android:marqueeRepeatLimit="marquee_forever"

>

           然后在res/drawable 放入9张图片资源         Activity页面代码

public class WidgetActivity extends Activity {

OnItemClickListener ocl_gridview = null;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

setTitle("九宫格布局");

GridView gridview = (GridView) findViewById(R.id.gridview);

gridview.setAdapter(new ImageAdapter(this));

gridview.setOnItemClickListener(ocl_gridview);

}

public void bindListener() {

ocl_gridview = new OnItemClickListener() {

public void onItemClick(AdapterView> parent, View v, int position, long id) {

}

};

}

}           继承BaseAdapter的ImageAdapter类代码

public class ImageAdapter extends BaseAdapter{

private Context mContext;

public ImageAdapter(Context c) {

mContext = c;

}

@Override

public int getCount() {

// TODO Auto-generated method stub

return mThumbIds.length;

}

@Override

public View getView(int position, View convertView, ViewGroup arg2) {

View view = View.inflate(mContext, R.layout.relagrid, null);

RelativeLayout rl = (RelativeLayout) view.findViewById(R.id.relaGrid);

ImageView image = (ImageView) rl.findViewById(R.id.chooseImage);

TextView text = (TextView) rl.findViewById(R.id.chooseText);

image.setImageResource(mThumbIds[position]);

text.setText(mTextValues[position]);

return rl;

}

// references to our images

private Integer[] mThumbIds = {

R.drawable.ph1,R.drawable.ph2,R.drawable.ph3,

R.drawable.ph4,R.drawable.ph5,R.drawable.ph6,

R.drawable.ph7,R.drawable.ph8,R.drawable.ph9

};

private String[] mTextValues = {

"Button","TextView","EditText",

"CheckBox","Radio","Spinner",

"","",""

};

}

第一次发帖,可能有很多不足,希望大家见谅!

放张效果图给大家look

96ebf1c4789fcc2c2c0b01c60fde2063.png

转载:http://www.adobex.com/android/source/details/00000444.htm

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值