首页 > 系统 > Android > 正文

Android 根据item大小实现自动排列的GridLayout

2019-11-08 00:16:20
字体:
来源:转载
供稿:网友

源码

1. res/values/attrs.xml

<resources>    <declare-styleable name="FixedGridLayout">        <attr name="cellWidth" format="dimension" />        <attr name="cellHeight" format="dimension" />    </declare-styleable></resources>

2. res/drawable-hdpi/bugdroid.png

3. res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?><com.example.android.fixedgridlayout.FixedGridLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res/com.example.android.fixedgridlayout"    android:id="@+id/grid"    android:layout_width="match_parent"    android:layout_height="match_parent"    app:cellHeight="100dp"    app:cellWidth="80dp" >    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/bugdroid" />    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/bugdroid" />    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/bugdroid" />    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/bugdroid" />    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/bugdroid" />    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/bugdroid" /></com.example.android.fixedgridlayout.FixedGridLayout>4. src/com/example/android/fixedgridlayout/FixedGridLayout.java

package com.example.android.fixedgridlayout;import android.content.Context;import android.content.res.TypedArray;import android.util.AttributeSet;import android.view.View;import android.view.ViewGroup;/** * A layout that arranges its children in a grid. The size of the cells is set * by the {@link #setCellSize} method and the android:cell_width and * android:cell_height attributes in XML. The number of rows and columns is * determined at runtime. Each cell contains exactly one view, and they flow in * the natural child order (the order in which they were added, or the index in * {@link #addViewAt}. Views can not span multiple cells. */public class FixedGridLayout extends ViewGroup {    int mCellWidth;    int mCellHeight;    public FixedGridLayout(Context context) {        super(context);    }    public FixedGridLayout(Context context, AttributeSet attrs) {        super(context, attrs);        // Read the resource attributes.        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.FixedGridLayout);        mCellWidth = a.getDimensionPixelSize(R.styleable.FixedGridLayout_cellWidth, -1);        mCellHeight = a.getDimensionPixelSize(R.styleable.FixedGridLayout_cellHeight, -1);        a.recycle();    }    public void setCellWidth(int px) {        mCellWidth = px;        requestLayout();    }    public void setCellHeight(int px) {        mCellHeight = px;        requestLayout();    }    @Override    PRotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        int cellWidthSpec = MeasureSpec.makeMeasureSpec(mCellWidth, MeasureSpec.AT_MOST);        int cellHeightSpec = MeasureSpec.makeMeasureSpec(mCellHeight, MeasureSpec.AT_MOST);        int count = getChildCount();        for (int index = 0; index < count; index++) {            final View child = getChildAt(index);            child.measure(cellWidthSpec, cellHeightSpec);        }        // Use the size our parents gave us        setMeasuredDimension(resolveSize(mCellWidth * count, widthMeasureSpec),                resolveSize(mCellHeight * count, heightMeasureSpec));    }    @Override    protected void onLayout(boolean changed, int l, int t, int r, int b) {        int cellWidth = mCellWidth;        int cellHeight = mCellHeight;        int columns = (r - l) / cellWidth;        if (columns < 0) {            columns = 1;        }        int x = 0;        int y = 0;        int i = 0;        int count = getChildCount();        for (int index = 0; index < count; index++) {            final View child = getChildAt(index);            int w = child.getMeasuredWidth();            int h = child.getMeasuredHeight();            int left = x + ((cellWidth - w) / 2);            int top = y + ((cellHeight - h) / 2);            child.layout(left, top, left + w, top + h);            if (i >= (columns - 1)) {                // advance to next row                i = 0;                x = 0;                y += cellHeight;            } else {                i++;                x += cellWidth;            }        }    }}5. com.example.android.fixedgridlayout.FixedGridLayoutTest.java

package com.example.android.fixedgridlayout;import android.app.Activity;import android.os.Bundle;public class FixedGridLayoutTest extends Activity {    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        FixedGridLayout grid = (FixedGridLayout) findViewById(R.id.grid);        grid.setCellWidth(150);        grid.setCellHeight(180);    }}

说明

FixedGridLayoutTest类,设置如下大小:

        grid.setCellWidth(150);        grid.setCellHeight(180);

效果图:

FixedGridLayoutTest类,设置如下大小:

        grid.setCellWidth(280);        grid.setCellHeight(180);

效果图:


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表