搭建自己的直播平台,将图片设置为卡片式轮播效果
搭建自己的直播平台,将图片设置为卡片式轮播效果实现的相关代码
在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 'https://jitpack.io' }
}
}
以上所有的依赖就完成了,下面就是代码部分:
因为我用的是模拟接口的图片地址,所以我是自己写了一段json,有需要的可以自行copy,要用自己的就在调用的部分换成自己的json就行:
public class Api {
public static String jiek="{
"code": 800,
"msg": "ok",
"obj": [{
"name": "zahnsan",
"imageurl": "http://pic19.nipic.com/20120308/4970979_102637717125_2.jpg",
"age": "20"
}, {
"name": "zahnsan",
"imageurl": "http://pic25.nipic.com/20121110/10839717_103723525199_2.jpg",
"age": "20"
}, {
"name": "zahnsan",
"imageurl": "http://pic31.nipic.com/20130722/9252150_095713523386_2.jpg",
"age": "20"
}, {
"name": "zahnsan",
"imageurl": "http://www.pptbz.com/pptpic/UploadFiles_6909/201306/2013062320262198.jpg",
"age": "20"
}]
}";
}
先看布局部分:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/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>
以上就是搭建自己的直播平台,将图片设置为卡片式轮播效果实现的相关代码, 更多内容欢迎关注之后的文章