Android 获取并显示远程图片 Picasso框架的使用(二)

最新推荐文章于 2021-05-27 08:58:45 发布

原创

最新推荐文章于 2021-05-27 08:58:45 发布 · 7.9k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#下载图片 #网络框架 #Picasso #异步请求 #android

本文详细介绍了如何在Android应用中使用Picasso框架加载和显示远程图片，包括创建GridView布局、自定义Adapter、设置图片资源以及从网络获取图片URL。虽然未涉及图片缓存机制，但为理解Picasso的使用提供了实践基础。

转载请注明出处：明桑Android

在上篇文章中介绍了Picasso的基本用法，这篇文章作为以上的练习；

本文代码github地址：UsePicasso

实现效果：（动图请耐心加载）

这里写图片描述

需要的知识点

了解Picasso框架的使用：Android 获取并显示远程图片 Picasso框架的使用(一)
知道如何自定义GridView

我们需要编写两个布局文件:activity_gridview.xml activity_main.xml 以及ImageAdapter类、GridImageActivity和MainActivity；

如果你已经掌握了以上知识点，那接下来的代码部分会很轻松：

1.创建项目：UsePicasso ：将Picasso添加进我们的项目，如何添加我就不用多赘述了吧（不知道的可以去看上一篇文章）~~ picasso-2.5.2.jar

2. 创建布局文件我们需要创建一个网格布局用来显示图片：res/layout/activity_gridview.xml

<GridView xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/grid_view"
            android:numColumns="auto_fit"
            android:gravity="center"
            android:stretchMode="columnWidth"
            android:columnWidth="90dp"
            android:horizontalSpacing="10dp"
            android:verticalSpacing="5dp"
            android:background="#ffffff"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

 </GridView>

GridView中有几个属性需要我们注意一下：

numColumns="auto_fit"，这里我们使用"auto_fit"，当然你也可以指定固定值
stretchMode="columWidth",单元格拉伸类型，这里仅拉伸表格元素本身
android:columnWidth="90dp",指定列宽
android:horizontalSpacing="10dp"，水平间隔
android:verticalSpacing="5dp"，竖直间隔

另一个布局文件:res/layout/activity_main.xml 用来显示具体的某一张图片：