2015-03-30 2 views
1

Мне нужно создать экран для приложения планшета, в котором у большого круга есть несколько предметов (меню), этот элемент должен прокручиваться по горизонтали. Пожалуйста, смотрите изображение ниже:Как прокрутить представления внутри рамки cricular

enter image description here

Есть два требования, связанные с прокруткой:

  1. Средний пункты должны быть больше, чем другие предметы при прокрутке.
  2. Первый элемент и последний элемент внутреннего круга должны быть скрыты в соответствии с краем круга. Он не должен скрываться в соответствии с прямоугольным краем.

Эти два требования являются проблемой. Пожалуйста, предложите, как я могу достичь этой задачи.

Это расположение круга:

<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> 

ответ

2

Вы можете использовать View пейджер и настроить вид пейджер для acomplish вашей задачи. Я сделал то же самое в одном из моих проектов. Посмотрите документацию http://developer.android.com/training/animation/screen-slide.html и поиграйте с ней. Вы сможете это сделать.

+0

Могу ли я достичь 2-й задачи также с View Pager? –

+0

Поместите просмотр пейджера под круговым изображением с круглой вырезкой (прозрачный и остальной же, как цвет BG –

+0

Ya Обе задачи, которые вы можете достичь –

Смежные вопросы