RecyclerView和Glide的結(jié)合實現(xiàn)加載圖片

前言

這篇文章的程序已經(jīng)測試能運行

首先這一篇文章的存在是因為在第一次學(xué)習(xí)Android的時候出現(xiàn)了許多的坑,這些小問題導(dǎo)致我的學(xué)習(xí)進(jìn)度變得緩慢
這些或許對于很多人來說都基本不是問題,可是我卻出現(xiàn)了,這可以給大家一些出現(xiàn)問題解決的辦法。第一次寫文章,如果出現(xiàn)內(nèi)容錯誤請諒解,并提醒下我,Thanks?(?ω?)?

參考文章(學(xué)習(xí))

http://www.itdecent.cn/p/be7c12936149
http://www.itdecent.cn/p/4fc6164e4709

環(huán)境

因為網(wǎng)上許多資料都有些差異而導(dǎo)致一些代碼不能實現(xiàn),本文章使用的版本

Android studio 3.2
jre1.8
SdkVersion 27

引用

(一)導(dǎo)入

我們首先添加權(quán)限AndroidManifest.xml

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

在build.gradle文件的dependencies中引入該類

compile 'com.github.bumptech.glide:glide:4.6.1'
compile 'com.android.support:recyclerview-v7:27.1.1'

代碼

Activity布局文件activity_main.xml代碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<android.support.v7.widget.RecyclerView
    android:id="@+id/my_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="vertical" />
</LinearLayout>

Item的布局文件view_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/item_iv"
        android:layout_width="match_parent"
        android:layout_height="200dp" />
</LinearLayout>

MainActivity代碼

package com.example.a85387.glidetoadapter;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private MyAdapter mAdapter;
    private RecyclerView.LayoutManager mLayoutManager;

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

    public static String[] eatFoodyImages = {
            "http://i.imgur.com/rFLNqWI.jpg",
            "http://i.imgur.com/C9pBVt7.jpg",
            "http://i.imgur.com/rT5vXE1.jpg",
            "http://i.imgur.com/aIy5R2k.jpg",
            "http://i.imgur.com/MoJs9pT.jpg",
            "http://i.imgur.com/S963yEM.jpg",
            "http://i.imgur.com/rLR2cyc.jpg",
            "http://i.imgur.com/SEPdUIx.jpg",
            "http://i.imgur.com/aC9OjaM.jpg",
            "http://i.imgur.com/76Jfv9b.jpg",
            "http://i.imgur.com/fUX7EIB.jpg",
            "http://i.imgur.com/syELajx.jpg",
            "http://i.imgur.com/COzBnru.jpg",
            "http://i.imgur.com/Z3QjilA.jpg",
    };

    private void initData() {
        mLayoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        mAdapter = new MyAdapter(MainActivity.this, getData());
    }

    private void initView() {
        mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view);
        // 設(shè)置布局管理器
        mRecyclerView.setLayoutManager(mLayoutManager);
        // 設(shè)置adapter
        mRecyclerView.setAdapter(mAdapter);
    }

    private ArrayList<String> getData() {
        ArrayList<String> data = new ArrayList<>();
        for (String next : eatFoodyImages) {
//            Log.i("RetrofitLog", "message = " + next);
            data.add(next);
        }
        return data;
    }
}

MyAdapter代碼

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import com.bumptech.glide.Glide;

import java.util.ArrayList;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private ArrayList<String> mData;
    private LayoutInflater mLayoutInflater;
    private Context mContext;
    public MyAdapter(Context context,ArrayList<String> data) {
        this.mData = data;
        this.mContext = context;
        mLayoutInflater = LayoutInflater.from(context);
    }

    public void updateData(ArrayList<String> data) {
        this.mData = data;
        notifyDataSetChanged();
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        // 實例化展示的view
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.view_item, parent, false);
        // 實例化viewholder
        ViewHolder viewHolder = new ViewHolder(v);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        // 綁定數(shù)據(jù)
        Log.i("RetrofitLog", "message = " + mData.get(position));
        Glide.with(mContext)
                .load(mData.get(position))
                .into(holder.mImageView);
    }

    @Override
    public int getItemCount() {
        return mData.size();
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView mImageView;
        public ViewHolder(View itemView) {
            super(itemView);
            mImageView = (ImageView) itemView.findViewById(R.id.item_iv);
        }
    }
}
Deam
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,720評論 25 709
  • ¥開啟¥ 【iAPP實現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,294評論 0 17
  • 一 母親和我通電話除了催我找對象,最愛念叨的就是“怎么到了二十九,還過...
    岑飛君閱讀 50,921評論 138 114
  • 閑來無事,打開朋友推薦的一部電影《誰的青春不迷?!?,這是一部青春校園影片,當(dāng)看到這影片名字時,便感慨,有關(guān)校園的青...
    憶灰泠閱讀 515評論 0 2
  • 涼風(fēng)驚蝶夢 慵起懶閤窗 孤月隱遠(yuǎn)際 歸旅可添衫
    和光匿塵閱讀 117評論 0 0

友情鏈接更多精彩內(nèi)容