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進行適配.在各個真機和模擬器上面很好地適配了佈局
最後放一張截圖，俗話說無圖無真相:
