xbanner實現卡片式輪播
implementation 'com.github.xiaohaibin:XBanner:1.6.1'
<com.stx.xhb.xbanner.XBanner
android:id="@+id/xbanner"
android:layout_width="wrap_content"
android:layout_height="350dp"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
app:AutoPlayTime="100000"
app:clipChildrenLeftRightMargin="40dp"
app:isClipChildrenMode="true"
app:pointsContainerBackground="#00000000"
app:pointsPosition="CENTER"
app:pointsVisibility="true" />
for (int i = 0; i < invitecodeBean.size(); i++) {
img_list.add(invitecodeBean.get(i).getImage());
}
xbanner.setData(img_list, null);
xbanner.setViewPagerMargin(20);//中間item距離兩邊的間距
xbanner.loadImage(new XBanner.XBannerAdapter() {
@Override
public void loadBanner(XBanner banner, Object model, View view, int position) {
RequestOptions myOptions = new RequestOptions()
.transform(new GlideRoundTransform(getActivity(), 10));
Glide.with(getActivity())
.load(img_list.get(position))
.apply(myOptions)
.into((ImageView) view);
}
});
相關文章
- 短影片直播系統,Android卡片式輪播Android
- 直播平臺搭建原始碼,XBanner設定只顯示輪播圖原始碼
- Axure實現輪播效果
- ViewPage實現輪播圖View
- Banner實現輪播圖
- js實現輪播圖JS
- jQuery實現輪播效果jQuery
- css實現滾動輪播CSS
- 原生js實現輪播圖JS
- 圖片輪播元件實現元件
- Bootstrap教程(26)–輪播的實現boot
- 兩種方式實現輪播圖
- (轉)jquery實現圖片輪播jQuery
- 直播平臺軟體開發,卡片式輪播圖,可左右滑動
- vue元件之輪播圖的實現Vue元件
- better-scroll 實現無縫輪播
- [分享會]只用CSS實現輪播圖CSS
- 原生JS實現輪播圖的效果JS
- 左右無縫輪播圖的實現
- 使用 React 實現一個輪播元件React元件
- 搭建自己的直播平臺,將圖片設定為卡片式輪播效果
- 利用RecyclerView實現無限輪播廣告條View
- vue元件之路之輪播圖的實現Vue元件
- ViewPager兩種方式實現無限輪播Viewpager
- Vue封裝Swiper實現圖片輪播Vue封裝
- 用原生js實現圖片輪播器JS
- 高效圖片輪播,兩個ImageView實現View
- Android UI 實現廣告 Banner 輪播效果AndroidUI
- 網頁佈局------輪播圖效果實現網頁
- 原生JS實現輪播圖--第二章動畫實現JS動畫
- 教你如何實現 Android TextView 文字輪播效果AndroidTextView
- 在 Flutter 中實現一個無限輪播Flutter
- 使用jQuery實現的平滑滾動輪播圖jQuery
- 直播app原始碼,HTML + jQuery 實現輪播圖APP原始碼HTMLjQuery
- 藉助 :has 實現3d輪播圖3D
- JQuery實現圖片輪播無縫滾動jQuery
- 仿小米官網輪播圖(Banner)的實現
- Vue實現內部元件輪播切換效果Vue元件