如何制作水平和垂直滚动的二维图片库?

Posted

技术标签:

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

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

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

【问题讨论】:

【参考方案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_
    android:layout_
    android:orientation="vertical" >

    <GridView
        android:id="@+id/gridview"
        android:layout_
        android:layout_
        android:gravity="center"
        android:horizontalSpacing="10dp"
        android:numColumns="1"
        android:verticalSpacing="10dp" />

</LinearLayout>

【讨论】:

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

您可能需要GridView。

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

【讨论】:

我试过了,但似乎 GridView 不支持水平滚动:***.com/questions/2997818/…

以上是关于如何制作水平和垂直滚动的二维图片库?的主要内容,如果未能解决你的问题,请参考以下文章

OpenCV 实现图片的水平投影与垂直投影,并进行行分割

网页制作网页中,如何让背景图片在任何电脑显示频上看都是满屏,宽度刚好的?(没有左右滚动条的)

滚动列表视图垂直和水平相同的图像

JS让任意图片垂直水平居中且页面不滚动

(网页制作 Dreamweaver) 如何实现: 背景图片拉伸??

图片水平垂直居中对齐的四种做法