如何使图像滑块类似于Ola应用程序

时间:2016-11-17 10:59:02

标签: java android user-interface

我想制作一个像 ola app 中使用的图片滑块,但我不知道它。 所有幻灯片的滑块背景图像似乎相同。请告诉我如何做到这一点。 Ola Image slider

1 个答案:

答案 0 :(得分:0)

使用下面的代码并搜索CircleIndicator lib并使用它,

public class MainActivity extends Activity {
  CircleIndicator mPageIndicator;
@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);

ImagePagerAdapter adapter = new ImagePagerAdapter();

viewPager.setAdapter(adapter);
 mPageIndicator.setViewPager(mViewpager);

 }


private class ImagePagerAdapter extends PagerAdapter {

private int[] mImages = new int[] {
    R.drawable.chiang_mai,
    R.drawable.himeji,
    R.drawable.petronas_twin_tower,
    R.drawable.ulm
};

@Override
public int getCount() {
  return mImages.length;
}

@Override
public boolean isViewFromObject(View view, Object object) {
  return view == ((ImageView) object);
}

@Override
public Object instantiateItem(ViewGroup container, int position) {
  Context context = MainActivity.this;
  ImageView imageView = new ImageView(context);
  int padding = context.getResources().getDimensionPixelSize(
      R.dimen.padding_medium);
  imageView.setPadding(padding, padding, padding, padding);
  imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
  imageView.setImageResource(mImages[position]);
  ((ViewPager) container).addView(imageView, 0);
  return imageView;
}

@Override
public void destroyItem(ViewGroup container, int position, Object object) {
  ((ViewPager) container).removeView((ImageView) object);
}}