GridViewスタイルをAndroidに適用するには？

2年 ago
夏樹, 風
2 minutes

グリッド ビューのスタイルを Android に適用するには、カスタム アダプターを作成し、グリッド ビューのレイアウト スタイルをセットする必要があります。

最初に、XMLレイアウトのファイルでGridViewを定義する、たとえば：

<GridView
    android:id="@+id/gridView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:columnWidth="100dp"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
    android:padding="10dp"/>

次に、JavaコードでBaseAdapterを継承したカスタムのアダプターを作成し、関連するメソッドをオーバーライドします。例えば：

public class MyAdapter extends BaseAdapter {
    private Context mContext;
    private List<String> mData;

    public MyAdapter(Context context, List<String> data) {
        mContext = context;
        mData = data;
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            // 创建新的View
            convertView = LayoutInflater.from(mContext).inflate(R.layout.grid_item, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.textView = convertView.findViewById(R.id.textView);
            convertView.setTag(viewHolder);
        } else {
            // 复用已有的View
            viewHolder = (ViewHolder) convertView.getTag();
        }

        // 设置数据
        viewHolder.textView.setText(mData.get(position));

        return convertView;
    }

    private static class ViewHolder {
        TextView textView;
    }
}

最後に、このアダプタをActivity内で使用し、GridViewのスタイルとデータを設定します。例：

public class MainActivity extends AppCompatActivity {
    private GridView mGridView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 获取GridView
        mGridView = findViewById(R.id.gridView);

        // 创建适配器
        List<String> data = new ArrayList<>();
        data.add("Item 1");
        data.add("Item 2");
        data.add("Item 3");
        MyAdapter adapter = new MyAdapter(this, data);

        // 设置适配器
        mGridView.setAdapter(adapter);
    }
}

R.layout.grid_itemは、GridViewのカスタム・アイテムのレイアウトで、データを表示するためのTextViewが含まれています。レイアウトスタイルは必要に応じてカスタマイズできます。

bannerAds