mobileCyberGamesApp/lib/pages/MatchPage.dart

import 'package:flutter/material.dart';
import 'package:flutter/material.dart' as prefix0;
import 'package:flutter/painting.dart';
import 'package:flutter_swiper/flutter_swiper.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:flutter/cupertino.dart';
import '../styles/totast.dart';
import '../net/HttpManager.dart';
import '../net/Result.dart';
import 'TipList.dart';
import 'package:flutter_redux/flutter_redux.dart';
import '../redux/AppState.dart';
import '../widget/LinearButton.dart';
import '../model/BannerInfo.dart';
import '../widget/HouseItem.dart';
import '../model/HouseInfo.dart';
import 'package:flutter_picker/flutter_picker.dart';
import 'CompetitionInformation.dart';
import '../model/GameInfo.dart';
import 'dart:async';
import 'dart:convert';
import 'dart:ui';
import 'dart:math';
import 'SelectRoom.dart';
import 'PhotoView.dart';
import '../model/PhoneInfo.dart';

class MatchPage extends StatefulWidget {
  @override
  _MatchPageState createState() => _MatchPageState();
}

class _MatchPageState extends State<MatchPage> with WidgetsBindingObserver {
  List<HouseInfo> houseList = [];
  int currentPage = 0;
  bool showBadge = false;
  int gameId = 0;
  String searchKey = '';
  bool scrollFlag = false;
  List<BannerInfo> bannerList = [];
  ScrollController _controller;
  List<GameInfo> gameList = [];
  String gameName = '全部游戏';
  FocusNode _focusNode = new FocusNode();
  List<PhoneInfo> phoneList = [];
  int tipNum = 0;
  bool showMoreRoom = false;
  bool isFinish = false;

  Future<void> getUnreadMsg() async {
    Result res = await HttpManager.get('systemNotice/unread', data: {'userId': StoreProvider.of<AppState>(context).state.userInfo.id, 'statusFlag': 0});
    if (res.success && res.data != null) {
      setState(() {
        tipNum = res.data;
      });
      if (res.data > 0) {
        setState(() {
          showBadge = true;
        });
      } else {
        setState(() {
          showBadge = false;
        });
      }
    }
  }

  //展示通知
  void showNotice() {
    Navigator.of(context).push(PageRouteBuilder(
        opaque: false,
        transitionDuration: Duration(milliseconds: 300),
        transitionsBuilder: (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
          return FadeTransition(
            opacity: CurvedAnimation(parent: animation, curve: Curves.linear),
            child: child,
          );
        },
        pageBuilder: (BuildContext context, _, __) {
          return CompetitionInformation();
        }));
  }

  void showPicker(BuildContext context) {
    List<String> _list = [];
    for (var item in gameList) {
      _list.add(item.gameName);
    }
    String PickerData = json.encode(_list);
    Picker(
        confirmText: '确定',
        cancelText: '取消',
        adapter: PickerDataAdapter<String>(pickerdata: JsonDecoder().convert(PickerData)),
        changeToFirst: true,
        textAlign: TextAlign.left,
        columnPadding: const EdgeInsets.all(8.0),
        onConfirm: (Picker picker, List value) {
          setState(() {
            gameId = gameList[value[0]].id;
            gameName = gameList[value[0]].gameName;
          });
        }).showModal(this.context);
  }

  Future<void> getGame() async {
    // Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.get('gameInfo/all');
    // Toast.hide();
    if (res.success) {
      List<GameInfo> _list = [];
      for (var item in res.data) {
        _list.add(GameInfo.fromJson(item));
      }
      setState(() {
        gameList = _list;
      });
    } else {}
  }

