創建新專案

這里我們新建一個EmptyAvtivity專案，命名為Banner；
可以看到Android Studio強制使用了androidx的庫，
點擊Finish完成創建，
在這里插入圖片描述

洗掉并添加新依賴

1.打開箭頭所指檔案，并洗掉框選住的兩行宣告
洗掉前
洗掉后
2.打開箭頭所指檔案，并洗掉框選住的依賴；

3.洗掉之后再添加兩行：

implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:support-v4:28.0.0'

修改后
4.洗掉androidx的“余孽”，在布局檔案中洗掉如下框選
修改前
隨便換成一個線性布局即可
洗掉后

5.最后點擊右上角的Sync now查看是否報錯（不用管剛添加兩行依賴的紅線）
在這里插入圖片描述

利用Banner實作圖片輪播

1.添加依賴，在如圖所示處添加下列兩行依賴；添加完之后點擊右上角“Sync Now”匯入

    //圖片輪播框架
    implementation 'com.youth.banner:banner:1.4.10'
    //glide
    implementation 'com.github.bumptech.glide:glide:3.7.0'

在這里插入圖片描述
2.添加網路權限（因為我們輪播的是網路圖片），在如圖所示處添加下列代碼

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

在這里插入圖片描述
3.在布局中加入Banner

<com.youth.banner.Banner
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

在這里插入圖片描述
4.新建一個Java Class重寫圖片加載器，命名為GlideImageLoader 代碼內容如下：

import android.content.Context;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.youth.banner.loader.ImageLoader;


public class GlideImageLoader extends ImageLoader {
    @Override
    public void displayImage(Context context, Object path, ImageView imageView) {
        //Glide 加載圖片簡單用法
        Glide.with(context).load(path).into(imageView);
    }
}

5.測驗代碼，在MainActivity中直接全部替換即可（注意不要忘記自己的包名）可自行添加圖片路徑

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;

import com.youth.banner.Banner;
import com.youth.banner.listener.OnBannerListener;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        List images = new ArrayList();
        images.add("https://image14.m1905.cn/uploadfile/2018/0907/thumb_1_1380_460_20180907013518839623.jpg");
        images.add("https://image14.m1905.cn/uploadfile/2018/0906/thumb_1_1380_460_20180906040153529630.jpg");
        images.add("https://image13.m1905.cn/uploadfile/2018/0907/thumb_1_1380_460_20180907114844929630.jpg");


        Banner banner = (Banner) findViewById(R.id.banner);
        //設定圖片加載器
        banner.setImageLoader(new GlideImageLoader());
        //設定圖片集合
        banner.setImages(images);
        //banner設定方法全部呼叫完畢時最后呼叫
        banner.start();

		//增加點擊事件
        banner.setOnBannerListener(new OnBannerListener() {
            @Override
            public void OnBannerClick(int position) {
                Toast.makeText(MainActivity.this, "position"+position, Toast.LENGTH_SHORT).show();
            }
        });
    }
}

6.最后在虛擬機或者手機上運行即可啦，點擊圖片會提示懸浮窗資訊
運行結果
PS：輪播本地圖片
1.在res目錄下新建一個檔案夾‘’ （所有以drawable開頭的檔案夾均表示圖片檔案，xxhdpi后綴表示無視解析度）

在這里插入圖片描述

2.將要輪播的圖片放入此檔案夾中（不能用中文或者數字命名）
在這里插入圖片描述

可以看到圖片已經加入到專案中了
在這里插入圖片描述

3.將MainActivity中
images.add（）括號內的改成相應路徑即可：
在這里插入圖片描述
4.運行效果：

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/302818.html

標籤：其他

上一篇：Android 新功能大盤點，你知道嗎？

下一篇：Unity WebView 插件??（十四）特定模塊 Uwp網頁視圖—UwpWebView

Android Studio強制使用androidx的降級（找不到support）/附：用Banner實作圖片輪播

創建新專案

洗掉并添加新依賴

利用Banner實作圖片輪播