Android根據螢幕大小動態適配GridView
阿新 • • 發佈:2019-01-03
最近有個需求上面有圖片,下面是個類似九宮格的列表,列表下面還有文字,剛開始只有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進行適配.在各個真機和模擬器上面很好地適配了佈局
最後放一張截圖,俗話說無圖無真相: