搭建自己的直播平臺，將圖片設定為卡片式輪播效果

搭建自己的直播平臺，將圖片設定為卡片式輪播效果實現的相關程式碼

在app.gradle 新增：

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:27.1.1'
    implementation 'com.android.support:support-v4:27.1.1'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
    implementation 'com.github.xiaohaibin:XBanner:1.6.1'//將latestVersion替換成上面 jitpack 後面的版本號
    implementation 'com.github.bumptech.glide:glide:3.7.0'
    annotationProcessor 'com.github.bumptech.glide:glide:3.7.0'
    implementation 'com.zhy:okhttputils:2.0.0'
    implementation 'com.google.code.gson:gson:2.8.5'
    // 一般依賴：
    implementation 'com.facebook.fresco:fresco:0.14.1'
    // 如果需要支援gif，再新增：
    implementation 'com.facebook.fresco:animated-gif:0.12.0'
}

在project.gradle裡面新增：

allprojects {
    repositories {
        google()
        jcenter()
        maven { url '}
    }
}

以上所有的依賴就完成了，下面就是程式碼部分：

因為我用的是模擬介面的圖片地址，所以我是自己寫了一段json，有需要的可以自行copy，要用自己的就在呼叫的部分換成自己的json就行：

public class Api {
    public static String jiek="{
"code": 800,
"msg": "ok",
"obj": [{
"name": "zahnsan",
"imageurl": "
"age": "20"
}, {
"name": "zahnsan",
"imageurl": "
"age": "20"
}, {
"name": "zahnsan",
"imageurl": "
"age": "20"
}, {
"name": "zahnsan",
"imageurl": "
"age": "20"
}]
}";
}

先看佈區域性分：

<LinearLayout xmlns:android="
    xmlns:app="
    xmlns:tools="
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
 
    <com.stx.xhb.xbanner.XBanner
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:AutoPlayTime="3000"
        app:isAutoPlay="false"
        app:isClipChildrenMode="true"
        app:isHandLoop="true"
        app:isShowIndicatorOnlyOne="true"
        app:isShowNumberIndicator="false"
        app:isShowTips="false"
        app:pointsVisibility="false"
        app:pageChangeDuration="800"
        app:pointsPosition="RIGHT"/>
    
    <com.stx.xhb.xbanner.XBanner
        android:id="@+id/banner2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        app:AutoPlayTime="3000"
        app:isAutoPlay="false"
        app:pointsVisibility="false"
        app:isClipChildrenMode="true"
        app:isHandLoop="true"
        app:pageChangeDuration="800"/>
    
    <com.stx.xhb.xbanner.XBanner
        android:id="@+id/banner3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        app:AutoPlayTime="3000"
        app:clipChildrenLeftRightMargin="80dp"
        app:isAutoPlay="false"
        app:isClipChildrenMode="true"
        app:isHandLoop="true"
        app:isShowIndicatorOnlyOne="true"
        app:isShowNumberIndicator="false"
        app:pointsVisibility="false"
        app:pageChangeDuration="800" />
 
</LinearLayout>

以上就是搭建自己的直播平臺，將圖片設定為卡片式輪播效果實現的相關程式碼， 更多內容歡迎關注之後的文章