Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android仿微信微博多圖展示效果

Android仿微信微博多圖展示效果

編輯:關於Android編程

1.簡介

這是一個用於實現像微信朋友圈和微博的類似的九宮格圖片展示控件,通過自定義viewgroup實現,使用方便。
多圖根據屏幕適配,單張圖片時需要自己指定圖片的寬高;

2.使用方法

引用:

compile 'com.w4lle.library:NineLayout:1.0.0'

使用:

在項目的layout文件中添加如下xml即可加入到布局文件

<com.w4lle.library.NineGridlayout
 android:layout_marginTop="8dp"
 android:id="@+id/iv_ngrid_layout"
 android:layout_height="wrap_content"
 android:layout_width="match_parent" />

支持 padding 和margin

Java Api :

寫好自己的Adapter繼承自NineGridAdapter:

class Adapter extends NineGridAdapter {

 public Adapter(Context context, List list) {
  super(context, list);
 }

 @Override
 public int getCount() {
  return (list == null) ? 0 : list.size();
 }

 @Override
 public String getUrl(int position) {
  return getItem(position) == null ? null : ((Image)getItem(position)).getUrl();
 }

 @Override
 public Object getItem(int position) {
  return (list == null) ? null : list.get(position);
 }

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

 @Override
 public View getView(int i) {
  ImageView iv = new ImageView(context);
  iv.setScaleType(ImageView.ScaleType.CENTER_CROP);
  iv.setBackgroundColor(Color.parseColor("#f5f5f5"));
  Picasso.with(context).load(getUrl(i)).placeholder(new ColorDrawable(Color.parseColor("#f5f5f5"))).into(iv);
  return iv;
 }
}

代碼中使用 :

adapter = new Adapter(context, image);
viewHolder.ivMore.setAdapter(adapter);
viewHolder.ivMore.setOnItemClickListerner(new NineGridlayout.OnItemClickListerner() {
 @Override
 public void onItemClick(View view, int position) {
  //do some thing
  Log.d("onItemClick : " + position);
 }
});

其余API:

setsetGap //設置圖片間隔
setDefaultWidth //設置單張圖片時的寬度,默認 140 * density
setDefaultHeight //設置單張圖片時的高度,默認 140 * density

3.效果

github地址: https://github.com/w4lle/NineGridView

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持本站。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved