使用Glide入门示例,ListView图片浏览器的实现

使用Glide加载ListView示例

图片加载开源库中,看了很多资料对比,结论是在Universal-Image-Loader、Fresco、Picasso和Glide里,Glide表现最优秀:支持动画gif、缓存策略、流畅。
以此记录下入门练习:

先上效果图:

这里写图片描述
1. 添加依赖:

compile 'com.github.bumptech.glide:glide:3.7.0'
  1. 布局
    content_glide.xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:id="@+id/content_glide"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.ming.mydrawtest.GlideActivity"
    tools:showIn="@layout/activity_glide">

    <ImageView
        android:id="@+id/iv_glide"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone" />

    <ListView
        android:id="@+id/lv_glide"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:numColumns="2"></ListView>
</RelativeLayout>

item_list.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView
    android:id="@+id/iv_item"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />
</LinearLayout>
  1. 适配器
package com.ming.mydrawtest.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;

import com.bumptech.glide.Glide;
import com.ming.mydrawtest.R;

import java.util.List;

/**
 * Created by temp on 2016/10/27.
 */

public class MyGlideAdapter extends BaseAdapter {
    private Context mContext;
    private List<String> mUrls;
    private LayoutInflater layoutInflater;
    public MyGlideAdapter(Context context, List<String> urls) {
        this.mContext = context;
        this.mUrls = urls;
        layoutInflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        return mUrls.size();
    }

    @Override
    public Object getItem(int position) {
        return mUrls.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        MyViewHold myViewHold=null;
        if(convertView==null){
            convertView = layoutInflater.inflate(R.layout.item_list,null);
            myViewHold = new MyViewHold();
            myViewHold.imageView = (ImageView) convertView.findViewById(R.id.iv_item);
            convertView.setTag(myViewHold);
        }else{
            myViewHold = (MyViewHold) convertView.getTag();
        }
        Glide.with(mContext).load(mUrls.get(position)).into(myViewHold.imageView);
        return convertView;
    }
}
class MyViewHold {
    public ImageView imageView;
}
  1. Activity
package com.ming.mydrawtest;

import android.content.Context;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.ListView;

import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.bitmap_recycle.BitmapPool;
import com.bumptech.glide.load.resource.bitmap.BitmapTransformation;
import com.ming.mydrawtest.adapter.MyGlideAdapter;

import java.util.Arrays;
import java.util.List;

public class GlideActivity extends AppCompatActivity {
    private Context mContext;
    private ImageView ivGlide;
    private MyGlideAdapter adapter;
    private List<String> mUrls;
    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 ListView lvGlide;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_glide);
        mContext = this;
        Glide.with(this);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
        initView();
        initData();
    }

    private void initView() {
        mUrls = Arrays.asList(eatFoodyImages);
        ivGlide = (ImageView) findViewById(R.id.iv_glide);
        lvGlide = (ListView) findViewById(R.id.lv_glide);
        adapter = new MyGlideAdapter(mContext, mUrls);
        lvGlide.setAdapter(adapter);
    }

    private void initData() {
        String imageUrl = "http://photocdn.sohu.com/20161025/Img471273295.jpg";
//        Glide.with(mContext).load("http://photocdn.sohu.com/20161025/Img471273295.jpg").into(ivGlide);
//        Glide.with(mContext).load("http://photocdn.sohu.com/20161025/Img471273295.jpg").override(300,300).into(ivGlide);
        Glide.with(this).load(imageUrl).transform(new GlideRoundTransform(mContext)).into(ivGlide);
    }

    class GlideRoundTransform extends BitmapTransformation {
        private float radius = 0f;

        public GlideRoundTransform(Context context) {
            this(context, 4);
        }

        public GlideRoundTransform(Context context, int dp) {
            super(context);
            this.radius = Resources.getSystem().getDisplayMetrics().density * dp;
        }

        @Override
        protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
            return roundCrop(pool, toTransform);
        }

        private Bitmap roundCrop(BitmapPool pool, Bitmap source) {
            if (source == null) return null;

            Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
            if (result == null) {
                result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
            }
            Canvas canvas = new Canvas(result);
            Paint paint = new Paint();
            paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
            paint.setAntiAlias(true);
            RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
            canvas.drawRoundRect(rectF, radius, radius, paint);
            return result;
        }

        @Override
        public String getId() {
            return getClass().getName() + Math.round(radius);
        }
    }
}
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yongheng289

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值