nine_grid_viewダウンロード - nine_grid_viewソースコードのダウンロード

nine_grid_view

AI ソースコード

1.0.0

ダウンロード

言語: 英語 | 中文简体

ナイングリッドビュー

Weibo ダイナミクス、WeChat 友人サークルと同様、写真を表示するための 9 つのグリッドビューコントロール。単一の大きな画像プレビューをサポートします。
また、WeChat グループ、DingTalk グループ、QQ グループのアバター効果もサポートしています。

ドラッグソートビュー

Weibo/WeChat と同様に、動的画像選択 9 グリッドビューをリリースします。押して効果を拡大したり、ドラッグアンドドロップで並べ替えたり、指定した場所にドラッグアンドドロップして削除したりできます。

パブ

 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;
  },
);