转载请注明出处:明桑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",水平间隔
andro