Download nine_grid_view - download do código-fonte nine_grid

nine_grid_view

Código-Fonte de IA

1.0.0

Baixar

Idioma: Inglês | 中文简体

NoveGridView

Semelhante à dinâmica do Weibo, círculo de amigos do WeChat, nove controles de visualização em grade para exibir imagens. Suporta visualização única de imagem grande.
Ele também suporta efeitos de avatar de grupo WeChat, grupo DingTalk e grupo QQ.

DragSortView

Semelhante ao Weibo/WeChat libera seleção dinâmica de imagens com nove visualizações de grade. Suporte pressione para ampliar o efeito, arraste e solte a classificação, arraste e solte em um local especificado para excluir.

Pub

 dependencies :
  nine_grid_view : ^2.0.0

Exemplo

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