Android 之路63---Glide框架

导读

1.Glide基本使用
2.Glide加载缩略图
3.Glide 4.0

Glide基本使用

添加依赖

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.hala.glide">

    <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/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    android:gravity="center"
    tools:context="com.hala.glide.MainActivity">

    <ImageView
        android:id="@+id/iv"
        android:layout_width="300dp"
        android:layout_height="300dp" />

    <Button
        android:id="@+id/btn"
        android:onClick="Load"
        android:text="Load"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />



</LinearLayout>

MainActivity.java

package com.hala.glide;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

import com.bumptech.glide.Glide;


public class MainActivity extends AppCompatActivity {

    private ImageView imageView;

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

        imageView = (ImageView) findViewById(R.id.iv);
    }

    public void Load(View view){
        Glide.with(this)
                //要加载的网络图片（可以为动态，也可以为静态）
                .load("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525775386115&di=c7731a17f0abc72742196db842c5c038&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0135db56e924a46ac7255885abf56f.jpg")
                //默认加载图片,加载过程中
                .placeholder(R.mipmap.ic_launcher)
                //加载失败后显示图片
                .error(R.mipmap.ic_launcher_round)
                //过度效果
                .crossFade()
                .into(imageView);
    }
}

Glide加载缩略图

其他不变

MainActivity.java

package com.hala.glide;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

import com.bumptech.glide.DrawableRequestBuilder;
import com.bumptech.glide.Glide;


public class MainActivity extends AppCompatActivity {

    private ImageView imageView;

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

        imageView = (ImageView) findViewById(R.id.iv);
    }

    public void Load(View view){
        //缩略图，比较小加载快
        DrawableRequestBuilder<String> drawableRequestBuilder=
                Glide.with(this)
                .load("https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=95656398,3511016563&fm=27&gp=0.jpg");
        Glide.with(this)
                //要加载的网络图片（可以为动态，也可以为静态）
                .load("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1525775386115&di=c7731a17f0abc72742196db842c5c038&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F0135db56e924a46ac7255885abf56f.jpg")
                //默认加载缩略图,加载过程中
                .thumbnail(drawableRequestBuilder)
                //加载失败后显示图片
                .error(R.mipmap.ic_launcher_round)
                //过度效果
                .crossFade()
                .into(imageView);
    }
}

Glide 4.0