nine_grid_view

Bahasa: Bahasa Inggris | 中文简体

Tampilan SembilanGrid

Mirip dengan dinamika Weibo, lingkaran pertemanan WeChat, sembilan kontrol tampilan kisi untuk menampilkan gambar. Mendukung pratinjau gambar besar tunggal.
Ini juga mendukung grup WeChat, grup DingTalk, efek avatar grup QQ.

DragSortView

Mirip dengan Weibo/WeChat yang merilis sembilan tampilan grid pemilihan gambar dinamis. Mendukung tekan untuk memperbesar efek, penyortiran seret dan lepas, seret dan lepas ke lokasi tertentu untuk dihapus.

Pub

 dependencies :
  nine_grid_view : ^2.0.0

Contoh

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

Tangkapan layar

log perubahan

Silakan lihat halaman Changelog untuk mengetahui perubahan apa yang baru saja terjadi.

Yang lain

NineGridView lain di Flukit UI Kit, menggunakan implementasi GridView。Tetapi dalam proyek ini menggunakan Stack + Positioned。

Aplikasi

Lumut.
Aplikasi klien GitHub yang dikembangkan dengan Flutter, yang mendukung Web Android iOS.
Web：Web Berkibar.