Flutter 使用图像包将图像分割成6块
我正在尝试一个名为Flutter 使用图像包将图像分割成6块,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,我正在尝试一个名为Image[https://pub.dev/packages/image ]如下图所示,将图像分割为6个不同的部分 但当我试图调用一个方法时,它抛出了一个名为 type 'Image' is not a subtype of type 'Image' in type cast where I/flutter (18965): Image is from package:flutter/src/widgets/image.dart I/flutter (18965):
Image
[https://pub.dev/packages/image ]如下图所示,将图像分割为6个不同的部分
但当我试图调用一个方法时,它抛出了一个名为
type 'Image' is not a subtype of type 'Image' in type cast where
I/flutter (18965): Image is from package:flutter/src/widgets/image.dart
I/flutter (18965): Image is from package:image/src/image.dart
导入'dart:io';
进口“包装:颤振/材料.省道”;
将“package:image/image.dart”作为imglib导入;
导入“包:image_picker/image_picker.dart”;
void main()=>runApp(MyApp());
类MyApp扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回材料PP(
主页:主页(),
);
}
}
类主页扩展了StatefulWidget{
@凌驾
_HomePageState createState()=>\u HomePageState();
}
类_HomePageState扩展状态{
文件图像;
最终选择器=图像选择器();
Future getImage()异步{
final pickedFile=wait picker.getImage(来源:ImageSource.gallery);
设置状态(){
image=文件(pickedFile.path);
});
}
列表分割图像(
{图像输入图像,int水平分段计数,int垂直分段计数}){
imglib.Image Image=inputImage作为imglib.Image;
final int xLength=(image.width/horizontalPieceCount).round();
最终整数长度=(image.height/verticalPieceCount).round();
List pieceList=List();
对于(int y=0;y<垂直分段计数;y++)
对于(int x=0;x
在这里,我试图从Gallary获得图像,并将其分为不同的部分
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image/image.dart' as imglib;
import 'package:image_picker/image_picker.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
File image;
final picker = ImagePicker();
Future getImage() async {
final pickedFile = await picker.getImage(source: ImageSource.gallery);
setState(() {
image = File(pickedFile.path);
});
}
List<Image> splitImage(
{Image inputImage, int horizontalPieceCount, int verticalPieceCount}) {
imglib.Image image = inputImage as imglib.Image;
final int xLength = (image.width / horizontalPieceCount).round();
final int yLength = (image.height / verticalPieceCount).round();
List<imglib.Image> pieceList = List<imglib.Image>();
for (int y = 0; y < verticalPieceCount; y++)
for (int x = 0; x < horizontalPieceCount; x++) {
pieceList.add(
imglib.copyCrop(image, x, y, x * xLength, y * yLength),
);
}
//Convert image from image package to Image Widget to display
List<Image> outputImageList = List<Image>();
for (imglib.Image img in pieceList) {
outputImageList.add(Image.memory(imglib.encodeJpg(img)));
}
return outputImageList;
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: <Widget>[
Container(
child: Center(
child: image == null
? Text('No image selected.')
: Image.file(image),
),
),
Row(
children: <Widget>[
RaisedButton(
onPressed: () {
getImage();
},
child: Text('Upload Image'),
),
RaisedButton(
onPressed: () {
splitImage(
inputImage: Image.asset("img1.jpg"),
horizontalPieceCount: 3,
verticalPieceCount: 3,
);
},
child: Text('Split Image'),
)
],
)
],
),
);
}
}