You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
aku_new_community/lib/widget/picker/grid_image_picker.dart

131 lines
3.5 KiB

import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:velocity_x/velocity_x.dart';
import 'package:aku_community/painters/plus_painter.dart';
import 'package:aku_community/widget/picker/bee_image_picker.dart';
import 'package:aku_community/widget/picker/bee_image_preview.dart';
///网格图片选择
///
///返回`File`数组
///
///```dart
///GridImagePicker(
/// onChange:(files){
/// //YOUR CODE HERE.
/// },
/// padding:EdgeInsets.zero,
///),
///```
class GridImagePicker extends StatefulWidget {
///文件选择回调
final Function(List<File> files) onChange;
///Padding
final EdgeInsetsGeometry padding;
GridImagePicker({
Key? key,
required this.onChange,
this.padding = EdgeInsets.zero,
}) : super(key: key);
@override
_GridImagePickerState createState() => _GridImagePickerState();
}
class _GridImagePickerState extends State<GridImagePicker> {
List<File> _files = [];
int get displayLength => _files.length < 9 ? (_files.length + 1) : 9;
Widget _buildSelect() {
return MaterialButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
elevation: 0,
color: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.w),
side: BorderSide(
color: Color(0xFF979797),
width: 1.w,
),
),
child: CustomPaint(
painter: PlusPainter(),
size: Size(80.w, 80.w),
),
onPressed: () async {
File? file = await BeeImagePicker.pick(title: '选择图片');
if (file != null) _files.insert(0, file);
setState(() {});
widget.onChange(_files);
},
);
}
Widget _buildItem(File file) {
return Hero(
tag: file.hashCode,
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8.w),
image: DecorationImage(
image: FileImage(file),
fit: BoxFit.cover,
),
),
child: MaterialButton(
onPressed: () {
Get.to(() => BeeImagePreview.file(file: file), opaque: false);
},
onLongPress: () async {
bool? result = await Get.dialog(CupertinoAlertDialog(
title: '删除该图片?'.text.isIntrinsic.make(),
actions: [
CupertinoDialogAction(
child: '取消'.text.isIntrinsic.make(),
onPressed: Get.back,
),
CupertinoDialogAction(
child: '确定'.text.red600.isIntrinsic.make(),
onPressed: () => Get.back(result: true),
),
],
));
if (result == true) _files.remove(file);
setState(() {});
},
),
),
);
}
@override
Widget build(BuildContext context) {
return GridView.builder(
shrinkWrap: true,
padding: widget.padding,
physics: NeverScrollableScrollPhysics(),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
crossAxisSpacing: 16.w,
mainAxisSpacing: 16.w,
),
itemBuilder: (context, index) {
if (index == 0) {
if (_files.length >= 9) {
return _buildItem(_files[8]);
} else
return _buildSelect();
}
return _buildItem(_files[index - 1]);
},
itemCount: displayLength,
);
}
}