如何在 Android 中创建垂直画廊？

Question

我想创建一个行为类似于图库小部件但垂直滚动而不是水平滚动的小部件。也就是说图库中的图像应该垂直放置在屏幕上并且可以垂直滚动。有人可以帮助我吗？

Answer 1

假设您想要一列图像并且想要垂直滚动。检查以下示例

   <GridView android:id="@+id/gridView1" 
    android:layout_width="70dp"  android:layout_height="fill_parent"
    android:verticalSpacing="2dp"   android:numColumns="1" 
    android:stretchMode="columnWidth" android:layout_marginLeft="1dp"
    android:layout_alignParentTop="true"  android:scrollingCache="true"
    android:scrollbars="vertical" android:fadeScrollbars="false"
    android:scrollbarAlwaysDrawVerticalTrack="true">
</GridView>

Answer 2

我设法使用 ListView 创建一个简单的解决方案，并在滚动停止时将其滚动到最近的位置。只需创建一个 ListView 并添加此 OnScrollListener：

编辑： 我已将代码更新为更好的实现

lv.setOnScrollListener(new OnScrollListener(){

        private boolean handleScrollChange = true;

        public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
          }

       public void onScrollStateChanged(final AbsListView view, int scrollState) {
            if (!handleScrollChange)
                return;
            if(scrollState == OnScrollListener.SCROLL_STATE_IDLE){
                View centerView;
                if (view.getLastVisiblePosition() - view.getFirstVisiblePosition() > 1) { //if shows more than 2 items, display the middle one
                    centerView = view.getChildAt( Math.round((view.getChildCount())/2));
                }
                else { //shows 2 items, check which one is closer to the middle
                    View bottomview = view.getChildAt(view.getChildCount()-1); 
                    if (bottomview.getTop() < bottomview.getHeight() / 2) {
                        centerView = bottomview;
                    }
                    else {
                        centerView = view.getChildAt(0);
                    }
                }

                int wantedOffset = (view.getHeight() - centerView.getHeight()) / 2 ;
                final int scrollby = (int) centerView.getY() - wantedOffset;
                //we want to prevent the smoothScroll from calling this function again
                handleScrollChange = false;

                view.post(new Runnable() {
                    @Override
                    public void run() {
                        view.smoothScrollBy(scrollby,300);
                        view.postDelayed(new Runnable() {

                            @Override
                            public void run() {
                                handleScrollChange = true;
                            }
                        }, 1000);
                    }
                });
            }
          }
        });

Answer 3

您必须扩展 Gallery 类，并在 Draw 过程中将画布旋转 90 度。然后只需要进行一些修改，例如修改 onTouch 事件等等。此后，布局将会出现一些问题（因为它仍然想在其参数中绘制布局）。所以我把它放在 LinearLayout 中并固定其中的布局大小。
所以最终的垂直画廊实际上是一个线性布局，里面有一个画廊。我已经实现了，效果非常好。您只需将放入其中的所有内容向另一个方向旋转 90 度即可。权衡确实很小，因此您可以扩展要放入其中的每个视图，然后在绘制过程中将其旋转到另一个方向。