【转】android中最好的瀑布流控件PinterestLikeAdapterView
[源地址]http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0919/1696.html
之前我们介绍过一个开源的瀑布流控件StaggeredGridView ,但是真正使用过后才发现有一个致命的缺陷,那就是在显示数目较多的图片时,上滑有时会很困难。但是今天介绍的瀑布流控件PinterestLikeAdapterView则没有这样的问题。
项目地址:https://github.com/GDG-Korea/PinterestLikeAdapterView
使用方法类似于ListView下面是我使用该控件实现一个显示系统图片的简单应用:
xml中:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<?xml version= "1.0" encoding= "utf-8" ?> <merge xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width= "match_parent" android:layout_height= "match_parent" android:background= "#000000" > <com.huewu.pla.lib.MultiColumnListView android:background= "#000000" android:id= "@+id/list" android:layout_width= "match_parent" android:layout_height= "match_parent" pla:plaColumnNumber= "3" pla:plaLandscapeColumnNumber= "3" > </com.huewu.pla.lib.MultiColumnListView> </merge> |
plaColumnNumber
表示显示多少列,plaLandscapeColumnNumber
表示横屏下显示多少列。
但与StaggeredGridView 不同的是他没有提供设置item之间间隙大小的属性,这个可以通过在item的xml中设置一个padding来解决。
主界面代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
package com.huewu.pla.sample; import android.annotation.SuppressLint; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.database.Cursor; import android.net.Uri; import android.os.Bundle; import android.provider.MediaStore.Images; import android.view.Menu; import com.huewu.pla.R; import com.huewu.pla.lib.MultiColumnListView; import java.util.ArrayList; public class SampleActivity extends Activity { private MultiColumnListView mAdapterView = null ; private ArrayList<String> imageUrls; private ImageGridAdapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.sample_act); //mAdapterView = (PLA_AdapterView<Adapter>) findViewById(R.id.list); mAdapterView = (MultiColumnListView) findViewById(R.id.list); imageUrls = new ArrayList<String>(); adapter = new ImageGridAdapter( this , imageUrls); mAdapterView.setAdapter(adapter); queryMediaImages(); } public void queryMediaImages() { Cursor c = getContentResolver().query( Images.Media.EXTERNAL_CONTENT_URI, null , null , null , null ); if ( c != null ) { if (c.moveToFirst()) { do { long id = c.getLong( c.getColumnIndex( Images.Media._ID ) ); Uri imageUri = Uri.parse( Images.Media.EXTERNAL_CONTENT_URI + "/" + id ); imageUrls.add(imageUri.toString()); //imageUrls.add(getRealFilePath(MainActivity.this, imageUri)); } while (c.moveToNext()); } } c.close(); c = null ; adapter.notifyDataSetChanged(); } } //end of class |
其中queryMediaImages
为查找系统中图片的方法。ImageGridAdapter
代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
package com.huewu.pla.sample; import java.util.ArrayList; import com.example.staggeredgridviewdemo.views.ScaleImageView; import com.huewu.pla.R; import com.jcodecraeer.imageloader.ImageLoader; import android.content.Context; import android.util.DisplayMetrics; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.ViewGroup.LayoutParams; import android.view.WindowManager; import android.widget.AbsListView; import android.widget.AbsListView.OnScrollListener; import android.widget.BaseAdapter; import android.widget.GridView; import android.widget.ImageView; public class ImageGridAdapter extends BaseAdapter{ private static final String TAG = "ImageGridAdapter" ; private static final boolean DEBUG = true ; private ImageLoader mLoader; private ArrayList<String> mImageList; private LayoutInflater mLayoutInflater; public ImageGridAdapter(Context context, ArrayList<String> list) { mLoader = new ImageLoader(context); mLoader.setIsUseMediaStoreThumbnails( false ); mImageList = list; WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); //屏幕宽度 mLoader.setRequiredSize(width / 3); //3表示列数 mLayoutInflater = LayoutInflater.from(context); } public int getCount() { return mImageList.size(); } public Object getItem(int arg0) { return null ; } public long getItemId(int arg0) { return 0; } @Override public View getView(final int position, View convertView, ViewGroup parent) { if (DEBUG) Log.i(TAG, "position = " + position); ViewHolder holder = null ; if (convertView == null ) { convertView = mLayoutInflater.inflate(R.layout.item_image, null ); holder = new ViewHolder(); holder.imageView = (ScaleImageView) convertView .findViewById(R.id.imageView); convertView.setTag(holder); } holder = (ViewHolder) convertView.getTag(); mLoader.DisplayImage(mImageList.get(position), holder.imageView); return convertView; } static class ViewHolder { ScaleImageView imageView; } } |
其中ImageLoader为我自己写的一个异步加载图片的库,而ViewHolder里面ScaleImageView
是StaggeredGridView项目的例子程序中找到的一个ImageView 子类,一般要实现图片的交错效果需要这个控件来显示图片才行。
item_image
的xml代码如下
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<?xml version= "1.0" encoding= "utf-8" ?> <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width= "fill_parent" android:layout_height= "wrap_content" android:padding= "1dip" > <com.example.staggeredgridviewdemo.views.ScaleImageView android:id= "@+id/imageView" android:layout_width= "wrap_content" android:layout_height= "wrap_content" android:scaleType= "fitXY" android:src= "@null" /> </LinearLayout> |
效果图:
源码下载:http://download.csdn.net/detail/jianghejie123/7945613
另外官方也有demo演示,不过他只是用TextView来实现了Pinterest的交错效果,这相比图片来说要简单的多,因为TextView只需设置不同长度的字符串就能得到不同高度的Item了。
我给的例子只是实现了Pinterest的交错效果,其实瀑布流往往是有上拉加载更多的功能的,这里有一个带有次功能的源码:http://download.csdn.net/detail/xiangxue336/7059861
【转】android中最好的瀑布流控件PinterestLikeAdapterView的更多相关文章
- [转]android中最好的瀑布流控件PinterestLikeAdapterView
PinterestLikeAdapterView 项目地址:https://github.com/GDG-Korea/PinterestLikeAdapterView 使用方法类似于ListView下 ...
- Android 高级UI设计笔记10:瀑布流控件PinterestLikeAdapterView的使用
1. 首先我们看看瀑布流的效果,如下: 2. 今天要介绍的瀑布流控件是:PinterestLikeAdapterView 项目地址:https://github.com/GDG-Korea/Pinte ...
- Android中EditText,Button等控件的设置
EditText可以使用:TextView.setEnabled(true)来设置为可编辑,其实很简单,写在这里以便以后自己查看. Button设置可用性:setVisibility(View.VIS ...
- android中与Adapter相关的控件----ListView
ListView讲解: 一.ListView这个控件是一个使用非常广泛的控件,值得深入的学习和研究.基本使用已经在Adapter中使用过了 二.常用的属性和方法 footerDividersEnabl ...
- android中与Adapter相关的控件----GridView
GridView(网格视图)讲解 一.GridView(网格视图)这个是控件也是比较多,和listView的很多地方都是一样的,但是GridView可以显示多列,而listView只能显示一列,个人觉 ...
- android中与Adapter相关的控件----ViewFlipper
ViewFlipper(翻转视图) 一.ViewFlipper是一个多页面管理的控件,与ViewPager不同,ViewPager的是一页一页的的,而ViewFlipper则是一层一层的.图片轮播或者 ...
- 解决Android中,禁止ScrollView内的控件改变之后自动滚动 - 转
问题: 最近在写一个程序界面,有一个scrollVIew,其中有一段内容是需要在线加载的. 当内容加载完成后,ScrollView中内容的长度会发生改变,这时ScrollView会自动下滚,如下图所示 ...
- android中与Adapter相关的控件----Spinner&AutoCompleteTextView
Spinner(列表选项框) & AutoCompleteTextView(自动完成文本框) 一.列表选项框核心属性 android:dropDownHorizontalOffset设置列表框 ...
- 解决Android中,禁止ScrollView内的控件改变之后自动滚动
<ScrollView android:id="@+id/scrollView1" android:layout_width="fill_parent" ...
随机推荐
- Android 利用Gson生成或解析json
目前手机端和服务端数据交流格式一般是json,而谷歌提供了Gson来解析json.下载Gson:https://code.google.com/p/google-gson/ 下载的放在lib并导入,若 ...
- WebScarab使用说明
安装说明:软件是基于java开发的,所以安装前,要求你的机器已经安装了Java运行环境 软件说明:一个用来分析使用HTTP和HTTPS协议的应用程序框架,可以用来学习HTTP协议我更多的是用来 ...
- 概率 Gym 100502D Dice Game
题目传送门 /* 题意:两个人各掷两个骰子,给出每个骰子的最小值和最大值,其余值连续分布 问两人投掷,胜利的概率谁大 数据小,用4个for 把所有的可能性都枚举一遍,统计每一次是谁胜利 还有更简单的做 ...
- POJ1850 Code(组合+康托展开)
题目问一个合法字符串的字典序是第几个,合法的字符串是指里面的字符严格递增. 先判断合不合法,然后用类似康托展开的过程去求.大概过程就是用组合数算出某长度某前缀有几个,累加起来. 真难一遍写对.. #i ...
- 【转载自W3CPLUS】如何将页脚固定在页面底部
该文章转载自:W3CPLUS 大漠的文章 http://www.w3cplus.com/css/css-sticky-foot-at-bottom-of-the-page 以下为全文 作为一个Web的 ...
- SplendidCRM 如何添加及使用中文语言包
SplendidCRM 功能很强大,也支持多国语言,但关于中文语言安装的介绍在网上一直都找到,自已摸索了一下,成功使SplendidCRM应用中文,以下是安装方法. 版本号:SplendidCRM 7 ...
- BZOJ3463 : [COCI2012] Inspector
考虑将序列分成$\sqrt{n\log n}$块,每块维护下凸壳,修改时在相应块打上需要修改的标记. 查询时,对于两端零散部分暴力查询. 对于中间的块,如果有修改标记,则暴力重构. 然后在凸壳上查询时 ...
- BZOJ2610 : [Poi2003]Monkeys
考虑离线,将删边操作倒过来变成加边,等价于询问每个点什么时候与1连通 使用并查集维护,每次合并时如果有一边是1所在连通块,就把另一边的所有点的答案更新 #include<cstdio> # ...
- Java中实现文件上传下载的三种解决方案
第一点:Java代码实现文件上传 FormFile file=manform.getFile(); String newfileName = null; String newpathname=null ...
- 怎样使用Photoshop CS5的操控变形功能
| 浏览:23114 | 更新:2011-08-08 10:10 | 标签: photoshop 1 2 3 4 5 6 7 分步阅读 Photoshop CS5已经发布很长时间了,和以前的版本相比, ...