2016-04-20 4 views
0

Я хочу реализовать следующий вид прокрутки изображения, который будет динамически заполняться (imageViews). enter image description hereОбычная карусель для Android Карусель изображения

Я уже пробовал с this

Но это может не в состоянии дать желаемый эффект UI. Может ли любой орган помочь мне, как это можно достичь.

+0

Используйте вид пейджера и фрагменты, каждый фрагмент может содержать изображение и TextView, эз пз –

+0

Если я сделать это с помощью зрения пейджер, то я смогу установить три страницы, которые будут отображаться за раз, а дочерние объекты видят за сфокусированным видом? – Parangan

+0

Да, используя настраиваемый трансформатор страницы –

ответ

0

Вы можете использовать ViewPager и установить pageTransform анимацию как:

mPager.setPageTransformer(true, new ZoomOutPageTransformer()); 

для более подробно: http://developer.android.com/training/animation/screen-slide.html

+0

Если я это сделаю с помощью пейджера с представлением, то смогу ли я установить три страницы для отображения одновременно, а дочерние объекты - за сфокусированным видом? – Parangan

+0

вы можете использовать setPageMargin() ViewPager с отрицательным значением. – Mehta

0

Я думаю, вы можете попробовать вид карусельного здесь:

В Gradle : compile 'com.synnapps: carouselview: 0.1.4' В XML:

<com.synnapps.carouselview.CarouselView 
    android:id="@+id/carouselView" 
    android:layout_width="match_parent" 
    android:layout_height="200dp" 
    app:fillColor="#FFFFFFFF" 
    app:pageColor="#00000000" 
    app:radius="6dp" 
    app:slideInterval="3000" 
    app:strokeColor="#FF777777" 
    app:strokeWidth="1dp"/> 

В классе:

public class SampleCarouselViewActivity extends AppCompatActivity { 

CarouselView carouselView; 

int[] sampleImages = {R.drawable.image_1, R.drawable.image_2, R.drawable.image_3, R.drawable.image_4, R.drawable.image_5}; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_sample_carousel_view); 

    carouselView = (CarouselView) findViewById(R.id.carouselView); 
    carouselView.setPageCount(sampleImages.length); 

    carouselView.setImageListener(imageListener); 
} 

ImageListener imageListener = new ImageListener() { 
    @Override 
    public void setImageForPosition(int position, ImageView imageView) { 
     imageView.setImageResource(sampleImages[position]); 
    } 
}; 

}

Doc: https://github.com/sayyam/carouselview

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