iT邦幫忙

2022 iThome 鐵人賽

DAY 25
0
Mobile Development

Android Studio 30天學習系列 第 25

Android Studio 30天學習-DAY25_Glide基礎建立

  • 分享至 

  • xImage
  •  

Glide基礎建立

這是一個第三方套件,可以利用網址來抓取圖片。

dependencies

這個套件在Github上有詳細的版本資訊Github_Glide,需要更早的版本可以到附圖的maven central點擊後跳轉就能夠選擇版本了,我這邊是使用最新版本。

    //Glide dependencies
    implementation 'com.github.bumptech.glide:glide:4.14.1'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.14.1'
  • 建立網路連線
    在AndroidManifest進行建立,因為需要到網路上抓取圖片所以必須建立。
    <!--    宣告連線網路-->
    <uses-permission android:name="android.permission.INTERNET" />

Layout介面

這邊只做最基本的Glide顯示,只需要建立ImageView就好了。

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView222"
        tools:ignore="MissingConstraints" />

Java程式碼

  • 程式碼解讀:
    • 網址的部分我先建立了一個變數來放URL。
    • .with():這邊是要在哪邊顯示。
    • .load():這個是將網址貼上去這個空位即可抓到Image的位置。
    • .error():當抓取不到圖片資料時就會顯示這個圖片
    • .into():要放置的ImageView在哪裡,前面要先初始化並定位ID。
        imageView = findViewById(R.id.imageView222);
        String url="https://fakeimg.pl/300";

        RequestOptions options = new RequestOptions();
        Glide.with(this)
                .load(url)
                .error(android.R.drawable.btn_dialog)
                .apply(options)
                .into(imageView);
  • 這邊假圖片的資料有可能都抓不太到,可以自己在HackMD建立一個圖片把創建的網址貼到上面大多都能順利執行了。
  • 假圖片建立

可以看到假圖片的網址抓不太到,在上一個步驟中還有假圖片,但是現在就抓不到了。
既然抓取失敗了就會執行error的圖片,如圖就是該圖片的drawable。

  • 成功執行的結果圖
    這個執行圖我貼上昨天的執行圖來用,可以看到有順利取得圖片,.error的圖就不會出來。

以上是今天的基礎Glide建立學習。


上一篇
Android Studio 30天學習-DAY24_Rxjava基本建立學習
下一篇
Android Studio 30天學習-DAY26_MVP架構與練習
系列文
Android Studio 30天學習30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言