RecyclerView實現廣告輪播圖
阿新 • • 發佈：2019-02-16
之前做的輪播圖，對於十幾個圖片什麼的能夠滿足，但是萬一有幾千張，幾萬張就容易造成記憶體洩露，使用RecyclerView做的輪播，可以利用它自身的複用機制，比較節省記憶體。所以這種方式感覺效果更好。
準備：build.gradle新增
compile ‘com.github.bumptech.glide:glide:3.7.0’
AndroidManifest.xml新增許可權
效果圖
public class RecyclerViewBanner extends FrameLayout {
private RecyclerView recyclerView;
private attr.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="RecyclerViewBanner">
<attr name="pointFocusBg" format="color" />
<attr name="pointUnfocusBg" format="color" />
<attr name="interval" format="integer" />
<attr name="point_padding_left" format="integer" />
<attr name="point_padding_top" format="integer" />
<attr name="point_padding_right" format="integer" />
<attr name="point_padding_bottom" format="integer" />
<attr name="point_size" format="integer" />
<attr name="isShowPoint" format="boolean" />
</declare-styleable>
</resources>用法：
佈局：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.eno.fragment.home.FragmentMainHome">
<!-- TODO: Update blank fragment layout -->
<com.eno.widget.RecyclerViewBanner
android:id="@+id/rv_banner"
android:layout_width="match_parent"
android:layout_height="150dp"
app:interval="3000"
app:isShowPoint="true"
/>
<TextView
android:id="@+id/tv_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="@string/home" />
</FrameLayout>
程式碼
public class FragmentMainHome extends BaseFragment {
@BindView(R.id.rv_banner)
RecyclerViewBanner recyclerViewBanner;
@BindView(R.id.tv_content)
TextView tvContent;
public static FragmentMainHome newInstance() {
FragmentMainHome f = new FragmentMainHome();
return f;
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_main_home, container, false);
ButterKnife.bind(this, view);
final List<Banner> banners = new ArrayList<>();
for (int i = 0; i < 2; i++) {
banners.add(new Banner("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1487221110004&di=d6043e4b0c90ddf3ea5096c3d8eb8f58&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2014%2F067%2F5116EPAUD762_1000x500.jpg"));
banners.add(new Banner("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1487221129421&di=c085432cf7c15836f8a6479138740f39&imgtype=0&src=http%3A%2F%2Fimage85.360doc.com%2FDownloadImg%2F2015%2F05%2F0517%2F53199602_2.jpg"));
banners.add(new Banner("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1487221161254&di=fbb99c5dad3d5a2a2c8b0b44e8c0e081&imgtype=0&src=http%3A%2F%2Fimage.tianjimedia.com%2FuploadImages%2F2013%2F255%2FP52AOTE73EIG_1000x500.jpg"));
}
recyclerViewBanner.isShowIndicatorPoint(true);
recyclerViewBanner.setRvBannerDatas(banners);
recyclerViewBanner.setOnSwitchRvBannerListener(new RecyclerViewBanner.OnSwitchRvBannerListener() {
@Override
public void switchBanner(int position, ImageView bannerView) {
Glide.with(bannerView.getContext()).load(banners.get(position % banners.size()).getUrl()).placeholder(R.mipmap.ic_launcher).into(bannerView);
}
});
return view;
}
@Override
public void fetchData() {
/**在這裡請求網路 */
}
private class Banner {
String url;
public Banner(String url) {
this.url = url;
}
public String getUrl() {
return url;
}
}
}
屬性說明：
pointFocusBg 設定底部導航小圓點的選中狀態顏色
pointUnfocusBg 設定底部導航小圓點的未選中狀態顏色
interval 設定輪播圖滾動間隔時間
isShowPoint 設定是否顯示底部指示導航小圓點
point_size設定導航點的大小
point_padding_left設定點的左內間距
point_padding_right設定點的右內間距
point_padding_bottom設定點的下內間距
point_padding_top設定點的上內間距