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