  Future<void> getRoomInfo() async {
    print('获取房间');
    Map<String, dynamic> data = {
      'currentPage': currentPage,
      'pageNumber': 20,
      'statusStr': '0,2',
      'myUserId': StoreProvider.of<AppState>(context).state.userInfo.id
    };

    data['advancedQuery'] = '';
    if (gameId != 0) {
      data['gameId'] = gameId;
    }
    data['searchKey'] = searchKey;
    List<HouseInfo> _allList = houseList;
    if (currentPage == 1) {
      _allList = [];
    }

    if (StoreProvider.of<AppState>(context).state.userInfo.recommender != null) {
      data['recommender'] = StoreProvider.of<AppState>(context).state.userInfo.recommender;
    }
    Result res = await HttpManager.get('houseInfo/page', data: data);
    if (res.success && res.data['pp'] != null) {
      for (var item in res.data['pp']) {
        HouseInfo _temHouse = HouseInfo.fromJson(item);
        _allList.add(_temHouse);
      }
      if (res.data['page']['currentPage'] < res.data['page']['totalPage']) {
        scrollFlag = true;
      } else {
        setState(() {
          isFinish = true;
        });
        scrollFlag = false;
      }
    } else {}

    setState(() {
      houseList = _allList;
    });
  }

  Future<void> search(String text) async {
    if (text != searchKey) {
      currentPage = 1;
      searchKey = text;
      getRoomInfo();
    }
  }

  Future<void> getBannerInfo() async {
    List<BannerInfo> _bannerList = [];
    Toast.show(context, '加载中', -1, 'loading');
    Result res = await HttpManager.get('bannerInfo/all');
    Toast.hide();
    if (res.success && res.data != null) {
      for (var item in res.data) {
        BannerInfo banner = BannerInfo.fromJson(item);
        _bannerList.add(banner);
      }
      setState(() {
        bannerList = _bannerList;
      });
    }
  }

  Future<void> getPhoneInfo() async {
    List<PhoneInfo> _phoneList = [];
    Result res = await HttpManager.get('phoneInfo/all');
    if (res.success && res.data != null) {
      for (var item in res.data) {
        PhoneInfo phone = PhoneInfo.fromJson(item);
        _phoneList.add(phone);
      }
      setState(() {
        phoneList = _phoneList;
      });
    }

    final prefs = await SharedPreferences.getInstance();
    var now = new DateTime.now();
    var timeStr = now.year.toString() + '/' + now.month.toString() + '/' + now.day.toString();
    prefs.setString('showPhoneInfo', timeStr);

    Navigator.of(context).push(
      PageRouteBuilder(
        opaque: false,
        transitionDuration: Duration(milliseconds: 300),
        transitionsBuilder: (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
          return FadeTransition(
            opacity: CurvedAnimation(parent: animation, curve: Curves.linear),
            child: child,
          );
        },
        pageBuilder: (BuildContext context, _, __) {
          return LoadingDialog(
            // text: '部分手机自动设置了省电策略，会将我们的app在游戏进程中从后台停掉，为了你的正常比赛，请点击你的手机型号查看具体设置',
            phoneList: phoneList,
          );
        },
      ),
    );
  }

