Android客戶端開發中不少時候須要用到輪播圖的方式進行重點新聞的推送或者歡迎頁面的製做,下面這個輪播圖效果的Deamo來自互聯網再通過修改而成。java
一、佈局文件activity_main.xml中添加以下內容android
<android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="wrap_content" android:layout_height="200dip" /> <LinearLayout android:layout_alignBottom="@id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#33000000" android:orientation="vertical" > <TextView android:id="@+id/image_desc" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="@string/app_name" android:textColor="@android:color/white" android:textSize="18sp" /> <LinearLayout android:id="@+id/point_group" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:orientation="horizontal" > </LinearLayout> </LinearLayout>
二、java代碼app
添加屬性ide
private ViewPager viewPager; private LinearLayout point_group; private TextView image_desc; // 圖片資源id private final int[] images = {R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e}; // 圖片標題集合 private final String[] imageDescriptions = {"第一張圖片", "第二張圖片", "第三張圖片", "第四張圖片", "第五張圖片"}; private ArrayList<ImageView> imageList; // 上一個頁面的位置 protected int lastPosition = 0; // 判斷是否自動滾動viewPager private boolean isRunning = true; private Handler handler = new Handler() { public void handleMessage(android.os.Message msg) { // 執行滑動到下一個頁面 viewPager.setCurrentItem(viewPager.getCurrentItem() + 1); if (isRunning) { // 在發一個handler延時 handler.sendEmptyMessageDelayed(0, 5000); } } };
onCreate中添加以下內容佈局
viewPager = (ViewPager) findViewById(R.id.viewPager); point_group = (LinearLayout) findViewById(R.id.point_group); image_desc = (TextView) findViewById(R.id.image_desc); image_desc.setText(imageDescriptions[0]); // 初始化圖片資源 imageList = new ArrayList<ImageView>(); for (int i : images) { // 初始化圖片資源 ImageView imageView = new ImageView(this); imageView.setBackgroundResource(i); imageList.add(imageView); // 添加指示小點 ImageView point = new ImageView(this); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(100, 15); params.rightMargin = 20; params.bottomMargin = 10; point.setLayoutParams(params); point.setBackgroundResource(R.drawable.point_bg); if (i == R.drawable.a) { //默認聚焦在第一張 point.setBackgroundResource(R.drawable.point_bg_focus); point.setEnabled(true); } else { point.setEnabled(false); } point_group.addView(point); } viewPager.setAdapter(new MyPageAdapter()); // 設置當前viewPager的位置 viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % imageList.size())); viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageSelected(int position) { // 頁面切換後調用, position是新的頁面位置 // 實現無限制循環播放 position %= imageList.size(); image_desc.setText(imageDescriptions[position]); // 把當前點設置爲true,將上一個點設爲false;並設置point_group圖標 point_group.getChildAt(position).setEnabled(true); point_group.getChildAt(position).setBackgroundResource(R.drawable.point_bg_focus);//設置聚焦時的圖標樣式 point_group.getChildAt(lastPosition).setEnabled(false); point_group.getChildAt(lastPosition).setBackgroundResource(R.drawable.point_bg);//上一張恢復原有圖標 lastPosition = position; } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { // 頁面正在滑動時間回調 } @Override public void onPageScrollStateChanged(int state) { // 當pageView 狀態發生改變的時候,回調 } }); /** * 自動循環: 1.定時器:Timer 2.開子線程:while true循環 3.ClockManger * 4.用Handler發送延時信息,實現循環,最簡單最方便 * */ handler.sendEmptyMessageDelayed(0, 3000);
實現onDestroy方法this
@Override protected void onDestroy() { // 中止滾動 isRunning = false; super.onDestroy(); }
定義PagerAdapter子類spa
private class MyPageAdapter extends PagerAdapter { // 須要實現如下四個方法 @Override public int getCount() { // 得到頁面的總數 return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View view, Object object) { // 判斷view和Object對應是否有關聯關係 if (view == object) { return true; } else { return false; } } @Override public Object instantiateItem(ViewGroup container, int position) { // 得到相應位置上的view; container view的容器,其實就是viewpage自身, // position: viewpager上的位置 // 給container添加內容 container.addView(imageList.get(position % imageList.size())); return imageList.get(position % imageList.size()); } @Override public void destroyItem(ViewGroup container, int position, Object object) { // 銷燬對應位置上的Object // super.destroyItem(container, position, object); container.removeView((View) object); object = null; } }
最後編譯運行便可,代碼分享在這:http://files.cnblogs.com/files/rwxwsblog/ViewPagerDeamo.zip線程