Android根据屏幕大小动态适配GridView

淡淡的香烟

已于 2022-04-26 13:47:15 修改

阅读量1.7k

点赞数

分类专栏：开发实例文章标签： Gridview动态适配屏幕大小

于 2018-12-21 02:11:24 首次发布

本文链接：https://blog.csdn.net/u012556114/article/details/85153370

版权

开发实例专栏收录该内容

57 篇文章 10 订阅

订阅专栏

前言：

最近有个需求上面有图片，下面是个类似九宫格的列表，列表下面还有文字，刚开始只有3列还可以布满，后面改了需求有4列，在小屏手机就没有铺满，第4列看不到了，修改图片和文字长宽也没适配，后面想到利用layoutparams动态适配，根据屏幕大小自适应布局，于是记录一下。

1.关键代码:

//根据屏幕大小适配宽高
WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
assert wm != null;
int width = wm.getDefaultDisplay().getWidth();
AbsListView.LayoutParams layoutParams = new AbsListView.LayoutParams(width/4, width/4);

2.MainActivity布局代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">

    <RelativeLayout
        android:id="@+id/noble_title"
        android:layout_width="match_parent"
        android:layout_height="@dimen/size_100dp"
        android:layout_centerHorizontal="true"
        android:background="#00ffffff">

        <ImageView
            android:id="@+id/noble_lv_iv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="@mipmap/gz_shipin_sel" />

    </RelativeLayout>

    <GridView
        android:id="@+id/gv_noble"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:listSelector="@color/white"
        android:numColumns="4"
        android:scrollbars="none"
        android:text="Hello World!"
        android:verticalSpacing="@dimen/size_8dp" />

    <LinearLayout
        android:id="@+id/noble_bottom"
        android:layout_width="match_parent"
        android:layout_height="@dimen/size_60dp"
        android:layout_gravity="bottom"
        android:orientation="vertical">

        <View
            android:layout_width="match_parent"
            android:layout_height="@dimen/size_1dp"
            android:background="#D7D7D7" />

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="@dimen/size_5dp"
            android:layout_marginBottom="@dimen/size_5dp"
            android:orientation="horizontal"
            android:paddingLeft="@dimen/size_15dp"
            android:paddingRight="@dimen/size_15dp">


            <TextView
                android:id="@+id/noble_lv"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="青铜贵族"
                android:textColor="#DEA567"
                android:textSize="@dimen/text_size_8"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <TextView
                android:id="@+id/noble_lv_money"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="@dimen/size_9dp"
                android:text="开通98元"
                android:textColor="@color/black"
                android:textSize="@dimen/text_size_8"
                app:layout_constraintLeft_toRightOf="@id/noble_lv"
                android:layout_marginLeft="@dimen/size_9dp" />


            <TextView
                android:id="@+id/noble_lv_des"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/size_3dp"
                android:layout_marginRight="@dimen/size_6dp"
                android:ellipsize="end"
                android:gravity="left"
                android:textColor="@color/black"
                android:textSize="@dimen/text_size_8"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toLeftOf="@+id/noble_buy"
                app:layout_constraintTop_toBottomOf="@+id/noble_lv_money"
                android:text="享受800元代理收益 赠送980贵族豆 赠送10个爱尚值赠送10个爱尚值赠送10个爱尚值赠送10个爱尚值赠送10个爱尚值" />


            <TextView
                android:id="@+id/noble_buy"
                android:layout_width="95dp"
                android:layout_height="@dimen/size_35dp"
                android:layout_gravity="center"
                android:background="@drawable/shape_noble"
                android:gravity="center"
                android:text="立即开通"
                android:textColor="@color/black"
                android:textSize="@dimen/text_size_14"
                app:layout_constraintBottom_toTopOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toBottomOf="parent" />

        </android.support.constraint.ConstraintLayout>

    </LinearLayout>
</LinearLayout>

3.MainActivity代码如下:

package com.example.administrator.gridviewlayoutparams;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.GridView;

import com.example.administrator.gridviewlayoutparams.adapter.NobleAdapter;

public class MainActivity extends AppCompatActivity {
    GridView mGv;