  @override
  void initState() {
    super.initState();
    bannerList = [];
    _controller = ScrollController();
    // gameList.add(GameInfo.fromJson({"id": 0, "gameName": '全部游戏'}));
    _controller.addListener(() {
      if (_controller.position.pixels == _controller.position.maxScrollExtent) {
        print('底部。。。');
        setState(() {
          showMoreRoom = true;
        });
        if (scrollFlag) {
          setState(() {
            currentPage++;
          });
          getRoomInfo();
        } else {
          Future.delayed(Duration(seconds: 2), () async {
            setState(() {
              showMoreRoom = false;
            });
          });
        }
      }
    });
    Future.delayed(Duration.zero, () async {
      getUnreadMsg();
      getBannerInfo();
      getGame();
      getRoomInfo();
      final prefs = await SharedPreferences.getInstance();
      var now = new DateTime.now();
      var timeStr = now.year.toString() + '/' + now.month.toString() + '/' + now.day.toString();
      if (prefs.getString('showPhoneInfo') != timeStr) {
        getPhoneInfo();
      }
    });
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    if (state == AppLifecycleState.resumed) {
      getUnreadMsg();
    }
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      behavior: HitTestBehavior.translucent,
      child: Scaffold(
          appBar: AppBar(
            title: Text('赛事'),
            centerTitle: true,
            leading: Material(
              color: Colors.transparent,
              child: Builder(
                builder: (context) => InkWell(
                      onTap: () async {
                        bool result = await Navigator.push(context, CupertinoPageRoute(builder: (context) => TipList()));
                        if (result) {
                          getUnreadMsg();
                        }
                      },
                      child: Container(
                        width: 30,
                        height: 30,
                        child: Stack(
                          children: <Widget>[
                            Center(
                              child: Image.asset('images/home_icon_xiaoxi.png'),
                            ),
                            showBadge
                                ? Positioned(
                                    right: 10,
                                    top: 12,
                                    child: Container(
                                      padding: EdgeInsets.all(1),
                                      decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(100))),
                                      child: Center(
                                        child: Container(
                                          padding: EdgeInsets.symmetric(horizontal: 3),
                                          height: 12,
                                          decoration: BoxDecoration(color: Color(0xFFD4504B), borderRadius: BorderRadius.all(Radius.circular(12))),
                                          child: Center(
                                            child: Text('${tipNum}', style: TextStyle(color: Colors.white, fontSize: 10)),
                                          ),
                                        ),
                                      ),
                                    ),
                                  )
                                : Container()
                          ],
                        ),
                      ),
                    ),
              ),
            ),
            actions: <Widget>[
              Container(
                width: 102,
                padding: EdgeInsets.all(15),
                child: LinearButton(
                  btntext: '配置帮助',
                  textColor: Color(0xFF2E3049),
                  btnHeight: 26.0,
                  colorList: [Color(0xFFFFB726), Color(0xFFFFB726)],
                  textSize: 12.0,
                  onTapHomeMenu: () {
                    // showNotice();
                    getPhoneInfo();
                  },
                ),
              )
            ],
          ),
          body: Container(
            color: Color(0xFF2E3049),
            height: double.infinity,
            width: double.infinity,
            child: RefreshIndicator(
              color: Theme.of(context).primaryColor,
              backgroundColor: Colors.white,
              displacement: 10,
              onRefresh: () async {
                await Future.delayed(const Duration(seconds: 1));
                gameId = 0;
                currentPage = 1;
                searchKey = '';
                getRoomInfo();
                // getBannerInfo();
                getGame();
              },
              child: CustomScrollView(
                physics: AlwaysScrollableScrollPhysics(),
                controller: _controller,
                slivers: <Widget>[
                  SliverToBoxAdapter(
                    child: Container(
                      width: double.infinity,
                      height: 200,
                      child: new Swiper(
                          itemBuilder: (BuildContext context, int index) {
                            return Image.network(
                              bannerList[index].imageUrl,
                              fit: BoxFit.fill,
                            );
                          },
                          itemCount: bannerList.length,
                          loop: false,
                          autoplay: true,
                          autoplayDelay: 5000,
                          pagination: SwiperCustomPagination(builder: (BuildContext context, SwiperPluginConfig config) {
                            Color activeColor = Color(0xFFD4504B);
                            Color color = Colors.white;
                            List<Widget> list = [];

                            int itemCount = config.itemCount;
                            int activeIndex = config.activeIndex;

                            for (int i = 0; i < itemCount; ++i) {
                              bool active = i == activeIndex;
                              list.add(
                                Container(
                                    key: Key("pagination_$i"),
                                    margin: EdgeInsets.symmetric(vertical: 3, horizontal: 2),
                                    child: Container(
                                      width: active ? 8 : 3,
                                      height: 3,
                                      decoration: BoxDecoration(color: active ? activeColor : color, borderRadius: BorderRadius.all(Radius.circular(3))),
                                    )),
                              );
                            }

                            return Container(
                              margin: EdgeInsets.only(top: 186),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: list,
                              ),
                            );
                          })),
                    ),
                  ),
                  SliverPersistentHeader(
                    pinned: true, //是否固定在顶部
                    floating: true,
                    delegate: _SliverAppBarDelegate(
                        minHeight: 60, //收起的高度
                        maxHeight: 60, //展开的最大高度
                        child: InkWell(
                            onTap: () {
                              Navigator.push(context, CupertinoPageRoute(builder: (context) => SelectRoom()));
                            },
                            child: Container(
                              color: Color(0xFF2E3049),
                              height: 60,
                              padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                              child: Container(
                                decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(4))),
                                child: Row(
                                  children: <Widget>[
                                    Container(
                                      width: 10,
                                    ),
                                    ImageIcon(
                                      AssetImage('images/home_icon_sousuo.png'),
                                      color: Color(0xFF727785),
                                    ),
                                    Expanded(
                                      flex: 1,
                                      child: Container(
                                        decoration: BoxDecoration(
                                          color: Colors.white,
                                          borderRadius: BorderRadius.all(Radius.circular(100)),
                                        ),
                                        child: Text('搜索竞赛房间', style: TextStyle(color: Color(0xFF9BA0AE), fontSize: 13)),
                                      ),
                                    ),
                                    Container(
                                      width: 1,
                                      height: 10,
                                      color: Color(0xFFB1B5C0),
                                    ),
                                    Container(
                                        width: 99,
                                        child: Row(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          children: <Widget>[
                                            Expanded(
                                              flex: 1,
                                              child: Container(
                                                padding: EdgeInsets.only(left: 5),
                                                alignment: Alignment.center,
                                                child: Text(
                                                  gameName,
                                                  style: TextStyle(color: Color(0xFFB1B5C0)),
                                                  overflow: TextOverflow.ellipsis,
                                                ),
                                              ),
                                            ),
                                            Image.asset('images/icon_zhankai_huise.png'),
                                            Container(
                                              width: 5,
                                            )
                                          ],
                                        ))
                                  ],
                                ),
                              ),
                            ))),
                  ),
                  SliverFixedExtentList(
                    itemExtent: houseList.isEmpty ? 300 : 90,
                    delegate: SliverChildBuilderDelegate((BuildContext context, int index) {
                      if (houseList.isEmpty) {
                        return InkWell(
                          child: Container(
                            padding: EdgeInsets.only(top: 105),
                            child: Column(
                              children: <Widget>[
                                Image.asset('images/icon_kong.png'),
                                Text('暂时没有此房间哦～', style: TextStyle(fontSize: 14, color: Theme.of(context).primaryColor.withOpacity(0.3)))
                              ],
                            ),
                          ),
                          onTap: () {
                            _focusNode.unfocus();
                          },
                        );
                      } else if (index == houseList.length) {
                        return Text(isFinish ? '更多房间敬请期待...' : '加载中...',
                            style: TextStyle(color: Colors.grey, fontSize: 13, height: 3), textAlign: TextAlign.center);
                      }
                      return HouseItem(
                        houseList[index],
                        houseList[index].gameInfo,
                        isNext: !_focusNode.hasFocus,
                        onTapHomeMenu: () {
                          setState(() {
                            _focusNode.unfocus();
                          });
                        },
                      );
                    }, childCount: (houseList.length != 0 && (houseList.length < 5 || !showMoreRoom)) ? houseList.length : houseList.length + 1),
                  ),
                  SliverToBoxAdapter(
                    child: Container(
                      height: 30,
                    ),
                  )
                ],
              ),
            ),
          )),
      onTap: () {
        _focusNode.unfocus();
      },
    );
  }

  List<Widget> _houseList(houselist) {
    List<Widget> list = [];
    for (var i = 0; i < houselist.length; i++) {
      list.add(HouseItem(houselist[i], houselist[i].gameInfo));
    }

    return list;
  }
}

