Fresco加载手机图片墙

本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下

//网络权限

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

//添加依赖

compile 'com.android.support:appcompat-v7:26.+'
compile 'com.android.support.constraint:constraint-layout:1.0.2'
compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'
compile 'com.squareup.retrofit2:retrofit:2.0.0-beta4'
compile 'com.facebook.fresco:fresco:0.12.0'
testCompile 'junit:junit:4.12'

布局文件

activity_main

<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:layout_width="match_parent"
  android:layout_height="match_parent" tools:context="com.spl.dell.fresco_photowall.MainActivity">

  <android.support.v7.widget.RecyclerView
    android:id="@+id/main_recycler"
    android:layout_width="match_parent"
    android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>

</RelativeLayout>

activity_zoom_image

<RelativeLayout
  xmlns:fresco="http://schemas.android.com/apk/res-auto"
  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="com.spl.dell.fresco_photowall.ZoomImageActivity">

  <com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/img_sdv"
    android:background="@mipmap/ic_launcher"
    android:layout_centerInParent="true"
    android:layout_width="400dp"
    android:layout_height="400dp" />

</RelativeLayout>

fresco_item

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:fresco="http://schemas.android.com/apk/res-auto"
  android:orientation="vertical" android:layout_width="match_parent"
  android:layout_height="match_parent">

  <com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/sdv"
    android:layout_marginLeft="35dp"
    android:layout_width="100dp"
    android:layout_height="100dp"
    fresco:placeholderImage="@drawable/icon_placeholder"
    fresco:placeholderImageScaleType="fitCenter"

    fresco:progressBarImage="@drawable/icon_progress_bar"
    fresco:progressBarImageScaleType="centerInside"
    fresco:progressBarAutoRotateInterval="5000"

    fresco:failureImage="@drawable/icon_failure"
    fresco:failureImageScaleType="centerInside"

    fresco:retryImage="@drawable/icon_retry"
    fresco:retryImageScaleType="centerCrop"
    />

</LinearLayout>

MyViewHolder

import android.support.v7.widget.RecyclerView;
import android.view.View;

import com.facebook.drawee.view.SimpleDraweeView;
import com.spl.dell.fresco_photowall.R;

/**
 * Created by dell on 2018/3/8.
 */

public class MyViewHolder extends RecyclerView.ViewHolder {

  public SimpleDraweeView simpleDraweeView;

  public MyViewHolder(View itemView) {
    super(itemView);
    simpleDraweeView = itemView.findViewById(R.id.sdv);
  }
}

MyRecyclerViewAdapter

import android.content.Context;
import android.net.Uri;
import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;

import com.spl.dell.fresco_photowall.R;
import com.spl.dell.fresco_photowall.recyclerview_adapter.viewholder.MyViewHolder;

import java.io.File;
import java.util.List;

/**
 * Created by dell on 2018/3/8.
 */

public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyViewHolder> {

  Context context;
  List<String> list;

  public MyRecyclerViewAdapter(Context context, List<String> list) {
    this.context = context;
    this.list = list;
  }

  @Override
  public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = View.inflate(context, R.layout.fresco_item, null);
    MyViewHolder viewHolder = new MyViewHolder(view);
    return viewHolder;
  }

  @Override
  public void onBindViewHolder(MyViewHolder holder, final int position) {
    Uri uri = Uri.fromFile(new File(list.get(position)));
    holder.simpleDraweeView.setImageURI(uri);

    holder.simpleDraweeView.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        onRecyclerItemClick.onItemClicklistener(position);
      }
    });
  }

  public void setOnItemClick(onRecyclerItemClick onRecyclerItemClick){
    this.onRecyclerItemClick = onRecyclerItemClick;
  }

  @Override
  public int getItemCount() {
    return list.size();
  }
  onRecyclerItemClick onRecyclerItemClick;
  public interface onRecyclerItemClick{
    void onItemClicklistener(int position);
  }

}

MyApp

import android.app.Application;

import com.facebook.drawee.backends.pipeline.Fresco;

/**
 * Created by dell on 2018/3/8.
 */

public class MyApp extends Application {
  @Override
  public void onCreate() {
    super.onCreate();
    Fresco.initialize(this);
  }
}

