寫這篇文章隻是對今天所學的知識進行加深印象，對ViewPager的一些處理，比如擴充卡和各個方法的作用等。
先看效果圖
這裡我是在xml中寫的圓點
Drawable檔案夾下的xml代碼：
Shape_yes.xml:
Shape_no.xml:
選擇器
android:state_selected="false"
/>
android:state_selected="true"
/>
Activity_main.xml:
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="match_parent"
android:layout_height="160dp">
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:gravity="center_horizontal"
android:padding="5dp"
android:orientation="vertical"
android:background="#66000000">
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:gravity="center"
android:orientation="horizontal"
android:paddingBottom="10dp">
android:id="@+id/iv_one"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginRight="20dp"
android:background="@drawable/selector_show" />
android:id="@+id/iv_two"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginRight="20dp"
android:background="@drawable/selector_show" />
android:id="@+id/iv_three"
android:layout_width="20dp"
android:layout_height="20dp"
android:background="@drawable/selector_show" />
寫一個類ViewPagerAdapter_Circleextends PagerAdapter
public class ViewPagerAdapter_Circle extends PagerAdapter {
ArrayList arrayList;
Context context;
public ViewPagerAdapter_Circle(ArrayList arrayList,Context context) {
this.arrayList = arrayList;
this.context = context;
}
@Override
public int getCount() {
return arrayList.size();
}
@Override
public boolean isViewFromObject(View view,Object object) {
return view == object;//判斷目前要顯示的頁面
}
@Override
public Object instantiateItem(ViewGroup container,int position) {
container.addView(arrayList.get(position));//頁面添加到container，添加位置
return arrayList.get(position);
}
@Override
public void destroyItem(ViewGroup container,int position,Object object) {
container.removeView(arrayList.get(position));
}
}
MainActivity中代碼(含注解)
public class MainActivity extends AppCompatActivity {
ViewPager viewPager;
int imageResIds[];
ArrayList imageViewList;//存圖檔的集合
ArrayList imageViews;//存白點的集合
ImageView iv_one,iv_two,iv_three;
int oldPostion;//記錄原來的位置
private Boolean flag;
int count=0;
Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
if (msg.what == 0) {
viewPager.setCurrentItem(count);
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化布局
initView();
//初始化資料
initData();
//設定擴充卡
initAdapter();
//設定圓點
initPoint();
flag = true;
//循環設定播放
new Thread() {
@Override
public void run() {
while (flag) {
try {
Thread.sleep(3000);
count++;
if (count == 3) {
count = 0;
}
} catch (InterruptedException e) {
e.printStackTrace();
}
Message msg = new Message();
msg.what = 0;
msg.obj = count;
handler.sendMessage(msg);
}
}
}.start();
}
private void initView() {
viewPager = (ViewPager) findViewById(R.id.vp);
}
//初始化要顯示的資料
private void initData() {
//圖檔資源數組
imageResIds = new int[]{R.mipmap.a,R.mipmap.b,R.mipmap.c};
imageViewList = new ArrayList<>();//存圖檔的集合
ImageView imageView;
for (int i = 0; i < imageResIds.length; i++) {
imageView = new ImageView(this);
imageView.setBackgroundResource(imageResIds[i]);
imageViewList.add(imageView);
}
}
//設定擴充卡
private void initAdapter() {
ViewPagerAdapter_Circle myViewPagerAdapter = new ViewPagerAdapter_Circle(imageViewList,this);
viewPager.setAdapter(myViewPagerAdapter);
}
private void initPoint() {
iv_one = (ImageView) findViewById(R.id.iv_one);
iv_two = (ImageView) findViewById(R.id.iv_two);
iv_three = (ImageView) findViewById(R.id.iv_three);
imageViews = new ArrayList<>();
imageViews.add(iv_one);
imageViews.add(iv_two);
imageViews.add(iv_three);
iv_one.setSelected(true);//設定第一個圓點為true
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position,float positionOffset,int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
imageViews.get(position).setSelected(true);//滑動後顔色改變
imageViews.get(oldPostion).setSelected(false);//變為初始顔色
oldPostion = position;//把滑動後的圓點的position給原來的oldPostion
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
}
}
以上所述是小編給大家介紹的Android 使用ViewPager實作輪播圖效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對程式設計小技巧網站的支援！
總結
如果覺得程式設計之家網站内容還不錯，歡迎将程式設計之家網站推薦給程式員好友。
本圖文内容來源于網友網絡收集整理提供，作為學習參考使用，版權屬于原作者。
小編個人微信号 jb51ccc
喜歡與人分享程式設計技術與工作經驗，歡迎加入程式設計之家官方交流群！