Android笔记-GridView实现九宫格布局

类似手机系统桌面的九宫格布局,以图片和文字进行搭配,可以使用GridView来实现。类似效果如下:使用GridView实现过程:1.在activity_main.xml中修改代码<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_...
摘要由CSDN通过智能技术生成

类似手机系统桌面的九宫格布局,以图片和文字进行搭配,可以使用GridView来实现。类似效果如下:在这里插入图片描述

使用GridView实现过程:

1.在activity_main.xml中修改代码

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <GridView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/channel"
        android:numColumns="3"
        android:verticalSpacing="24dp"
        android:layout_marginTop="40dp"
        >
    </GridView>

</LinearLayout>

关于GridView的详细属性https://blog.csdn.net/lyy666888/article/details/79163632

2.创建Channel类用来表示每个单元格的内容

public class Channel  {
   

    private int imgId;

    private String dec;

    public int getImgId() {
   
        return imgId;
    }

    public void setImgId(int imgId) {
   
        this.imgId = imgId;
    }

    public String getDec() {
   
        return dec;
    }

    public void setDec(String dec) {
   
        this.dec = dec;
    }
}

3.创建ChannelAdapter类继承BaseAdapter来作为GridView的适配器

public class ChannelAdapter extends BaseAdapter {
   

    private ArrayList<Channel> channelList;
    private LayoutInflater layoutInflater;

    public ChannelAdapter(ArrayList<Channel> list, Context context){
   
        channelList = list;
        layoutInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
   
        return channelList<
  • 4
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现九宫格布局可以使用GridView控件,步骤如下: 1. 在布局文件中添加GridView控件,并设置其列数和每个格子的宽高。 ```xml <GridView android:id="@+id/grid_view" android:numColumns="3" android:gravity="center" android:columnWidth="100dp" android:stretchMode="columnWidth" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建一个Adapter,并重写getView方法,用于向GridView中填充数据。 ```java public class GridAdapter extends BaseAdapter { private Context mContext; private List<String> mData; public GridAdapter(Context context, List<String> data) { mContext = context; mData = data; } @Override public int getCount() { return mData.size(); } @Override public Object getItem(int position) { return mData.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder; if (convertView == null) { convertView = LayoutInflater.from(mContext).inflate(R.layout.grid_item, parent, false); holder = new ViewHolder(); holder.text = convertView.findViewById(R.id.text); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } holder.text.setText(mData.get(position)); return convertView; } static class ViewHolder { TextView text; } } ``` 3. 创建一个布局文件用于表示每个格子的样式。 ```xml <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/text" android:layout_width="match_parent" android:layout_height="match_parent" android:textSize="20sp" android:gravity="center" android:textColor="@android:color/black" /> ``` 4. 在Activity中设置Adapter并为GridView设置点击事件。 ```java public class MainActivity extends AppCompatActivity { private GridView mGridView; private List<String> mData; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initData(); mGridView = findViewById(R.id.grid_view); GridAdapter adapter = new GridAdapter(this, mData); mGridView.setAdapter(adapter); mGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Toast.makeText(MainActivity.this, mData.get(position), Toast.LENGTH_SHORT).show(); } }); } private void initData() { mData = new ArrayList<>(); for (int i = 1; i <= 9; i++) { mData.add("Item " + i); } } } ``` 以上就是在Android实现九宫格布局的步骤。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值