GridView有两列,第一项跨越两列

时间:2015-06-27 18:44:56

标签: android android-scrollview

我有一个Imageview&一个网格视图..

我的布局设计在这里..

enter image description here

我想将这两个视图合并为单个gridview

我的问题:

如何在两列中设置gridview第一个项目跨度?

1 个答案:

答案 0 :(得分:51)

在研究你的问题时,我学到了一些新内容:我偶然看到GridLayoutManager RecyclerView,我注意到你可以设置自定义SpanSizeLookup。现在a" span"如果您正在垂直滚动,则只是一列,如果您正在水平滚动,则只有一行。因此,SpanSizeLookup允许您指定,例如,项目0需要2列,项目1需要1列,等等。

事实证明,如果您将RecyclerViewGridLayoutManager一起使用,那么解决方案很容易理解:

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

        // Create a grid layout with two columns
        GridLayoutManager layoutManager = new GridLayoutManager(this, 2);

        // Create a custom SpanSizeLookup where the first item spans both columns
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                return position == 0 ? 2 : 1;
            }
        });

        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setAdapter(new MyGridAdapter());
    }

我创建了一个测试项目,只是为了尝试它并确保它达到了我的预期,它就像一个魅力。

有关适配器的说明:RecyclerView.AdapterListAdapter不兼容。您需要从RecyclerView.Adapter扩展适配器并进行适当的更改。

这是我为我的测试项目创建的适配器:

    public static class MyViewHolder extends RecyclerView.ViewHolder {

        ImageView mImageView;
        TextView mTextView;

        public MyViewHolder(View itemView) {
            super(itemView);
            mImageView = (ImageView) itemView.findViewById(R.id.imageView);
            mTextView = (TextView) itemView.findViewById(R.id.textView);
        }
    }

    public static class MyGridAdapter extends RecyclerView.Adapter<MyViewHolder> {

        private int[] mDrawables;

        public MyGridAdapter() {
            this.mDrawables = new int[] {
                    R.drawable.images_01,
                    R.drawable.images_02,
                    .
                    .
                    .
            };
        }

        @Override
        public int getItemCount() {
            return mDrawables.length;
        }

        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

            LayoutInflater inflater = (LayoutInflater) parent.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            View view = inflater.inflate(R.layout.layout_grid_item, parent, false);
            MyViewHolder holder = new MyViewHolder(view);
            // set up any onClickListener you need on the view here
            return holder;
        }

        @Override
        public void onBindViewHolder(MyViewHolder holder, int position) {

            holder.mImageView.setImageResource(mDrawables[position]);
            holder.mTextView.setText("Image " + position);
        }
    }

首先,创建一个RecyclerView.ViewHolder子类。视图持有者模式现在是这种新的适配器视图方式的组成部分。您的ViewHolder会为您的观看次数设置所有子视图。

然后在您的RecyclerView.Adapter子类中,覆盖onCreateViewHolder()onBindViewHolder()。在onCreateViewHolder()中,您会夸大视图并构建ViewHolder。在onBindViewHolder()中,您使用position获取适配器数据并使用ViewHolder设置子视图。因此RecyclerView技术上会回收包含ViewHolder s的<{1}}。

对适配器进行这些更改后,应该全部设置。