Android实现轮播图效果

Android实现轮播图效果

（1）参考资料

			资料：https://github.com/daimajia/AndroidImageSlider 

（2）Step1:导入依赖

implementation "com.android.support:support-v4:+"
implementation 'com.squareup.picasso:picasso:2.3.2'
implementation 'com.nineoldandroids:library:2.4.0'
implementation 'com.daimajia.slider:library:1.1.5@aar'

（3）Step2:布局文件中引用

<com.daimajia.slider.library.SliderLayout
        android:id="@+id/slider"
        android:layout_width="match_parent"
        custom:auto_cycle="true"
        android:layout_height="200dp">
  </com.daimajia.slider.library.SliderLayout>

​ 下面介绍一些自己设置的相关属性

custom:pager_animation=”Accordion” 切换动画效果 
custom:auto_cycle=”true” 自动播放 
custom:indicator_visibility=”visible” 显示指示器

（4）代码实现

​ 1.获取SliderLayout组件

mSliderLayout = findViewById(R.id.slider);

​ 2.创建轮播的TextSliderView，创建完成后加入到msliderLayout即可

 TextSliderView textSliderView = new TextSliderView(this);
        textSliderView.description("图一")
                .setScaleType(BaseSliderView.ScaleType.Fit)                	.image("https://ww1.sinaimg.cn/large/610dc034ly1fhrcmgo6p0j20u00u00uu.jpg");
  mSliderLayout.addSlider(textSliderView);

(5）完整代码

package com.example.iot;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import com.daimajia.slider.library.SliderLayout;
import com.daimajia.slider.library.SliderTypes.BaseSliderView;
import com.daimajia.slider.library.SliderTypes.TextSliderView;

public class MainActivity extends AppCompatActivity {

    private SliderLayout mSliderLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initUI();
        TextSliderView textSliderView = new TextSliderView(this);
        textSliderView.description("图一")
                .setScaleType(BaseSliderView.ScaleType.Fit)
                .image("https://ww1.sinaimg.cn/large/610dc034ly1fhrcmgo6p0j20u00u00uu.jpg");
        mSliderLayout.addSlider(textSliderView);

        TextSliderView textSliderView1 = new TextSliderView(this);
        textSliderView1.description("图二")
                .setScaleType(BaseSliderView.ScaleType.Fit)
                .image("https://ww2.sinaimg.cn/large/7a8aed7bjw1f3c7zc3y3rj20rt15odmp.jpg");
        mSliderLayout.addSlider(textSliderView1);
    }

    private void initUI() {
        mSliderLayout = findViewById(R.id.slider);
    }

    @Override
    protected void onStop() {
        mSliderLayout.stopAutoCycle();
        super.onStop();
    }
}

（6）添加权限

 
    <uses-permission android:name="android.permission.INTERNET" />

    
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

（7）效果图

## （7）效果图

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200411110006527.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvdmVTdGFyYnVja3M=,size_16,color_FFFFFF,t_70)