如何滚动圆形布局内的视图

时间:2015-03-30 04:45:48

标签: android imageview android-scrollview

我必须设计一个平板电脑应用程序的屏幕,其中一个大圆圈有一些项目(菜单),这些项目应该水平滚动。请看下面的图片:

enter image description here

滚动有两个要求:

  1. 滚动时,中间项目应大于其他项目。
  2. 内圈的第一项和最后一项应根据圆的边缘隐藏。它不应该根据矩形边缘隐藏。
  3. 这两个要求是问题所在。请建议我如何完成这些任务。

    这是圈子的布局:

    <RelativeLayout
            android:id="@+id/img_allCategory"
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:layout_margin="5dp"
            android:background="@drawable/img_all_category" >
    
            <TextView
                android:id="@+id/tv_allCategory"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="70dp"
                android:layout_marginTop="30dp"
                android:lines="2"
                android:text="all\ndrinks"
                android:textColor="#fff"
                android:textSize="28dp"
                android:textStyle="bold" />
    
            <HorizontalScrollView
                android:id="@+id/sv_allCategory"
                android:layout_width="255dp"
                android:layout_height="match_parent"
                android:layout_below="@+id/tv_allCategory"
                android:layout_marginLeft="28dp"
                android:layout_marginTop="30dp"
                android:scrollbars="none" >
    
                <LinearLayout
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:orientation="horizontal" >
    
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="5dp"
                        android:src="@drawable/ic_sprite_zero" />
    
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="5dp"
                        android:src="@drawable/ic_sprite" />
    
                    <ImageView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:padding="5dp"
                        android:src="@drawable/ic_fanta" />
                </LinearLayout>
            </HorizontalScrollView>
        </RelativeLayout>
    

1 个答案:

答案 0 :(得分:2)

您可以使用查看寻呼机并自定义视图寻呼机以完成您的任务。我在其中一个项目中做了同样的事情。查看文档http://developer.android.com/training/animation/screen-slide.html并使用它。你将能够完成它。