nine_grid_view ดาวน์โหลด - nine_grid_view ดาวน์โหลดซอร์สโค้ด

nine_grid_view

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

ภาษา: อังกฤษ | 中文简体

NineGridView

คล้ายกับ Weibo Dynamics, วงกลมเพื่อน WeChat, ตัวควบคุมมุมมองตารางเก้ารายการเพื่อแสดงรูปภาพ รองรับการแสดงตัวอย่างภาพใหญ่เดี่ยว
นอกจากนี้ยังรองรับกลุ่ม WeChat, กลุ่ม DingTalk, เอฟเฟกต์อวตารของกลุ่ม QQ

DragSortView

คล้ายกับ Weibo/WeChat ปล่อยการเลือกรูปภาพแบบไดนามิกเก้ามุมมองตาราง รองรับการกดเพื่อขยายเอฟเฟกต์ ลากและวางการเรียงลำดับ ลากและวางไปยังตำแหน่งที่ระบุเพื่อลบ

ผับ

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