Fiji/ysairplane/lib/code/YSSquareVideo.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:ysairplane/tools/YSNetWorking.dart';
import 'package:ysairplane/tools/YSTools.dart';
import 'package:video_player/video_player.dart';

class YSSquareVideo extends StatefulWidget {
  final squareId,typeId;
  const YSSquareVideo({Key key, this.squareId, this.typeId}) : super(key: key);
  @override
  _YSSquareVideoState createState() => _YSSquareVideoState();
}

class _YSSquareVideoState extends State<YSSquareVideo> {
  VideoPlayerController _controller;
  bool _isPlaying = false;
  Map _dict;
  int page = 1;
  List comments = [];
  var ysState;
  @override
  void initState() {
    Future.delayed(Duration(seconds: 0)).then((value){
      _getSquareDetailData();
    });
    super.initState();
  }
  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              height: MediaQuery.of(context).size.height-50,
              width: MediaQuery.of(context).size.width,
              color: Color(0xFF1D1D1D),
              child: SingleChildScrollView(
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Container(
                      child: GestureDetector(
                        child: Icon(Icons.arrow_back_ios,size: 20,color: Colors.white,),
                        onTap: (){
                          Navigator.pop(context);
                        },
                      ),
                      margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top+15,left: 15,bottom: 65),
                    ),
                    if (_controller==null) Container(
                      height: 200,
                      color: Colors.black12,
                    ) else Container(
                      height: 200,
                      child: Stack(
                        alignment: Alignment.bottomCenter,
                        children: <Widget>[
                          VideoPlayer(_controller),
                          _PlayPauseOverlay(controller: _controller),
                          Container(
                            height:6.5,
                            child: VideoProgressIndicator(
                              _controller,
                              allowScrubbing: true,
                              colors: VideoProgressColors(playedColor: Color(0xFF1961E3),backgroundColor: Colors.white),
                            )
                          ),
                        ],
                      ),
                    ),
                    _dict==null?Container():Container(
                      margin: EdgeInsets.only(top: 50),
                      height: 60,
                      padding: EdgeInsets.only(left: 15,right: 15,top: 10,bottom: 10),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Container(
                            height: 40,
                            width: 40,
                            decoration: BoxDecoration(
                              borderRadius: BorderRadius.all(Radius.circular(20)),
                              image: DecorationImage(image: NetworkImage('${_dict['user']['avatar']}'),fit: BoxFit.fill)
                            ),
                            margin: EdgeInsets.only(right: 6),
                          ),
                          Column(
                            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                            children: [
                              Container(
                                width: MediaQuery.of(context).size.width-170,
                                child: Text('${_dict['user']['nickname']}',style: TextStyle(fontSize: 14,color: Colors.white,decoration: TextDecoration.none),),
                              ),
                              Container(
                                width: MediaQuery.of(context).size.width-170,
                                child: Text('旅游达人',style: TextStyle(fontSize: 10,color: Colors.white,decoration: TextDecoration.none,fontWeight: FontWeight.normal),),
                              )
                            ],
                          ),
                          Container(
                            height: 30,
                            width: 65,
                            child: Image.asset('lib/images/look.png',color: Colors.white,),
                          ),
                        ],
                      ),
                    ),
                    _dict==null?Container():Container(
                      width: MediaQuery.of(context).size.width,
                      padding: EdgeInsets.only(top: 15,left: 10,right: 10,bottom: 15),
                      child: Text('${_dict['videoTitle']}',style: TextStyle(fontSize: 17,color: Colors.white,decoration: TextDecoration.none),),
                    ),
                    _dict==null?Container():Container(
                      width: MediaQuery.of(context).size.width,
                      height: 100,
                      padding: EdgeInsets.only(left: 10,right: 10,bottom: 15),
                      child: SingleChildScrollView(
                        child: Text('${_dict['videoContent']}',
                          style: TextStyle(fontSize: 14,color: Colors.white,decoration: TextDecoration.none,fontWeight: FontWeight.normal),),
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Container(
              height: 50,
              padding: EdgeInsets.only(left: 15,right: 15),
              color: Color(0xFF000000),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Container(
                    width: MediaQuery.of(context).size.width-120,
                    padding: EdgeInsets.only(left: 15,right: 15),
                    height: 30,
                    decoration: BoxDecoration(
                        color: Color(0xFF3B3B3B),
                        borderRadius: BorderRadius.all(Radius.circular(15))
                    ),
                    child: Row(
                      children: [
                        GestureDetector(
                          onTap: (){
                            _createCommentView();
                          },
                          child: Container(
                            width: MediaQuery.of(context).size.width-175,
                            child: Text('我来说两句',style: TextStyle(fontSize: 14,color: Color(0xFF9A9A9A),decoration: TextDecoration.none,fontWeight: FontWeight.normal),),
                          ),
                        ),
                        Icon(Icons.tag_faces,size: 25,color: Color(0xFFA1A1A2),),
                      ],
                    ),
                  ),
                  GestureDetector(
                    onTap: (){
                      _postAgreementData(1);
                    },
                    child: Container(
                      height: 20,
                      width: 20,
                      child: Image.asset(_dict==null?'lib/images/love.png':_dict['likeStatus']==1?'lib/images/love2.png':'lib/images/love.png',color: Colors.white,),
                    ),
                  ),
                  GestureDetector(
                    child: Icon(_dict==null?Icons.star_border:_dict['collectStatus']==1?Icons.star:Icons.star_border,size: 20,color: Colors.white,),
                    onTap: (){
                      _postAgreementData(0);
                    },
                  ),
                  Icon(Icons.share,size: 20,color: Colors.white,),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
  _createCommentView() async{
    page = 1;
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/piazza/SquareCommunity/comment/list',parameter: {'pageNo':page,'pageSize':10,'id':widget.squareId,'type':widget.typeId});
    if(dict!=null){
      comments = dict['data']['resultList'];
      showModalBottomSheet(
          backgroundColor: Colors.transparent,
          isScrollControlled: true,
          context: context,
          builder: (context){
            return StatefulBuilder(
              builder: (context,stateSub){
                ysState = stateSub;
                return Container(
                  height: MediaQuery.of(context).size.height*0.6,
                  color: Color(0xFF2A2628),
                  child: Column(
                    children: [
                      Container(
                        height: 40,
                        padding: EdgeInsets.only(left: 15,right: 15),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            Container(),
                            Text('335210条评论',style: TextStyle(fontSize: 14,color: Colors.white,decoration: TextDecoration.none),),
                            Icon(Icons.close,size: 20,color: Colors.white,)
                          ],
                        ),
                      ),
                      Container(
                        height: MediaQuery.of(context).size.height*0.6-90,
                        child: EasyRefresh(
                          onRefresh: _refreshData,
                          onLoad: _loadMore,
                          header: MaterialHeader(

                          ),
                          footer: BezierBounceFooter(
                            backgroundColor: Colors.transparent,
                            color: Colors.transparent,
                          ),
                          child: ListView.separated(
                            padding: EdgeInsets.only(top: 15),
                            shrinkWrap: true,
                            itemBuilder: (context,index){
                              return Container(
                                child: Column(
                                  children: [
                                    Container(
                                      padding: EdgeInsets.only(left: 10,right: 10,bottom: 10),
                                      child: Row(
                                        crossAxisAlignment: CrossAxisAlignment.start,
                                        children: [
                                          Container(
                                            height: 40,
                                            width: 40,
                                            decoration: BoxDecoration(
                                                borderRadius: BorderRadius.all(Radius.circular(20)),
                                                image: DecorationImage(image: NetworkImage('${comments[index]['avatar']}'),fit: BoxFit.fill)
                                            ),
                                          ),
                                          Container(
                                            margin: EdgeInsets.only(left: 10),
                                            width: MediaQuery.of(context).size.width-70,
                                            child: Column(
                                              crossAxisAlignment: CrossAxisAlignment.start,
                                              children: [
                                                GestureDetector(
                                                  child: Text('${comments[index]['nickname']}',style: TextStyle(fontSize: 14,color: Color(0xFF929293),decoration: TextDecoration.none,fontWeight: FontWeight.bold),),
                                                  onTap: (){
                                                    _showInputView(type: 1,toUserid: int.parse('${comments[index]['fromUserId']}'),
                                                        fatherCommentId: int.parse('${comments[index]['id']}'),fromUserId: int.parse('${comments[index]['fromUserId']}'));
                                                  },
                                                ),
                                                Text('${comments[index]['comment']}',style: TextStyle(fontSize: 15,color: Colors.white,decoration: TextDecoration.none,fontWeight: FontWeight.normal)),
                                              ],
                                            ),
                                          )
                                        ],
                                      ),
                                    ),
                                    Container(
                                      child: ListView.separated(
                                        itemBuilder: (context,indexSub){
                                          return Row(
                                            crossAxisAlignment: CrossAxisAlignment.start,
                                            children: [
                                              Container(
                                                height: 20,
                                                width: 20,
                                                decoration: BoxDecoration(
                                                    borderRadius: BorderRadius.all(Radius.circular(20)),
                                                    image: DecorationImage(image: NetworkImage('${comments[index]['dtSquareCommentsList'][indexSub]['avatar']}'),fit: BoxFit.fill)
                                                ),
                                              ),
                                              Container(
                                                margin: EdgeInsets.only(left: 10),
                                                width: MediaQuery.of(context).size.width-130,
                                                child: Column(
                                                  crossAxisAlignment: CrossAxisAlignment.start,
                                                  children: [
                                                    GestureDetector(
                                                      child: Text('${comments[index]['dtSquareCommentsList'][indexSub]['nickname']}',
                                                        style: TextStyle(fontSize: 14,color: Color(0xFF929293),decoration: TextDecoration.none,fontWeight: FontWeight.bold),),
                                                      onTap: (){
                                                        _showInputView(type: 1,toUserid: comments[index]['dtSquareCommentsList'][indexSub]['toUserId'],
                                                            fatherCommentId: comments[index]['dtSquareCommentsList'][indexSub]['fatherCommentId'],fromUserId: comments[index]['dtSquareCommentsList'][indexSub]['fromUserId']);
                                                      },
                                                    ),
                                                    RichText(
                                                      text: TextSpan(
                                                          style: TextStyle(fontSize: 14,color: Colors.white,decoration: TextDecoration.none,fontWeight: FontWeight.normal),
                                                          text: '回复',
                                                          children: [
                                                            TextSpan(
                                                                text: ' ${comments[index]['dtSquareCommentsList'][indexSub]['otherNickname']}：',
                                                                style: TextStyle(color: Color(0xFF929293),fontWeight: FontWeight.bold),
                                                                recognizer: TapGestureRecognizer()..onTap = (){
                                                                  _showInputView(type: 1,toUserid: comments[index]['dtSquareCommentsList'][indexSub]['toUserId'],
                                                                      fatherCommentId: comments[index]['dtSquareCommentsList'][indexSub]['fatherCommentId'],fromUserId: comments[index]['dtSquareCommentsList'][indexSub]['fromUserId']);
                                                                }
                                                            ),
                                                            TextSpan(
                                                                text: '${comments[index]['dtSquareCommentsList'][indexSub]['comment']}',
                                                                style: TextStyle(color: Colors.white)
                                                            ),
                                                            TextSpan(
                                                                text: '    ${comments[index]['dtSquareCommentsList'][indexSub]['timeNode']}',
                                                                style: TextStyle(color: Color(0xFF929293),fontSize: 12)
                                                            )
                                                          ]
                                                      ),
                                                    )
                                                  ],
                                                ),
                                              )
                                            ],
                                          );
                                        },
                                        separatorBuilder: (context,index){
                                          return Container(
                                            height: 5,
                                          );
                                        },
                                        itemCount: (comments[index]['dtSquareCommentsList']).length,
                                        shrinkWrap: true,
                                        padding: EdgeInsets.only(left: 60,right: 40),
                                        physics: NeverScrollableScrollPhysics(),
                                      ),
                                    )

                                  ],
                                ),
                              );
                            },
                            separatorBuilder: (context,index){
                              return Container(
                                height: 5,
                              );
                            },
                            itemCount: comments.length,
                          ),
                        ),
                      ),
                      Container(
                        height: 50,
                        padding: EdgeInsets.only(left: 15,right: 15),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          children: [
                            GestureDetector(
                                child: Text('有爱评论，说点儿好听的~',style: TextStyle(fontSize: 15,color: Color(0xFF5A5A5A),decoration: TextDecoration.none,fontWeight: FontWeight.normal),),
                                onTap: (){
                                  _showInputView(type: 0);
                                }
                            ),
                            Icon(Icons.tag_faces,size: 25,color: Color(0xFFA1A1A2),),
                          ],
                        ),
                      )
                    ],
                  ),
                );
              },
            );
          }
      );
    }
  }

  _showInputView({int type,int toUserid,int fatherCommentId,int fromUserId}){
    TextEditingController _text = TextEditingController();
    Navigator.push(context, PopRoute(child: BottomInputDialog(
      height: 140,
      inputView: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text('评论',style: TextStyle(fontSize: 15,color: Color(0xFF424242),decoration: TextDecoration.none,fontWeight: FontWeight.bold),),
              GestureDetector(
                child: Text('发布',style: TextStyle(fontSize: 15,color: Color(0xFF4187D9),decoration: TextDecoration.none,fontWeight: FontWeight.bold),),
                onTap: (){
                  if(type==0){
                    _postCommentData({'comment':_text.text,'squareId':widget.squareId,'fatherCommentId':0,'fromUserId':0});
                  }else{
                    _postCommentData({'comment':_text.text,'squareId':widget.squareId,'fatherCommentId':fatherCommentId,'toUserId':toUserid,'fromUserId':fromUserId});
                  }
                },
              ),
            ],
          ),
          Container(
            height: 50,
            decoration: BoxDecoration(
                color: Color(0xFFF7F7F7),
                borderRadius: BorderRadius.all(Radius.circular(10))
            ),
            margin: EdgeInsets.only(top: 10,bottom: 10),
            child: CupertinoTextField(
              placeholder: '友善发言，理性讨论，阳光你我',
              style: TextStyle(fontSize: 14,color: Color(0xFF999999),decoration: TextDecoration.none,fontWeight: FontWeight.normal),
              placeholderStyle: TextStyle(fontSize: 14,color: Color(0xFF999999),decoration: TextDecoration.none,fontWeight: FontWeight.normal),
              decoration: BoxDecoration(),
              maxLines: 50,
              autofocus: true,
              controller: _text,
            ),
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Container(),
              Icon(Icons.tag_faces,size: 25,color: Color(0xFF5C5C5C),),
            ],
          )
        ],
      ),
    )));
  }

  Future<void> _refreshData() async{
    page = 1;
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/piazza/SquareCommunity/comment/list',parameter: {'pageNo':page,'pageSize':10,'id':widget.squareId,'type':widget.typeId});
    if(dict!=null){
      ysState(() {
        comments = dict['data']['resultList'];
      });
    }
  }

  Future<void> _loadMore() async{
    page++;
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/piazza/SquareCommunity/comment/list',parameter: {'pageNo':page,'pageSize':10,'id':widget.squareId,'type':widget.typeId});
    if(dict!=null){
      ysState(() {
        comments.addAll(dict['data']['resultList']);
      });
    }
  }

  _postCommentData(Map parma) async{
    Map dict = await ysRequestHttp(context,type: requestType.post,api: '/app/piazza/SquareCommunity/comment/add',parameter: parma,isLoading: false,isToken: true);
    if(dict!=null){
      FocusScope.of(context).requestFocus(FocusNode());
      _refreshData();
    }
  }

  Future<void> _getSquareDetailData() async{
    Map dict = await ysRequestHttp(context,type: requestType.get,api: '/app/piazza/SquareCommunity/details',parameter: {'id':widget.squareId,'type':widget.typeId},isLoading: true,isToken: true,refresh: (){
      _getSquareDetailData();
    });
    if(dict!=null){
      _controller = VideoPlayerController.network('${dict['data']['videoPath']}')
      // 播放状态
        ..addListener(() {
          final bool isPlaying = _controller.value.isPlaying;
          if (isPlaying != _isPlaying) {
            setState(() { _isPlaying = isPlaying; });
          }
        })
      // 在初始化完成后必须更新界面
        ..initialize().then((_) {
          _controller.setLooping(true);
          _controller.play();
          setState(() {});
        });
      setState(() {
        _dict = dict['data'];
      });
    }
  }

  _postAgreementData(int type) async{
    Map request = {'type':type};
    request['topicId'] = widget.squareId;
    Map dict = await ysRequestHttp(context,type: requestType.post,api: '/app/piazza/SquareCommunity/likeAndCollect',parameter: request,isLoading: false,isToken: true,refresh: (){

    });
    if(dict!=null){
      setState(() {
        if(type==1){
          _dict['likeStatus'] = dict['data'];
        }else{
          _dict['collectStatus'] = dict['data'];
        }
      });
    }
  }

}

class _PlayPauseOverlay extends StatelessWidget {
  const _PlayPauseOverlay({Key key, this.controller}) : super(key: key);
  final VideoPlayerController controller;
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        AnimatedSwitcher(
          duration: Duration(milliseconds: 50),
          reverseDuration: Duration(milliseconds: 200),
          child: controller.value.isPlaying? SizedBox.shrink():Container(
            color: Colors.black26,
            child: Center(
              child: Icon(
                Icons.play_circle_filled,
                color: Colors.white,
                size: 50,
              ),
            ),
          ),
        ),
        GestureDetector(
          onTap: () {
            controller.value.isPlaying ? controller.pause() : controller.play();
          },
        ),
      ],
    );
  }
}