可扩展的 Gridview 布局答案

【问题标题】：Scalable Gridview Layout可扩展的 Gridview 布局
【发布时间】：2014-04-23 17:56:21
【问题描述】：

我为我为我侄子制作的一个简单的纸牌匹配游戏创建了一个缩放的、均匀分布的网格视图布局。它的行为几乎如我所愿，但似乎应该有一种不那么复杂的方法来实现这一点，所以我想知道是否有人可以提出更好/更简单的方法。我是 Android 新手，所以很可能是我过度设计了这个。

我有一个设置来控制卡片的数量 (12-32)，它可以扩展到任何尺寸的屏幕（各种尺寸和分辨率的平板电脑或手机）。

这是我的网格视图 XML：

<GridView xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/gridview"
android:layout_width="match_parent" 
android:layout_height="wrap_content"
android:numColumns="auto_fit"
android:verticalSpacing="10dp"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center"
android:background="@drawable/wood"
android:layout_below="@id/score_board"
android:layout_above="@+id/messageparent"
/>

我有一个 BaseAdapter 的 ImageAdapter 子类，它的 getView 看起来像这样。 getCellWidth 和 getCellHeight 函数返回我在布局更改时在主活动中设置的值（见下文）。

public View getView(int position, View convertView, ViewGroup parent) {

    CardView imageView;

    if (convertView == null) {  // if it's not recycled, initialize some attributes
        imageView = new CardView(mContext,position,mCardFaces[position]); //mThumbIds[position]       
        imageView.setLayoutParams(new GridView.LayoutParams(((MainActivity)mContext).getCellWidth(), ((MainActivity)mContext).getCellHeight()));
        imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
        //imageView.setPadding(R.dimen.card_padding, R.dimen.card_padding, R.dimen.card_padding, R.dimen.card_padding);                     
        imageView.setPadding(8, 8, 8, 8);
        imageView.setImageResource(CardView.CARDBACK);
    } else {
        imageView = (CardView) convertView;

        //If we recycle an old view, make sure it resizes appropriately
        if (imageView.getWidth() != ((MainActivity)mContext).getCellWidth()) {
            imageView.setLayoutParams(new GridView.LayoutParams(((MainActivity)mContext).getCellWidth(), ((MainActivity)mContext).getCellHeight()));
        }

        if(!mCardFaces[position].equals(imageView.getResID()))
            imageView.updateCard(mCardFaces[position]);
    }

    return imageView;
}

这是我的 sizeCardsToFit 方法中的相关代码：

//... algorithm to calc cols, width and height to fit screen

gridview.setNumColumns(nCols);
gridview.setColumnWidth(width);

for (int i = 0; i < gridview.getChildCount(); i++) {
    ((CardView)gridview.getChildAt(i)).setLayoutParams(new GridView.LayoutParams(width,height));
}

mCellHeight=height;
mCellWidth=width;

【问题讨论】：

标签： android android-layout android-gridview

【解决方案1】：

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/MyGrid" android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:padding="0dp"
    android:verticalSpacing="2dp" android:horizontalSpacing="2dp"
    android:scrollingCache="true" android:smoothScrollbar="true"
    android:clipChildren="true" android:alwaysDrawnWithCache="true"
    android:numColumns="auto_fit" android:columnWidth="100dp"
    android:stretchMode="columnWidth" android:gravity="center_horizontal"
    android:background="#000000">
</GridView>

【讨论】：