nine_grid_view下載 - nine_grid

nine_grid_view

Ai源碼

1.0.0

下載

語言：英語 | 中文簡體

九格視圖

類似微博動態、微信朋友圈，九個網格視圖控制來顯示圖片。支援單張大圖預覽。
也支援微信群、釘釘群、QQ群頭像效果。

拖曳排序視圖

類似微博/微信發布動態圖片選擇九格視圖。支援按鍵放大效果、拖曳排序、拖曳到指定位置刪除。

酒館

 dependencies :
  nine_grid_view : ^2.0.0

例子

 import 'package:nine_grid_view/nine_grid_view.dart';

// bigImage param, It is recommended to use a medium-quality picture, because the original picture is too large and takes time to load.
NineGridView(
  margin : EdgeInsets.all(12),
  padding : EdgeInsets.all(5),
  space : 5,
  type : NineGridType.weChat,//NineGridType.weChat, NineGridType.weiBo
  itemCount : itemCount,
  itemBuilder : (BuildContext context, int index) {},
);

// group avatar.
// need width, height param.
NineGridView(
  width : 120,
  height : 120,
  padding : EdgeInsets.all(5),
  space : 5,
  type : NineGridType.qqGp, //NineGridType.weChatGp, NineGridType.dingTalkGp
  itemCount : itemCount,
  itemBuilder : (BuildContext context, int index) {},
);

// It is recommended to use a thumbnail picture，because the original picture is too large, it may cause repeated loading and cause flashing.
DragSortView(
  imageList,
  space : 5,
  margin : EdgeInsets.all(20),
  padding : EdgeInsets.all(0),
  itemBuilder : (BuildContext context, int index) {},
  initBuilder : (BuildContext context) {},
  onDragListener : (MotionEvent event, double itemWidth) {
    /// Judge to drag to the specified position to delete
    /// return true;
    if (event.globalY > 600) {
      return true;
    }
    return false;
  },
);