nine_grid_view

Idioma: Inglés | 中文简体

NueveGridView

Similar a la dinámica de Weibo, el círculo de amigos de WeChat, nueve controles de vista de cuadrícula para mostrar imágenes. Admite vista previa de una sola imagen grande.
También admite efectos de avatar de grupo WeChat, grupo DingTalk y grupo QQ.

ArrastrarOrdenarVer

Similar a Weibo/WeChat, lanza una selección dinámica de imágenes con nueve vistas de cuadrícula. Admite presionar para ampliar el efecto, arrastrar y soltar para ordenar, arrastrar y soltar en una ubicación específica para eliminar.

Pub

 dependencies :
  nine_grid_view : ^2.0.0

Ejemplo

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

Capturas de pantalla

Registro de cambios

Consulte la página Registro de cambios para saber qué ha cambiado recientemente.

Otros

Otro NineGridView en el kit de interfaz de usuario de flukit, que utiliza la implementación de GridView. Pero en este proyecto se utilizó Stack + Positioned.

Aplicación

Musgo.
Una aplicación cliente de GitHub desarrollada con Flutter, que es compatible con Android iOS Web.
Web: Web agitada.