Android自定义轮播图片布局

Question

I want to implement the following type image scroll view, which will populate dynamically (imageViews).

I have already tried with this

But it could not able to give the desired UI effect. Can any body help me how could this can be achieved.

Answer 1

You can use ViewPager and set pageTransform animation like:

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

for more detail: http://developer.android.com/training/animation/screen-slide.html

Answer 2

I think you can try out carousel view here :

In Gradle: compile 'com.synnapps:carouselview:0.1.4' In 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"/>

In class:

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