1. 程式人生 > >Android—( RollViewPager)圖片輪播

Android—( RollViewPager)圖片輪播

                      RollViewPager其實就是我們常常看到的的Android圖片輪換一個開源控制元件,這個控制元件是別人封裝好的我們匯入它的內庫就可直接使用的,開發起來特別好用,也特別簡單,不用我們去寫一堆程式碼。

             支援無限迴圈。 觸控時會暫停播放,直到結束觸控一個延遲週期以後繼續播放。 看起來就像這樣。指示器可以為點可以為數字還可以自定義,位置也可以變。

           效果圖:

                              預設效果:      

                             調整位置:


                                 數字式:

使用步驟:

   步驟一:在專案的build.gradle 裡面新增內庫

 步驟二:在xml佈局檔案中使用控制元件

    <com.jude.rollviewpager.RollPagerView
    android:id="@+id/roll_view_pager"
    android:layout_width="match_parent"
    android:layout_height="180dp"
    app:rollviewpager_hint_paddingLeft="360dp"
    />
   預設屬性:

      app:rollviewpager_hint_gravity="center"

    指示器位置,提供left,center,right。預設center(不寫也可以)

  自定義屬性:
   ① app:rollviewpager_play_delay="3000"

         播放間隔時間,單位ms。填0則不播放。預設為0

   ② app:rollviewpager_hint_color="#7c7c7c"

         指示器背景顏色.預設黑色

   ③ app:rollviewpager_hint_alpha="80"

        指示器背景透明度。0全透明,255不透明。預設為0

   ④ app:rollviewpager_hint_paddingLeft="16dp"

        指示器左邊距

   ⑤ app:rollviewpager_hint_paddingRight="16dp"

        指示器右邊距

   ⑥ app:rollviewpager_hint_paddingTop="16dp"

       指示器上邊距

   ⑦ app:rollviewpager_hint_paddingBottom="16dp"

       指示器下邊距

注意:在要使用到RollViewPager自定義屬性的時候,在佈局檔案當中我們必須新增:

    xmlns:app="http://schemas.android.com/apk/res-auto


    步驟三:寫Java程式碼
package e_life.com.testmodel;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.Toast;

import com.jude.rollviewpager.RollPagerView;
import com.jude.rollviewpager.adapter.LoopPagerAdapter;
import com.jude.rollviewpager.adapter.StaticPagerAdapter;
import com.jude.rollviewpager.hintview.ColorPointHintView;
import com.jude.rollviewpager.hintview.TextHintView;

public class MainActivity extends AppCompatActivity {
    private RollPagerView mRollViewPager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mRollViewPager = (RollPagerView) findViewById(R.id.roll_view_pager);
        //設定播放時間間隔
        mRollViewPager.setPlayDelay(2000);
        //設定透明度
        mRollViewPager.setAnimationDurtion(500);
        //設定介面卡
        mRollViewPager.setAdapter(new TestNormalAdapter(mRollViewPager));
        //自定義指示器圖片
        //mRollViewPager.setHintView(new IconHintView(this, R.drawable.point_focus, R.drawable.point_normal));
        //設定圓點指示器顏色
        mRollViewPager.setHintView(new ColorPointHintView(this, Color.YELLOW,Color.WHITE));
        //設定文字指示器
//       mRollViewPager.setHintView(new TextHintView(this));
       //隱藏指示器
        //mRollViewPager.setHint View(null);
    }
    private class TestNormalAdapter extends LoopPagerAdapter {
        private int[] imgs = { //輪播的圖片
                R.drawable.title02,
                R.drawable.title05,
                R.drawable.title06,
                R.drawable.title03,
                R.drawable.title04,
        };
        public TestNormalAdapter(RollPagerView viewPager) {
            super(viewPager);
        }


        @Override
        public View getView(ViewGroup container, final int position) {
            ImageView view = new ImageView(container.getContext());
            view.setImageResource(imgs[position]);
            view.setScaleType(ImageView.ScaleType.CENTER_CROP);
            view.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
            view.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) { //點選事件   具體點選了哪一張圖片的下標
                    Toast.makeText(MainActivity.this, ""+position, Toast.LENGTH_SHORT).show();
                }
            });

            return view;
        }

        @Override
        protected int getRealCount() {
            return imgs.length;
        }
    }
}
 

       最後,部落格中可能還有很多沒有講到的東西,可以去geihub裡面去看原創的,可以去 學習一下,裡面還有對以前版本的bug的修復。地址:https://github.com/Jude95/RollViewPager