1. 程式人生 > >Android使用banner實現輪播圖

Android使用banner實現輪播圖

  1. 新增依賴

    Glide :
    implementation 'com.github.bumptech.glide:glide:3.7.0'
    Banner:
    implementation 'com.youth.banner:banner:1.4.9'

  2. 請求網路許可權
    <uses-permission android:name="android.permission.INTERNET" />

  3. activity_main.xml 中簡單佈局

<com.youth.banner.Banner
    android:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="141dp"></com.youth.banner.Banner>   //高度可自行設定
  1. 新建類Class用於圖片載入
public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        Glide.with(context).load(path).into(imageView);
    }
}
  1. 配置Banner
public class MainActivity extends AppCompatActivity {
    private Banner banner;
    List<String> images=new ArrayList<>();   //定義圖片集合
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        images.add("http://10.38.9.154:8080/atguigu/img/1432113201786.jpg");
        images.add("http://10.38.9.154:8080/atguigu/img/1445568698438.jpg");
        images.add("http://10.38.9.154:8080/atguigu/img/1439367400560.jpg");  //圖片路徑
        banner = findViewById(R.id.banner);
        banner.setImageLoader(new GlideImageLoader());   //設定圖片載入器
        banner.setImages(images);  //設定banner中顯示圖片
        banner.start();  //設定完畢後呼叫
    }