hyzp_ybqx-Commit001：代码刚转换好，编译通过
This commit is contained in:
WinUser01
@@ -0,0 +1,399 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:camera/camera.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_drag_scale/core/drag_scale_widget.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:fluttertoast/fluttertoast.dart';
|
||||
import 'package:hyzp_ybqx/components/customDialogFaceReg.dart';
|
||||
import 'package:hyzp_ybqx/components/dioFun.dart';
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
|
||||
import '../../components/commonFun.dart';
|
||||
import '../../services/EventBus.dart';
|
||||
|
||||
class FaceReg extends StatefulWidget {
|
||||
FaceReg({this.arguments, Key key}) : super(key: key);
|
||||
var arguments;
|
||||
|
||||
_LoginPageState createState() => _LoginPageState();
|
||||
}
|
||||
|
||||
class _LoginPageState extends State<FaceReg> {
|
||||
//try_setState(); //避免异常报错
|
||||
try_setState() {
|
||||
try {
|
||||
setState(() {});
|
||||
} catch (e) {
|
||||
print('setState(() {})异常：${e}');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> camerasInit() async {
|
||||
try {
|
||||
WidgetsFlutterBinding.ensureInitialized();
|
||||
cameras = await availableCameras();
|
||||
print(cameras.toString());
|
||||
} on CameraException catch (e) {
|
||||
//logError(e.code, e.description);
|
||||
}
|
||||
}
|
||||
|
||||
String imagePath = '';
|
||||
Size imageSize;
|
||||
String _username;
|
||||
//人脸注册页面，这里建议自动填入当前登录用户名
|
||||
TextEditingController _controller = TextEditingController(text: g_userInfo.username);
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
camerasInit();
|
||||
|
||||
//监听人脸注册数据更新事件
|
||||
eventBus.on<FaceRegUpdateEvent>().listen((event) async {
|
||||
print(event.str);
|
||||
try_setState();
|
||||
});
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
||||
//监听登录页面销毁的事件
|
||||
dispose() {
|
||||
super.dispose();
|
||||
eventBus.fire(new UserEvent('登录成功...'));
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: PreferredSize(
|
||||
preferredSize: Size.fromHeight(ScreenUtil().setHeight(173)), // 设置appBar高度
|
||||
// 设置appBar高度
|
||||
child: AppBar(
|
||||
automaticallyImplyLeading: false,
|
||||
centerTitle: true,
|
||||
titleSpacing: 0.0,
|
||||
//设置title的左边距
|
||||
flexibleSpace: Container(
|
||||
//SizedBox(height: ScreenUtil().statusBarHeight), //显示顶部状态栏
|
||||
// SizedBox(height: ScreenUtil().setHeight(10)), //显示顶部状态栏
|
||||
padding: EdgeInsets.only(top: ScreenUtil().statusBarHeight), //留出顶部状态栏高度
|
||||
child: Container(
|
||||
//height: ScreenUtil().setHeight(173),
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.centerLeft,
|
||||
end: Alignment.centerRight,
|
||||
colors: [
|
||||
Color.fromRGBO(12, 186, 156, 1),
|
||||
Color.fromRGBO(39, 127, 235, 1),
|
||||
],
|
||||
),
|
||||
),
|
||||
// decoration: BoxDecoration(
|
||||
// gradient: LinearGradient(colors: [
|
||||
// Color(0xFF0018EB),
|
||||
// Color(0xFF01C1D9),
|
||||
// ], begin: Alignment.bottomCenter, end: Alignment.topCenter),
|
||||
// ),
|
||||
),
|
||||
),
|
||||
title: Padding(
|
||||
padding: EdgeInsets.only(left: 0, right: 0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
getIconAndTextButton(
|
||||
iconColor: Colors.white,
|
||||
iconData: Icons.chevron_left_outlined,
|
||||
onPress: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
Expanded(
|
||||
child: Text("人脸注册",
|
||||
style: TextStyle(color: Colors.white, fontSize: 20),
|
||||
textAlign: TextAlign.center,
|
||||
overflow: TextOverflow.ellipsis),
|
||||
),
|
||||
SizedBox(width: 50),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Container(
|
||||
padding: EdgeInsets.all(ScreenUtil().setWidth(20)),
|
||||
child: ListView(
|
||||
children: <Widget>[
|
||||
//解决 Flutter ListView 子元素 无限宽度 的问题
|
||||
Container(
|
||||
alignment: Alignment.topCenter,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Center(
|
||||
child: Container(
|
||||
margin: EdgeInsets.only(top: 20, bottom: 5, left: 0, right: 0),
|
||||
height: ScreenUtil().setHeight(200),
|
||||
width: ScreenUtil().setWidth(260),
|
||||
child: Image.asset('assets/images/ybsthbj.png', fit: BoxFit.fitHeight),
|
||||
),
|
||||
),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
SizedBox(width: 10),
|
||||
Container(
|
||||
padding: EdgeInsets.only(top: 16),
|
||||
child: Text('用户名： ', style: TextStyle(fontSize: 18)),
|
||||
),
|
||||
Container(
|
||||
height: ScreenUtil().setHeight(160),
|
||||
width: ScreenUtil().setWidth(500),
|
||||
child: TextField(
|
||||
//textAlign: TextAlign.right,
|
||||
textAlignVertical: TextAlignVertical.center,
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 18),
|
||||
decoration: InputDecoration(
|
||||
hintText: '請輸入用户名',
|
||||
//border: InputBorder.none, //TextField去掉下划线
|
||||
contentPadding: EdgeInsets.only(right: 0),
|
||||
enabledBorder: new UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.blue)),
|
||||
focusedBorder: new UnderlineInputBorder(
|
||||
borderSide: BorderSide(color: Colors.blue)),
|
||||
),
|
||||
controller: _controller,
|
||||
//利用控制器初始化文本
|
||||
onChanged: (value) {
|
||||
_username = value;
|
||||
},
|
||||
),
|
||||
),
|
||||
SizedBox(width: 10),
|
||||
Container(
|
||||
width: ScreenUtil().setWidth(220),
|
||||
padding: EdgeInsets.only(top: 16),
|
||||
child: FlatButton(
|
||||
color: Colors.black12,
|
||||
child: Text('本人', style: TextStyle(color: Colors.blue, fontSize: 18)),
|
||||
onPressed: () {
|
||||
_controller.text = g_userInfo.username;
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
//SizedBox(height: 30),
|
||||
SizedBox(height: 10),
|
||||
//480*720
|
||||
Text(null == imageSize ? '' : '宽高：${imageSize.width}x${imageSize.height}',
|
||||
style: TextStyle(fontSize: 18)),
|
||||
SizedBox(height: 5),
|
||||
Container(
|
||||
alignment: Alignment(0, 0),
|
||||
width: ScreenUtil().setWidth(980),
|
||||
height: ScreenUtil().setHeight(760),
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(color: Colors.orange, width: 1.0),
|
||||
borderRadius: BorderRadius.circular(5),
|
||||
),
|
||||
child: _getImage(imagePath),
|
||||
),
|
||||
SizedBox(height: 25),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
getBtnSizeX(
|
||||
width: 90,
|
||||
text: "拍照",
|
||||
onPressedFun: () {
|
||||
//Navigator.pushNamed(context, '/faceReg_take_pictuer', arguments: 'FaceLogin');
|
||||
_username = _controller.text;
|
||||
Navigator.pushNamed(context, '/faceReg_take_pictuer',
|
||||
arguments: 'FaceReg')
|
||||
.then((_imagePath) {
|
||||
_controller.text = _username;
|
||||
imagePath = _imagePath as String;
|
||||
if (imagePath.isNotEmpty) {
|
||||
print('imagePath = $imagePath');
|
||||
//imageSize = Size(480, 720);
|
||||
getImageSize(imagePath);
|
||||
//eventBus.fire(FaceRegUpdateEvent('人脸注册数据已更新'));
|
||||
}
|
||||
});
|
||||
}),
|
||||
getBtnSizeX(
|
||||
width: 90,
|
||||
text: "选择图片",
|
||||
onPressedFun: () {
|
||||
//Navigator.pushNamed(context, '/faceReg_take_pictuer', arguments: 'FaceLogin');
|
||||
_getImageGallery();
|
||||
}),
|
||||
getBtnSizeX(
|
||||
width: 90,
|
||||
text: "人脸注册",
|
||||
onPressedFun: (_controller.text.isEmpty && imagePath.isEmpty)
|
||||
? null
|
||||
: () {
|
||||
//人脸注册，username 用户名，filePath 人脸图片路径
|
||||
if (_controller.text.isNotEmpty && imagePath.isNotEmpty) {
|
||||
print('等待人脸注册或更新确认');
|
||||
Navigator.of(context)
|
||||
.push(
|
||||
PageRouteBuilder(
|
||||
opaque: false,
|
||||
pageBuilder: (context, animation, secondaryAnimation) =>
|
||||
CustomDialogFaceReg(
|
||||
title: '人脸注册或更新确认',
|
||||
username: _username,
|
||||
imagePath: imagePath,
|
||||
imageSize: imageSize,
|
||||
),
|
||||
),
|
||||
)
|
||||
.then((ret) async {
|
||||
print('value = $ret');
|
||||
if (ret) {
|
||||
print('用户已确认，开始处理人脸注册或更新！');
|
||||
faceRegFun(
|
||||
username: _username,
|
||||
filePath: imagePath,
|
||||
context: context);
|
||||
} else {
|
||||
print('用户取消了人脸注册或更新');
|
||||
}
|
||||
});
|
||||
} else if (_controller.text.isEmpty) {
|
||||
Fluttertoast.showToast(
|
||||
msg: "用户名不能为空！",
|
||||
toastLength: Toast.LENGTH_SHORT,
|
||||
gravity: ToastGravity.CENTER,
|
||||
);
|
||||
} else if (imagePath.isEmpty) {
|
||||
Fluttertoast.showToast(
|
||||
msg: "请选择用户人脸图片！",
|
||||
toastLength: Toast.LENGTH_SHORT,
|
||||
gravity: ToastGravity.CENTER,
|
||||
);
|
||||
}
|
||||
}),
|
||||
],
|
||||
),
|
||||
// RaisedButton(
|
||||
// child: Text('人脸登录'),
|
||||
// onPressed: () {
|
||||
// Navigator.pushNamed(context, '/faceReg_take_pictuer', arguments: 'FaceLogin');
|
||||
// }),
|
||||
SizedBox(height: 10),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
)),
|
||||
);
|
||||
}
|
||||
|
||||
//从相册选取图片
|
||||
Future _getImageGallery() async {
|
||||
final imagePicker = ImagePicker();
|
||||
_username = _controller.text;
|
||||
//final pickedFile = await imagePicker.getImage(source: ImageSource.gallery, maxWidth: 400);
|
||||
imagePicker.getImage(source: ImageSource.gallery, maxWidth: 480).then((pickedFile) {
|
||||
if (pickedFile != null) {
|
||||
print('pickedFile = ${pickedFile.path}');
|
||||
imagePath = pickedFile.path;
|
||||
getImageSize(imagePath);
|
||||
} else {
|
||||
print('No image selected.');
|
||||
}
|
||||
_controller.text = _username;
|
||||
});
|
||||
}
|
||||
|
||||
//定义一个组件显示图片
|
||||
_getImage(String filePath) {
|
||||
print('filePath = $filePath');
|
||||
if (null == imageSize || filePath.isEmpty) {
|
||||
return Text("注意：\n1、请输入“已注册”的用户名；\n2、请选择包含“用户人脸”的图片；\n3、两样都选好后再进行注册，不然可能失败！");
|
||||
}
|
||||
|
||||
double _width = ScreenUtil().setWidth(980);
|
||||
double _heigth = _width * (imageSize.height / imageSize.width);
|
||||
|
||||
final _image = Image.file(File(filePath));
|
||||
|
||||
// 预先获取图片信息
|
||||
return SingleChildScrollView(
|
||||
//滑动的方向 Axis.vertical为垂直方向滑动，Axis.horizontal 为水平方向
|
||||
scrollDirection: Axis.vertical,
|
||||
//true 滑动到底部
|
||||
reverse: false,
|
||||
padding: EdgeInsets.all(0.0),
|
||||
//滑动到底部回弹效果
|
||||
physics: BouncingScrollPhysics(),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
width: _width,
|
||||
height: _heigth,
|
||||
// child: PinchZoomImage( //不好用
|
||||
// //image: Image.network('https://i.imgur.com/tKg0XEb.jpg'),
|
||||
// image: _image,
|
||||
// zoomedBackgroundColor: Color.fromRGBO(240, 240, 240, 1.0),
|
||||
// hideStatusBarWhileZooming: true,
|
||||
// onZoomStart: () {
|
||||
// print('Zoom started');
|
||||
// },
|
||||
// onZoomEnd: () {
|
||||
// print('Zoom finished');
|
||||
// },
|
||||
// ),
|
||||
|
||||
//DragScaleContainer 插件只能放大，不能缩小到比原始尺寸小
|
||||
child: DragScaleContainer(doubleTapStillScale: true, child: _image
|
||||
// child: Image(
|
||||
// image: NetworkImage(
|
||||
// 'http://h.hiphotos.baidu.com/zhidao/wh%3D450%2C600/sign=0d023672312ac65c67506e77cec29e27/9f2f070828381f30dea167bbad014c086e06f06c.jpg'),
|
||||
// ),
|
||||
),
|
||||
//child: _image,
|
||||
//一个大坑：用 AssetImage(filePath) 方式，首次加载拍照返回的照片，始终报错，刷新后则能够正常加载。
|
||||
// 用 Container 的 child 方式解决
|
||||
// decoration: BoxDecoration(
|
||||
// image: DecorationImage(image: AssetImage(filePath), fit: BoxFit.cover),
|
||||
// ),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 预先获取图片信息
|
||||
Future getImageSize(String filePath) async {
|
||||
Image image = Image.file(File.fromUri(Uri.parse(filePath)));
|
||||
image.image
|
||||
.resolve(new ImageConfiguration())
|
||||
.addListener(new ImageStreamListener((ImageInfo info, bool _) {
|
||||
imageSize = Size(
|
||||
info.image.width.toDouble(),
|
||||
info.image.height.toDouble(),
|
||||
);
|
||||
print('imageSize = $imageSize');
|
||||
//必须延迟刷新，否则启动App后，第一次进行拍照返回会抛异常，无法显示返回的照片
|
||||
//启动App后，第一次进行拍照返回，在 AS Terminal 按 R 刷新可以显示图片。
|
||||
//暂存，后续解决
|
||||
try_setState();
|
||||
// Future.delayed(const Duration(milliseconds: 3000), () {
|
||||
// //try_setState();
|
||||
//eventBus.fire(FaceRegUpdateEvent('人脸注册数据已更新')); //这样刷新有效
|
||||
// });
|
||||
}));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user