import 'dart:io'; import 'package:bot_toast/bot_toast.dart'; import 'package:dio/dio.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:flutter_datetime_picker/flutter_datetime_picker.dart'; import 'package:flutter_swiper/flutter_swiper.dart'; import 'package:group_button/group_button.dart'; import 'package:peach/R.dart'; import 'package:peach/config/Colors.dart'; import 'package:peach/entity/_.dart'; import 'package:peach/service/OpusService.dart'; import 'package:peach/service/PublicService.dart'; import 'package:peach/utils/_.dart'; import 'package:peach/views/ImageView/ImageView.dart'; import 'package:peach/widget/_.dart'; /* * 发布作品 */ class PublishingWorks extends StatefulWidget { @override _PublishingWorks createState() => _PublishingWorks(); } class _PublishingWorks extends State with SingleTickerProviderStateMixin { var count = 1; List imageList = []; List imageUrl = []; List tagList = []; //标题 TextEditingController titleText = TextEditingController(); //介绍 TextEditingController introduceText = TextEditingController(); // tag标签 TextEditingController tagText = TextEditingController(); bool isTag = false; // 公开范围 List jurisdiction = [ "所有人", "好友", "不公开", ]; // 公开范围单选框 int _jurisdiction = 0; // 作品类型列表 int _original = 0; // 定时发布时间 String _opusTime = ""; //是否定时发布 var _checkValue = false; bool syncDynamic = true; @override void initState() { super.initState(); tagText.addListener(_onTagTextChange); } @override void dispose() { tagText.removeListener(_onTagTextChange); BotToast.closeAllLoading(); super.dispose(); } _onTagTextChange() { if (tagText.text.length > 0) { setState(() { isTag = true; }); return; } setState(() { isTag = false; }); } @override Widget build(BuildContext context) { return WillPopScope( // ignore: missing_return onWillPop: () async { await showDialog( context: context, barrierDismissible: false, builder: (context) => WillPopScope( onWillPop: () async => false, child: AlertDialog( title: Text("温馨提示"), content: Container( height: Screen.setHeight(40), child: Column( children: [ Text("您当前正在发布作品，退出后将丢失现在的内容，确定吗？"), ], ), ), actions: [ FlatButton( child: Text('取消', style: TextStyle(color: ColorConfig.ThemeColor),), onPressed: () { Navigator.of(context).pop(); } ), FlatButton( child: Text("确定", style: TextStyle(color: ColorConfig.NoActiveColor),), onPressed: () async { Navigator.of(context)..pop()..pop(); } ), ], ), ) ); }, child: GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键盘 FocusScope.of(context).requestFocus(FocusNode()); }, child: Scaffold( appBar: AppBar( backgroundColor: ColorConfig.ThemeColor, centerTitle: true, title: Text("作品发布"), ), body: Container( height: Screen.height(context), child: SingleChildScrollView( child: Column( children: [ Container( width: Screen.width(context), height: 200, margin: EdgeInsets.only(top: 10, bottom: 10), child: new Swiper( loop: false, itemBuilder: (BuildContext context, int index) { if (index + 1 == count) { return ImagePickerWidget( child: Container( decoration: BoxDecoration( color: ColorConfig.LineColor, border: new Border.all( color: Color(0xFFFF0000), width: 0.5, ), ), child: Align( alignment: Alignment.center, child: Image.asset( R.libStaticAddTo, fit: BoxFit.fill, width: 50, height: 50, ), ), ), onChange: (ImagePickerEntity pickedFile) { getImage(pickedFile); }); } else { return GestureDetector( onTap: () { Navigator.of(context).push( new FadeRoute( page: PhotoViewGalleryScreen( images: imageList, index: index, ), ), ); }, child: Container( child: Align( alignment: Alignment.center, child: Image.file( imageList[index]?.getPath, fit: BoxFit.fill, ), ), ), ); } }, itemCount: count, viewportFraction: 0.6, scale: 0.9, ), ), Divider(), Panel( child: Column( children: [ titleConten( "标题", "", TextField( controller: titleText, maxLength: 32, decoration: InputDecoration( hintText: "输入标题", isDense: true, labelStyle: TextStyle( color: Colors.red, ), focusedBorder: UnderlineInputBorder( //选中时下边框颜色 borderSide: BorderSide( color: ColorConfig.ThemeColor, ), ), ), ), ), titleConten( "说明", "", TextField( keyboardType: TextInputType.multiline, maxLines: 5, minLines: 1, controller: introduceText, maxLength: 2000, decoration: InputDecoration( hintText: "输入说明", isDense: true, labelStyle: TextStyle( color: Colors.red, ), focusedBorder: UnderlineInputBorder( //选中时下边框颜色 borderSide: BorderSide( color: ColorConfig.ThemeColor, ), ), ), onChanged: (str) { print(str); }, ), ), titleConten( "标签", "", Column( children: [ label(), Row( children: [ Expanded( flex: 1, child: TextField( keyboardType: TextInputType.multiline, maxLines: 5, minLines: 1, controller: tagText, maxLength: 10, decoration: InputDecoration( hintText: "输入标签", isDense: true, labelStyle: TextStyle( color: Colors.red, ), focusedBorder: UnderlineInputBorder( //选中时下边框颜色 borderSide: BorderSide( color: ColorConfig.ThemeColor, ), ), ), ), ), isTag ? IconButton( icon: Icon(Icons.add), iconSize: 30, color: ColorConfig.ThemeColor, onPressed: () { setState(() { tagList.add(tagText.text); tagText.text = ""; }); }, ) : IconButton( icon: Icon(Icons.add), iconSize: 30, splashColor: Colors.transparent, highlightColor: Colors.transparent, color: ColorConfig.ThemeOtherColor, onPressed: () {}, ) ], ) ], ), ), titleConten( "公开范围", "", GroupButton( isRadio: true, spacing: 10, selectedColor: ColorConfig.ThemeColor, onSelected: (index, isSelected) => _jurisdiction = index, buttons: jurisdiction, ), ), titleConten( "作品类型", "", GroupButton( isRadio: true, spacing: 10, selectedColor: ColorConfig.ThemeColor, onSelected: (index, isSelected) => _original = index, buttons: [ "原创作品", "其他", ], ), ), // titleConten( // "同步到动态", // "", // GroupButton( // isRadio: true, // spacing: 10, // selectedColor: ColorConfig.ThemeColor, // onSelected: (index, isSelected) => // {syncDynamic = index == 0 ? true : false}, // buttons: [ // "同步", // "不同步", // ], // ), // ), titleConten( "定时发布", "", Container( // constraints: BoxConstraints( // maxHeight: 300, // maxWidth: 200, // ), child: Row( children: [ Checkbox( activeColor: ColorConfig.ThemeColor, value: _checkValue, onChanged: (value) { setState(() { _checkValue = value; }); }, ), Text("指定发布时间"), _checkValue ? Align( alignment: Alignment.centerLeft, child: TextButton( onPressed: () { DatePicker.showDateTimePicker( context, showTitleActions: true, onConfirm: (date) { setState( () { _opusTime = Tool.dateAndTimeToString( date.millisecondsSinceEpoch, formart: { "y-m": "/", "m-d": "/", "h-m": ":", "m-s": ":" }, ); }, ); }, currentTime: DateTime.now(), locale: LocaleType.zh, ); }, child: Text( _opusTime.length > 0 ? _opusTime : '请选择时间', style: TextStyle( color: ColorConfig.ThemeColor), ), ), ) : Container() ], ), ), ), Divider(), Container( padding: EdgeInsets.only(left: 10, right: 10), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "以下作品禁止发布。请在发布之前进行确认。", textAlign: TextAlign.left, style: TextStyle(fontSize: 12), ), Text( "1.他人制作的作品，发售中的商品图像，第三方持有权利的图像、游戏、视频作品中的角色，包含截图画面的作品。", textAlign: TextAlign.left, style: TextStyle(fontSize: 12), ), Text( "2.挪用以上画面，从最初开始就完全不是自己创作的作品。", textAlign: TextAlign.left, style: TextStyle(fontSize: 12), ), Text( "3.作品以外的照片画面。", textAlign: TextAlign.left, style: TextStyle(fontSize: 12), ), Text( "违反作品投稿利用规则的用户，将会被停止发布作品公开，停止账号使用。", textAlign: TextAlign.left, style: TextStyle(fontSize: 12), ), ], ), ), Container( alignment: Alignment.centerLeft, padding: EdgeInsets.only(left: 10, right: 10), child: Text.rich( TextSpan( text: '使用条款', style: TextStyle( color: Colors.blue, fontWeight: FontWeight.bold, fontSize: 12, ), recognizer: TapGestureRecognizer() ..onTap = () { print('onTap'); }, ), ), ), Divider(), Container( margin: EdgeInsets.only(top: 20), child: Text.rich( TextSpan( text: '凡违反', style: TextStyle( fontSize: 11, color: Color(0xFF999999)), children: [ TextSpan( text: '使用条款', style: TextStyle( color: Colors.blue, fontWeight: FontWeight.bold, ), recognizer: TapGestureRecognizer() ..onTap = () { print('onTap'); }, ), TextSpan(text: "和"), TextSpan( text: '用户须知', style: TextStyle( color: Colors.blue, fontWeight: FontWeight.bold), recognizer: TapGestureRecognizer() ..onTap = () { print('onTap'); }, ), TextSpan(text: "的作品将予以删除"), ], ), ), ), Container( width: 200, margin: EdgeInsets.only(top: 10), child: ElevatedButton( style: ButtonStyle( backgroundColor: MaterialStateProperty.resolveWith( (states) { //设置按下时的背景颜色 if (states.contains(MaterialState.pressed)) { return ColorConfig.ThemeOtherColor; } //默认不使用背景颜色 return ColorConfig.ThemeColor; }, ), ), child: Text("发布", style: TextStyle(fontSize: 20)), onPressed: () { opusPushOpus(); }, ), ), ], ), ) ], ), ), ), ), ), ); } Widget titleConten(String title, String rightText, Widget child) { return Container( margin: EdgeInsets.only(bottom: 10), child: ListTile( title: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( title, style: TextStyle( color: ColorConfig.ThemeColor, ), ), Text( rightText, style: TextStyle(color: ColorConfig.ThemeColor, fontSize: 14), ), ], ), subtitle: Builder( builder: (context) { return Container( width: Screen.width(context), child: child, ); }, ), ), ); } Widget label() { return Align( alignment: Alignment.centerLeft, child: Wrap( spacing: 5, runSpacing: 1, children: List.generate( tagList.length, (index) { return MediaQuery.removePadding( removeTop: true, removeBottom: true, context: context, child: RawChip( label: Text(tagList[index]), deleteIcon: Icon( Icons.close, size: 16, ), deleteIconColor: Colors.red, deleteButtonTooltipMessage: '删除', onDeleted: () { setState(() { tagList.remove(tagList[index]); }); }, ), ); }, ), ), ); } getImage(ImagePickerEntity pickedFile) async { setState(() { imageList = [...imageList, pickedFile]; count = imageList.length + 1; }); toolUploadFile(pickedFile.getPath); } toolUploadFile(File file) async { BotToast.showLoading(); String path = file.path; var name = path.substring(path.lastIndexOf("/") + 1, path.length); FormData formdata = FormData.fromMap( {"file": await MultipartFile.fromFile(path, filename: name)}); ToolUploadFileEntityData res = await PublicService.toolUploadFile(formdata); imageUrl.add(res.imgUrl); BotToast.closeAllLoading(); } opusPushOpus() async { if (imageUrl.length <= 0) { return BotToast.showText(text: "请上传作品"); } if (titleText.text == "") { return BotToast.showText(text: "请输入作品标题"); } if (tagList.length <= 0) { return BotToast.showText(text: "请填写标签"); } Null res = await OpusService.opusPushOpus({ "opus_title": titleText.text, "opus_introduce": introduceText.text, "opus_tags": tagList, "opus_imgs": imageUrl, "opus_jurisdiction": _jurisdiction + 1, "opus_original": _original + 1, "opus_time": _checkValue ? _opusTime : "", "opus_syncDynamic": syncDynamic }); BotToast.showText(text: "发布成功"); Navigator.of(context).pop(); } }