    private int [] resIds = {R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel ,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel};

    private int [] resIds1 = {R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel ,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel};

    private int [] resIds2 = {R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel};

    private int [] resIds3 = {R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel, R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,
            R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel,R.mipmap.gz_shipin_sel};

    private String [] names = {"长视频","专属坐骑","贵族勋章","开通直播",
            "商品代理","爱尚值收益","专属头像边框","创建战队",
            "高亮昵称","专属打赏礼物","进场欢迎","观众位置顶",
            "私信陌生人","字体变色","防踢防禁言","送礼广播"};
    private NobleAdapter mAdapter;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mGv = findViewById(R.id.gv_noble);
        mAdapter = new NobleAdapter(this,resIds,names);
        mGv.setAdapter(mAdapter);
        mGv.setClickable(false);
        mGv.setPressed(false);
    }
}

4.apdpter代码如下:NobleAdapter

package com.example.administrator.gridviewlayoutparams.adapter;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.administrator.gridviewlayoutparams.R;

public class NobleAdapter extends BaseAdapter {
    private Context context;
    private int [] imgRes;
    private String [] conList;
    public NobleAdapter(Context context, int [] imgRes, String [] conList) {
        this.context = context;
        this.imgRes = imgRes;
        this.conList = conList;
    }

    public void setData(int [] imgRes){
        this.imgRes = imgRes;
        notifyDataSetChanged();
    }

    @Override
    public int getCount() {
        return 16;
    }

    @Override
    public Object getItem(int position) {
        return imgRes[position];
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        //根据屏幕大小适配宽高
        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
        assert wm != null;
        int width = wm.getDefaultDisplay().getWidth();
        AbsListView.LayoutParams layoutParams = new AbsListView.LayoutParams(width/4, width/4);

        ViewHolder viewHolder;
        if (convertView == null) {
            convertView = View.inflate(context, R.layout.item_noble, null);
            convertView.setLayoutParams(layoutParams);

            viewHolder = new ViewHolder(convertView);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.tvChannel.setText(conList[position]);
        viewHolder.ivChannel.setBackgroundResource(imgRes[position]);
        return convertView;
    }

    class ViewHolder {
        protected ImageView ivChannel;
        protected TextView tvChannel;

        public ViewHolder(View convertView) {
            ivChannel = convertView.findViewById(R.id.item_noble_iv);
            tvChannel = convertView.findViewById(R.id.item_noble_tv);
        }
    }
}

5.item布局代码:item_noble

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true">

                <ImageView
                    android:id="@+id/item_noble_iv"
                    android:layout_width="@dimen/size_40dp"
                    android:layout_height="@dimen/size_40dp"
                    android:layout_centerHorizontal="true"
                    android:background="@mipmap/gz_shipin_sel"/>

                <TextView
                    android:id="@+id/item_noble_tv"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:text="专属打赏礼物"
                    android:textSize="@dimen/text_size_12"
                    android:layout_marginTop="@dimen/size_10dp"
                    android:layout_below="@+id/item_noble_iv"/>

        </RelativeLayout>

</RelativeLayout>

6.shape_noble

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:width="95dp" android:height="35dp">
        <shape android:shape="rectangle">
            <solid android:color="#fffadebc" />
            <corners android:topLeftRadius="18dp" android:topRightRadius="18dp" android:bottomLeftRadius="18dp" android:bottomRightRadius="18dp" />
        </shape>
    </item>
</selector>

以上就是一个简单的例子，大家可以根据需求自行布局和适配，也可以尝试用recycleview进行适配.在各个真机和模拟器上面很好地适配了布局

7.最后放一张截图，俗话说无图无真相:

淡淡的香烟

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Android根据屏幕大小动态适配GridView

最近有个需求上面有图片，下面是个类似九宫格的列表，列表下面还有文字，刚开始只有3列还可以布满，后面改了需求有4列，在小屏手机就没有铺满，第4列看不到了，修改图片和文字长宽也没适配，后面想到利用layoutparams动态适配，根据屏幕大小自适应布局，于是记录一下。关键代码://根据屏幕大小适配宽高WindowManager wm = (WindowManager) con...
复制链接

扫一扫