最近有个需求上面有图片,下面是个类似九宫格的列表,列表下面还有文字,刚开始只有3列还可以布满,后面改了需求有4列,在小屏手机就没有铺满,第4列看不到了,修改图片和文字长宽也没适配,后面想到利用layoutparams动态适配,根据屏幕大小自适应布局,于是记录一下。
关键代码:
//根据屏幕大小适配宽高 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);
1.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>
2.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); } }
3.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); } } }
4.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>
5.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进行适配.在各个真机和模拟器上面很好地适配了布局
最后放一张截图,俗话说无图无真相: