快捷導(dǎo)航

Android中如何使用Glide加載圖像

更新時(shí)間：2022年01月23日 16:22:26 作者：allway2

大家好，本篇文章主要講的是Android中如何使用Glide加載圖像，感興趣的同學(xué)趕快來(lái)看一看吧，對(duì)你有幫助的話記得收藏一下

在進(jìn)入 Glide 示例之前，我們應(yīng)該知道什么是 glide，Glide 是 muyangmin 開(kāi)發(fā)的一個(gè)圖像處理庫(kù)。使用 glide 庫(kù)，我們可以顯示圖像、解碼圖像、緩存圖像、動(dòng)畫(huà) gif 等等。

這個(gè)例子演示了如何在 android 中集成 glide。

第 1 步- 在 Android Studio 中創(chuàng)建一個(gè)新項(xiàng)目，轉(zhuǎn)到 File ⇒ New Project 并填寫(xiě)所有必需的詳細(xì)信息以創(chuàng)建一個(gè)新項(xiàng)目。

第 2 步- 在 build.gradle(Module:app)中添加以下代碼。

plugins {
    id 'com.android.application'
}
 
android {
    compileSdk 32
 
    defaultConfig {
        applicationId "com.example.myapplication"
        minSdk 21
        targetSdk 32
        versionCode 1
        versionName "1.0"
 
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
 
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
}
 
dependencies {
 
    implementation 'androidx.appcompat:appcompat:1.2.0'
    implementation 'com.google.android.material:material:1.3.0'
    implementation 'androidx.constraintlayout:constraintlayout:2.0.4'
    implementation 'com.github.bumptech.glide:glide:4.8.0'
    annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'
 
    testImplementation 'junit:junit:4.+'
    androidTestImplementation 'androidx.test.ext:junit:1.1.2'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.3.0'
}

第 3 步- 在 AndroidManifest.xml 中添加以下代碼。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.myapplication">
 
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.MyApplication">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
 
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
 
</manifest>

第 4 步- 將以下代碼添加到 res/layout/activity_main.xml。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_height="match_parent"
    tools:context=".MainActivity">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#797979"
        android:gravity="center"
        android:orientation="vertical">
 
        <ImageView
            android:id="@+id/imageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
 
 
</androidx.constraintlayout.widget.ConstraintLayout>

第 5 步- 將以下代碼添加到 src/MainActivity.java

package com.example.myapplication;
 
import android.os.Bundle;
import android.widget.ImageView;
 
import androidx.appcompat.app.AppCompatActivity;
 
import com.bumptech.glide.Glide;
import com.example.myapplication.R;
 
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView imageView = findViewById(R.id.imageView);
        Glide.with(this)
                .load("https://pixy.org/src/125/thumbs350/1251267.jpg")
                .into(imageView);
    }
}

讓我們嘗試運(yùn)行您的應(yīng)用程序。我假設(shè)您已將實(shí)際的 Android 移動(dòng)設(shè)備與您的計(jì)算機(jī)連接起來(lái)。要從 android studio 運(yùn)行應(yīng)用程序，請(qǐng)打開(kāi)項(xiàng)目的活動(dòng)文件之一，然后單擊工具欄中的運(yùn)行圖標(biāo)。選擇您的移動(dòng)設(shè)備作為選項(xiàng)，然后檢查您的移動(dòng)設(shè)備，它將顯示您的默認(rèn)屏幕