【问题标题】:How to make a 2-dimension image gallery with both horizontal and vertical scrolling?如何制作水平和垂直滚动的二维图片库?
【发布时间】:2011-04-14 20:14:37
【问题描述】:

我是 Android 新手,我想制作一个图片库,其中每一列都是一个类别,用户可以垂直和水平滚动。

我发现了一篇关于如何显示图像列表的有用帖子here。我想知道是否可以在图库视图中嵌套图像列表?

【问题讨论】:

    标签: android gridview listview image-gallery


    【解决方案1】:

    将画廊放入 GridView 中,并设置一列和列大小以填充父视图(或类似的东西)。将画廊放入 GridView 并将其在 LayoutParams 中的高度设置为您想要占据它们的可绘制/视图的高度。然后,您需要做的就是移动一个画廊以在网格视图中移动所有其他画廊。我将在下面发布代码。注意:我所做的代码是一个有效的概念测试,我只是在手机上尝试过。然而,它并不华而不实。随着我继续努力,我可能会更新代码以使其看起来更好。

    ~艾顿:)

    public class Test extends Activity {
        /** Called when the activity is first created. */
        GridView gv;
        Gallery g[] = new Gallery[3];
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            gv = (GridView) findViewById(R.id.gridview);
            gv.setAdapter(new GAdapter());
            for (int i = 0; i < g.length; i++) {
                g[i] = new Gallery(this);
                g[i].setAdapter(new GGAdapter());
                g[i].setOnTouchListener(new OnTouchListener() {
                    @Override
                    public boolean onTouch(View arg0, MotionEvent ev) {
                        if (ev.getAction() == MotionEvent.ACTION_UP) {
                            for (int j = 0; j < g.length; j++) {
                                g[j].setSelection(((AdapterView) arg0)
                                        .getSelectedItemPosition());
                            }
                        }
                        return false;
                    }
                });
            }
        }
    
        private class GAdapter extends BaseAdapter {
            public GAdapter() {
            }
    
            @Override
            public int getCount() {
                return g.length;
            }
    
            @Override
            public Object getItem(int pos) {
                return pos;
            }
    
            @Override
            public long getItemId(int pos) {
                return pos;
            }
    
            @Override
            public View getView(final int pos, View convertView, ViewGroup parent) {
    
                g[pos].setLayoutParams(new GridView.LayoutParams(gv.getWidth(), gv
                        .getHeight()));
                return g[pos];
            }
        }
    
        private class GGAdapter extends BaseAdapter {
            int[] images = new int[] { R.drawable.icon, R.drawable.icon,
                    R.drawable.icon };
    
            public GGAdapter() {
            }
    
            @Override
            public int getCount() {
                return images.length;
            }
    
            @Override
            public Object getItem(int pos) {
                return pos;
            }
    
            @Override
            public long getItemId(int pos) {
                return pos;
            }
    
            @Override
            public View getView(final int pos, View convertView, ViewGroup parent) {
                ImageView mIV = new ImageView(Test.this);
                mIV.setBackgroundResource(images[pos]);
                mIV.setLayoutParams(new Gallery.LayoutParams(gv.getWidth(), gv
                        .getHeight() / 3));
                return mIV;
            }
        }
    }
    

    还有我的 xml 文件:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
    
        <GridView
            android:id="@+id/gridview"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center"
            android:horizontalSpacing="10dp"
            android:numColumns="1"
            android:verticalSpacing="10dp" />
    
    </LinearLayout>
    

    【讨论】:

    • 这看起来是一个很好的答案,但由于代码缺乏格式,它完全不可读。确保将代码块缩进 4 个空格,以便 Stack Overflow 将其显示为代码。一旦你这样做,绝对是一个好看的答案!
    • 很好的答案。您可以节省大量时间。
    【解决方案2】:

    您可能需要GridView

    GridView 是一个 ViewGroup,它在二维、可滚动的网格中显示项目。网格项会使用 ListAdapter 自动插入到布局中。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-08-04
    • 1970-01-01
    • 2014-01-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-17
    相关资源
    最近更新 更多