欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android 圖片網(wǎng)格布局控件示例代碼

 更新時(shí)間：2017年06月28日 09:39:26   作者：大飛機(jī)  
本篇文章主要介紹了Android 圖片網(wǎng)格布局控件示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

項(xiàng)目地址:MultiPictureView

MultiPictureView是一個(gè)可以將多張圖片以網(wǎng)格的方式顯示的View，通過(guò)簡(jiǎn)單的接口實(shí)現(xiàn)煩人的布局，從此解放你的小手手

顯示效果

  1. 支持設(shè)置圖片數(shù)量上限
  2. 支持設(shè)置最多顯示列數(shù)
  3. 支持動(dòng)態(tài)布局和靜態(tài)布局兩種模式（見(jiàn)下圖）
  4. 支持編輯模式和展示模式（編輯模式可以增加和刪除圖片）

布局方式

動(dòng)態(tài)布局

靜態(tài)布局

編輯/顯示模式

如何使用

1. 在布局中聲明

<com.goyourfly.multi_picture.MultiPictureView
  android:id="@+id/multi_image_view"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:editable="false"
  app:deleteDrawable="@drawable/..."
  app:addDrawable="@drawable/..."
  app:imageLayoutMode="DYNAMIC"
  app:max="9"
  app:space="6dp"
  app:span="3" />

參數(shù) 類型 說(shuō)明 默認(rèn)值
editable boolean 是否可編輯（添加和刪除） false
span integer 每行最多顯示多少 3
space dimension 圖片間隔大小 8dp
max integer 最多顯示多少?gòu)垐D片 9
imageLayoutMode integer 圖片布局類型：動(dòng)態(tài)(DYNAMIC=1)和靜態(tài)(STATIC=2) STATIC=2
deleteDrawable drawable 刪除圖標(biāo) 紅色刪除Drawable
addDrawable drawable 添加圖片 灰色添加圖片Drawable

2. 在代碼中使用

2.1 初始化ImageLoader

MultiPictureView.setImageLoader(object : ImageLoader {
  override fun loadImage(image: ImageView, uri: Uri) {
    Vincent.with(image.context)
        .load(uri)
        .placeholder(R.drawable.ic_placeholder_loading)
        .error(R.drawable.ic_placeholder_loading)
        .into(image)
  }
})

2.2 綁定圖片資源，設(shè)置事件監(jiān)聽(tīng)

multiPictureView = (MultiPictureView) findViewById(R.id.multi_image_view);
// 設(shè)置圖片資源
multiPictureView.setList(list:List<Uri>)
multiPictureView.setAddClickCallback(new MultiPictureView.AddClickCallback() {
  @Override
  public void onAddClick(View view) {
    // 添加圖片回調(diào)...
  }
});
multiPictureView.setDeleteClickCallback(new MultiPictureView.DeleteClickCallback() {
  @Override
  public void onDeleted(View view,int index) {
    // 刪除圖片回調(diào)，如果不設(shè)置，默認(rèn)刪除圖片...
  }
});
multiPictureView.setItemClickCallback(new MultiPictureView.ItemClickCallback() {
  @Override
  public void onItemClicked(View view,int index,ArrayList<Uri> uris) {
    // 圖片被點(diǎn)擊...
  }
});

依賴

第一步：添加到根build.gradle

allprojects {
  repositories {
    ...
    jcenter()
  }
}

第二步：在模塊的build.gradle添加依賴

dependencies {
  compile 'com.github.goyourfly:multi_picture_view:latestVersion'
}

感謝

在Demo中使用了下面兩個(gè)開(kāi)源項(xiàng)目，感謝一哈，雖然第二個(gè)是我寫的...大家要覺(jué)得好用，記得給我點(diǎn)個(gè)贊

Matisse

Vincent

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論