ZoomImageActivity

import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;

import com.facebook.drawee.view.SimpleDraweeView;

import java.io.File;

public class ZoomImageActivity extends AppCompatActivity {

  private SimpleDraweeView sdv;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getSupportActionBar().hide();
    setContentView(R.layout.activity_zoom_image);
    Intent intent = getIntent();
    String imgurl = intent.getStringExtra("imgurl");
    Uri uri = Uri.fromFile(new File(imgurl));
    sdv = (SimpleDraweeView) findViewById(R.id.img_sdv);
    sdv.setImageURI(uri);
  }
}

MainActivity

import android.content.Intent;
import android.database.Cursor;
import android.os.Bundle;
import android.provider.MediaStore;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.OrientationHelper;
import android.support.v7.widget.RecyclerView;

import com.spl.dell.fresco_photowall.recyclerview_adapter.MyRecyclerViewAdapter;

import java.io.File;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

  private RecyclerView recycler;
  private List<String> docs = new ArrayList<>();

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    getSupportActionBar().hide();
    setContentView(R.layout.activity_main);
    initView();
    //recyclerview的数据源需要从手机相册中获取
    initData();
  }

  private void initData() {

    Cursor cursor = getContentResolver().query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, null, null, null, null);
    while(cursor.moveToNext()){
      String paths = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));
      File file = new File(paths);
      String absolutePath = file.getAbsolutePath();
      docs.add(absolutePath);
    }
    cursor.close();

//    for(int i = 0;i<docs.size();i++){
//      Log.d("TAG",docs.get(i).toString());
//    }

    runOnUiThread(new Runnable() {
      @Override
      public void run() {
        MyRecyclerViewAdapter adapter = new MyRecyclerViewAdapter(MainActivity.this,docs);
        recycler.setAdapter(adapter);

        adapter.setOnItemClick(new MyRecyclerViewAdapter.onRecyclerItemClick() {
          @Override
          public void onItemClicklistener(int position) {
            Intent intent = new Intent(MainActivity.this,ZoomImageActivity.class);
            intent.putExtra("imgurl",docs.get(position));
            startActivity(intent);
          }
        });
      }
    });
  }

  private void initView() {
    recycler = (RecyclerView) findViewById(R.id.main_recycler);
    RecyclerView.LayoutManager manager = new GridLayoutManager(MainActivity.this,3 ,OrientationHelper.VERTICAL,false);
    recycler.setLayoutManager(manager);
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • 详解Android之图片加载框架Fresco基本使用(一)

    PS:Fresco这个框架出的有一阵子了,也是现在非常火的一款图片加载框架.听说内部实现的挺牛逼的,虽然自己还没研究原理.不过先学了一下基本的功能,感受了一下这个框架的强大之处.本篇只说一下在xml中设置属性的相关用法. 0.引入Fresco以及相关注意事项. 1.PlaceHolderImage占位图 2.FailureImage加载失败时显示的图片 3.RetryImage重新加载的图片 4.ProgressBarImage加载时显示的进度图片 5.BackgroundImage背景图 6.

  • 详解Android之图片加载框架Fresco基本使用(二)

    PS:最近看到很多人都开始写年终总结了,时间过得飞快,又到年底了,又老了一岁. 学习内容: 1.进度条 2.缩放 3.ControllerBuilder,ControllerListener,PostProcesser,Image Request 4.渐进式JPEG与动图的显示 最近这两天把Fresco的官方文档算是看了个差不多,就剩下Fresco的基本原理还有结合okHttp等类库如何使用的问题,虽然官方文档给出的功能比较的多,比如说自定义View,缩略图显示等等,这些我也基本就看了个大概,觉

  • Fresco加载手机图片墙

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 //网络权限 <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.INTERNET" /> //添加依赖 compile 'com.android.suppor

  • Android实现加载广告图片和倒计时的开屏布局

    这是一个android开屏布局的实例,可以用于加载广告图片和倒计时的布局.程序中设置的LayoutParams,划分额外空间比例为6分之5,具体权重比例可根据用户自己需求来自定义,异步加载广告图片,相关的Android代码. 具体实现代码如下: package cn.waps.extend; import android.app.Activity; import android.content.Context; import android.content.res.Configuration;

  • Android 实现加载大图片的方法

    项目简介: 该项目为加载大图片 详细介绍: 对于超大的图片,如果不缩放的话,容易导致内存溢出.而经过处理后,无论多大的图片,都能够在手机屏幕上加载出来,不会导致内存溢出.当然,脸黑的除外 该应用涉及到的知识有: - 1.Bitmap的使用 - 2.Android手机中加载图片的原理 有的时候,我们加载一张不足1M的图片,尽管手机的堆内存有16M,仍然会导致内存溢出,why? 这就更计算机加载图片的原理有关了: 1).手机会解析图片的所有像素信息,把每个像素信息都存入到内存中 2).Android

  • php绘图之加载外部图片的方法

    本文实例讲述了php绘图之加载外部图片的方法.分享给大家供大家参考.具体实现方法如下: 在实际应用中,就是常见的水印功能. 复制代码 代码如下: <?php //1.创建画布 $im = imagecreatetruecolor(300,200);//新建一个真彩色图像,默认背景是黑色,返回图像标识符.另外还有一个函数 imagecreate 已经不推荐使用. //2.加载外部图片 $im_new = imagecreatefromjpeg("baidu.jpg");//返回图像

  • JQ获取动态加载的图片大小的正确方法分享

    有一些很容易出错的获取动态加载的图片的尺寸的方法, 之所以出错, 主要原因是:你在代码在图片从网页上下载完毕之前就调用了, 这种情况在本机开发时不太容易发现.jQuery load()事件处理的BUG, 当图片是从浏览器缓存取得时, 获取的是错误的尺寸.错误的代码是:(错误)在添加了HTML之后立即调用代码获取尺寸 复制代码 代码如下: var html = ''; $('#my_div').html(html); var width = $('#my_div img').width(); //

  • JS实现的自定义显示加载等待图片插件(loading.gif)

    本文实例讲述了JS实现的自定义显示加载等待图片插件.分享给大家供大家参考,具体如下: 在工作中遇到了一个问题 -- 某个业务流程分为几个阶段,每个阶段如果在数据没有显示出来之前就要显示加载图片loading.gif文件,如果有数据了就消失.为此,自己写了一个方法,方便整个工程使用. <button onclick="show()">show</button> <button onclick="hide()">hide</bu

  • Android中Glide加载圆形图片和圆角图片实例代码

    一.简介: 介绍两种使用 BitmapTransformation 来实现 Glide 加载圆形图片和圆角图片的方法.Glide 并不能直接支持 Round Pictures ,需要使用 BitmapTransformation 来进行处理. 二.网上的实现方式 这里介绍下网上常见的方式和使用 RoundedBitmapDrawable 两种方法,本质上是差不多的: 使用 Canvas 和 Paint 来绘制 使用 Android.support.v4.graphics.drawable.Rou

  • Android圆形头像拍照后“无法加载此图片”的问题解决方法(适配Android7.0)

    Feature: 点击选择拍照或者打开相册,选取图片进行裁剪最后设置为圆形头像. Problem: 拍好照片,点击裁剪,弹Toast"无法加载此图片". Solution: 在裁剪的class里加两行代码 intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION); intent.addFlags(Intent.FLAG_GRANT_WRITE_URI_PERMISSION); 主要代码如下: public static final S

  • Android开发实现webview中img标签加载本地图片的方法

    本文实例讲述了Android开发实现webview中img标签加载本地图片的方法.分享给大家供大家参考,具体如下: 在网上查了很多教程,感觉很麻烦,各种方法,最后实践很简单,主要是两步: WebSettings webSettings=webView.getSettings(); //允许webview对文件的操作 webSettings.setAllowUniversalAccessFromFileURLs(true); webSettings.setAllowFileAccess(true)

  • vue2.0 循环遍历加载不同图片的方法

    demo: <div v-for="item in temps" :key="item.id"> <div class="contract-item"> <img :src="item.imgUrl"> </div> </div> 引入图片,注意路径: import con1 from "@/assets/img/con01.png"; impor

随机推荐