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_ybqx04_changning/components/customDialogFaceReg.dart';
import 'package:hyzp_ybqx04_changning/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('人脸注册数据已更新')); //这样刷新有效
      // });
    }));
  }
}