class _SliverAppBarDelegate extends SliverPersistentHeaderDelegate {
  _SliverAppBarDelegate({
    @required this.minHeight,
    @required this.maxHeight,
    @required this.child,
  });

  final double minHeight;
  final double maxHeight;
  final Widget child;

  @override
  double get minExtent => minHeight;

  @override
  double get maxExtent => max(maxHeight, minHeight);

  @override
  Widget build(BuildContext context, double shrinkOffset, bool overlapsContent) {
    return new SizedBox.expand(child: child);
  }

  @override
  bool shouldRebuild(_SliverAppBarDelegate oldDelegate) {
    return maxHeight != oldDelegate.maxHeight || minHeight != oldDelegate.minHeight || child != oldDelegate.child;
  }
}

typedef OnTapHomeMenu = void Function();

class LoadingDialog extends Dialog {
  final List<PhoneInfo> phoneList;

  LoadingDialog({Key key, this.phoneList = const []}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      child: Scaffold(
        backgroundColor: Color(0xCC000000),
        body: Container(
          child: SizedBox.expand(
            child: UnconstrainedBox(
              child: Container(
                width: 320,
                // padding: EdgeInsets.symmetric(horizontal: 20, vertical: 25),
                height: 380,
                decoration: BoxDecoration(color: Color(0xFF15151D), border: Border.all(width: 1, color: Theme.of(context).primaryColor)),
                child: Stack(
                  children: <Widget>[
                    Padding(
                      padding: EdgeInsets.symmetric(horizontal: 20, vertical: 25),
                      child: Column(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: <Widget>[
                          Text.rich(TextSpan(style: TextStyle(color: Colors.white, fontSize: 14), children: [
                            TextSpan(text: '欢迎来到杀戮的世界！您的手机可能设置了'),
                            TextSpan(text: '“省电策略”', style: TextStyle(color: Color(0xFFFFB726), fontWeight: FontWeight.w600)),
                            TextSpan(text: '，为了不影响您的游戏体验，请在游戏前，先选择您的手机品牌，跟着说明正确的配置手机')
                          ])),
                          // Container(
                          //   height: 30,
                          // ),
                          Container(
                              width: double.infinity,
                              height: 180,
                              margin: EdgeInsets.fromLTRB(0, 0, 0, 20),
                              child: GridView.builder(
                                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                                      crossAxisCount: 2, //每行三列
                                      childAspectRatio: 3.0 //显示区域宽高相等
                                      ),
                                  itemCount: phoneList.length,
                                  itemBuilder: (context, index) {
                                    //如果显示到最后一个并且Icon总数小于200时继续获取数据

                                    return InkWell(
                                      child: Container(
                                        margin: EdgeInsets.all(5),
                                        color: Colors.white,
                                        child: Row(
                                          mainAxisAlignment: MainAxisAlignment.center,
                                          children: <Widget>[
                                            Image.network(
                                              phoneList[index].icon,
                                              width: 20,
                                            ),
                                            Container(
                                              width: 5,
                                            ),
                                            Text(phoneList[index].phone)
                                          ],
                                        ),
                                      ),
                                      onTap: () async {
                                        var list = phoneList[index].image.split(',');
                                        final bool res = await Navigator.of(context).push(
                                          PageRouteBuilder(
                                            opaque: false,
                                            transitionDuration: Duration(milliseconds: 300),
                                            transitionsBuilder:
                                                (BuildContext context, Animation<double> animation, Animation<double> secondaryAnimation, Widget child) {
                                              return FadeTransition(
                                                opacity: CurvedAnimation(parent: animation, curve: Curves.linear),
                                                child: child,
                                              );
                                            },
                                            pageBuilder: (BuildContext context, _, __) {
                                              return PhotoView(imageList: list);
                                            },
                                          ),
                                        );
                                        if (res != null && res) {
                                          Navigator.of(context).pop();
                                        }
                                      },
                                    );
                                  })),
                          Container(
                            child: LinearButton(
                              btntext: '关闭',
                              btnHeight: 36.0,
                              colorList: [Color(0xFF271A21), Color(0xFF271A21)],
                              textColor: Color(0xFFD4504B),
                              textWeight: FontWeight.w400,
                              onTapHomeMenu: () {
                                Navigator.of(context).pop();
                              },
                            ),
                          ),
                          // Container(
                          //   height: 5,
                          // )
                        ],
                      ),
                    ),
                    Positioned(
                      top: 0,
                      left: 0,
                      child: Image.asset(
                        'images/tancuang_shang.png',
                        // width: 131,
                      ),
                    ),
                    Positioned(
                      bottom: 0,
                      right: 4,
                      child: Image.asset(
                        'images/tancuang_xia.png',
                        // width: 148,
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
      ),
      onWillPop: () {
        return Future.value(false);
      },
    );
  }
}