Android引入布局 GridView实现ImageView+TextView

本文介绍了如何在Android中使用GridView展示ImageView和TextView的组合。通过创建自定义Adapter继承BaseAdapter,重写getView方法,并在activity_main.xml中配置GridView,在grid_item.xml布局文件中设计每个单元格的显示样式。同时,创建一个GridInfo类来存储数据,最后在MainActivity中填充数据并展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

GridView实现ImageView+TextView

关键思路:自定义Adapter继承BaseAdapter。重写getView方法。

  • 在activity_main.xml中写一个GridView
 <GridView
      android:id="@+id/gv_item"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:numColumns="auto_fit"
      android:columnWidth="96dp"
      android:verticalSpacing="12dp"
      android:horizontalSpacing="12dp"
      android:stretchMode="columnWidth"
      android:gravity="center">
</GridView>
  • 在layout中写一个grid_item.xml,显示ImageView+TextView
<?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="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/iv_icon"
        android:layout_gravity="center"
        android:layout_width="90dp"
        android:layout_height="90dp" />

    <TextView
        android:id="@+id/tv_title"
        android:layout_gravity="center"
        android:gravity="center"
        android:singleLine="true"
        android:layout_width="90dp"
        android:layout_height="wrap_content" />

</LinearLayout>
  • 写一个javabean来表示要显示的数据GridInfo.c
public class GridInfo {

    private Drawable appIcon;
    private String title;
    private String packageName;

    public GridInfo(Drawable appIcon,String title,String packageName) {

        this.appIcon = appIcon;
        this.title = title;
        this.packageName = packageName;

    }

    public Drawable getAppIcon() {
        return appIcon;
    }

    public String getTitle() {
        return title;
    }

    public String getPackageName() {
        return packageName;
    }

}
  • 自定义Adapter继承BaseAdapter
public class GridItemAdapter extends BaseAdapter{

    private List<GridInfo> mGridInfoList;    //定义数据类
    private LayoutInflater mInflater;       //定义Inflater

    public GridItemAdapter(Context context, List<GridInfo> gridInfoList){

        mGridInfoList = gridInfoList;
        mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    public int getCount() {
        return mGridInfoList.size();
    }

    public Object getItem(int position) {
        return mGridInfoList.get(position);
    }

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

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

        ViewHolder viewHolder = new ViewHolder();

        if(convertView==null){
            convertView = mInflater.inflate(R.layout.grid_item,null);
            viewHolder.iv = (ImageView) convertView.findViewById(R.id.iv_icon);
            viewHolder.tv = (TextView) convertView.findViewById(R.id.tv_title);
            convertView.setTag(viewHolder);
        }else{
            viewHolder = (ViewHolder) convertView.getTag();
        }

        //设置holder
        GridInfo mGridInfo =  mGridInfoList.get(position);
        viewHolder.iv.setImageDrawable(mGridInfo.getAppIcon());
        viewHolder.tv.setText(mGridInfo.getTitle());

        return convertView;
    }


    private class ViewHolder{
        ImageView iv;
        TextView tv;
    }

}
  • MainActivity显示数据
public class MainActivity extends AppCompatActivity {

    GridView mGridView;
    GridInfo mGridInfo;
    List<GridInfo> mGridInfoList;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        ActionBar actionBar = getSupportActionBar();
        actionBar.hide();

        setContentView(R.layout.activity_main);

        init();
        initView();

    }

    //初始化数据
    private void init() {

        Intent mainInent = new Intent(Intent.ACTION_MAIN,null);
        mainInent.addCategory(Intent.CATEGORY_LAUNCHER);
        List<ResolveInfo> resolveInfos = getPackageManager().queryIntentActivities(mainInent, 0);

        mGridInfoList = new ArrayList();

        for(ResolveInfo resolveInfo:resolveInfos){

            Drawable icon = resolveInfo.activityInfo.loadIcon(getPackageManager());
            String title = resolveInfo.activityInfo.loadLabel(getPackageManager()).toString();
            String packageName = resolveInfo.activityInfo.packageName;

            mGridInfo = new GridInfo(icon, title, packageName);
            mGridInfoList.add(mGridInfo);

        }

    }

    //显示数据
    private void initView() {

        mGridView = (GridView) findViewById(R.id.gv_item);
        GridItemAdapter mAdapter = new GridItemAdapter(this,mGridInfoList);
        mGridView.setAdapter(mAdapter);

    }

}
  • 显示效果如下
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值