web-dev-qa-db-ja.com

Android:GridView auto_fitはどのように列数を検出しますか?

Gridview、特にauto_fitがどのように機能するかをよりよく理解したいと思います。 XMLレイアウトは次のとおりです。

<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:Android="http://schemas.Android.com/apk/res/Android" 
    Android:id="@+id/gridview"
    Android:layout_width="wrap_content" 
    Android:layout_height="wrap_content"
    Android:columnWidth="60dp"
    Android:numColumns="auto_fit"
/>

一連の6つのサムネイル(48 * 48ピクセル)で正常に機能します。ポートレートモードでは、1行6列で表示されます。

with

auto_fit が正しい数の列を見つけることが期待されるため、Android:columnWidth="60dp"行が必要な理由はわかりません。
_Android:columnWidth="60dp"行がない場合、3行2列のグリッドが表示されます。

without

ImageAdapterクラスは次のとおりです。

package com.examples.HelloGridView;

import Android.content.Context;
import Android.view.View;
import Android.view.ViewGroup;
import Android.widget.BaseAdapter;
import Android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {
    private Context mContext;

    public ImageAdapter(Context c) {
        mContext = c;
    }

    public int getCount() {
        return mThumbIds.length;
    }

    public Object getItem(int position) {
        return null;
    }

    public long getItemId(int position) {
        return 0;
    }

    // create a new ImageView for each item referenced by the Adapter
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;
        if (convertView == null) {  // if it's not recycled, initialize some attributes
            imageView = new ImageView(mContext);
            imageView.setPadding(0, 0, 0, 0);
        } else {
            imageView = (ImageView) convertView;
        }

        imageView.setImageResource(mThumbIds[position]);
        return imageView;
    }

    // references to our images
    private Integer[] mThumbIds = {
            R.drawable.ic_1, R.drawable.ic_2,
            R.drawable.ic_3, R.drawable.ic_4,
            R.drawable.ic_5, R.drawable.ic_6
    };
}

ご協力ありがとうございました。

65
galath

GridViewソースを見ると、ImageViewのパディングと高さを設定してもまったく役に立たないことは明らかです。列幅が指定されていない場合、事前に設定された列数(2)を選択するだけです。

    private void determineColumns(int availableSpace) {

    ...

    if (mRequestedNumColumns == AUTO_FIT) {
        if (requestedColumnWidth > 0) {
            // Client told us to pick the number of columns
            mNumColumns = (availableSpace + requestedHorizontalSpacing) /
                    (requestedColumnWidth + requestedHorizontalSpacing);
        } else {
            // Just make up a number if we don't have enough info
            mNumColumns = 2;
        }
    } else {
        // We picked the columns
        mNumColumns = mRequestedNumColumns;
    }

    if (mNumColumns <= 0) {
        mNumColumns = 1;
    }

    ...

解決策は、GridViewの列幅を設定する前に列サイズを測定することです。画面外のビューを簡単に測定する方法を次に示します。

public int measureCellWidth( Context context, View cell )
{

    // We need a fake parent
    FrameLayout buffer = new FrameLayout( context );
    Android.widget.AbsListView.LayoutParams layoutParams = new  Android.widget.AbsListView.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    buffer.addView( cell, layoutParams);

    cell.forceLayout();
    cell.measure(1000, 1000);

    int width = cell.getMeasuredWidth();

    buffer.removeAllViews();

    return width;
}

そして、GridViewの列幅を設定するだけです。

gridView.setColumnWidth( width );
94
Vaiden

Android:numColumns documentation

auto_fit使用可能なスペースを埋めるためにできるだけ多くの列を表示します。

したがって、ImageViewsを挿入すると

paddingに設定zero

marginに設定zero

layout_width に設定 wrap_content

layout_height に設定 wrap_content

GridViewには、可能な限り最大数の子を含める必要があります


心に留めておいてくださいImageViewsがスケーリングされる可能性があります(:

7
Sherif elKhatib

これは誰かに役立つかもしれません...手動で幅のサイズを見つける必要があります。幅のサイズに基づいて、列を設定できます

        float scalefactor = getResources().getDisplayMetrics().density * 100;
        int number = getWindowManager()
                .getDefaultDisplay().getWidth();
        int columns = (int) ((float) number / scalefactor) / 2;
        if (columns == 0 || columns == 1)
            columns = 2;
        gridView.setNumColumns(columns);
3
Aristo Michael

私は通常、自分の列の幅を知っています。写真のサイズを知っているか、ユーザーにそのサイズを決定させます。したがって、アクティビティで幅を設定するだけです:

    gridview = (GridView) findViewById(R.id.gridview);
    SharedPreferences mySettings;
    mySettings = getSharedPreferences(Constants.PREFERENCES, Context.MODE_PRIVATE);
    int gridSize = 50 * Integer.parseInt(mySettings.getString("gridSize", "3"));
    gridview.setColumnWidth(gridSize + 10); 

それで全部です 。 。 。

ルツェルン、ステファンからのご挨拶

1
Stephan Wiesner

"wrap_content"は、テキストエディターのワードラップと同様に機能します。画像が最後の列サイズに収まらない場合、画像は次の行に流れます。ただし、numcolumns属性を数値に設定すると、グリッドが列を伸縮させる可能性があります(stretchModdeは、一緒に使用する別のプロパティです)。

ps-あなたは答えにチェックを入れましたが、これが助けたかどうかを知って喜んでいるでしょう。

1
user2347763