flutter-sport/lib/widgets/misc.dart

import 'dart:math';

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:provider/provider.dart';
import 'package:sport/bean/post_user.dart';
import 'package:sport/bean/user.dart';
import 'package:sport/constant/ui.dart';
import 'package:sport/provider/user_model.dart';
import 'package:sport/router/navigator_util.dart';
import 'package:sport/widgets/dialog/popupmenu.dart' as menu;
import 'package:sport/widgets/image.dart';
import 'package:sport/widgets/refresh_header.dart' as header;
import 'package:sport/widgets/refresh_footer.dart';
import 'package:sport/widgets/space.dart';

Widget buildSocialUserWidget(BuildContext context, PostUser user, int createTime, int avatarWidth) {
  return user == null
      ? Container()
      : GestureDetector(
          onTap: () => NavigatorUtil.goSocialUserDetail(context, user),
          child: Row(
            children: <Widget>[
              Space(
                width: 12,
              ),
              CircleAvatar(backgroundImage: userAvatarProvider(user?.avatar), radius: avatarWidth / 2),
              Space(
                width: 8,
              ),
              Text(
                user?.name,
                style: Theme.of(context).textTheme.subtitle1.copyWith(fontWeight: FontWeight.w600),
              ),
            ],
          ));
}

Widget buildLabelWidget(BuildContext context, String title) {
  return Container(
      padding: EdgeInsets.fromLTRB(ui_padding, 10.0, ui_padding, 10.0),
      child: Text(
        title,
        style: Theme.of(context).textTheme.headline1,
      ));
}

Widget gameTag(BuildContext context, String name) {
  return Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.all(Radius.circular(50)),
      border: Border.all(
        color: Theme.of(context).accentColor,
        width: 1,
      ),
    ),
    padding: EdgeInsets.fromLTRB(8, 0, 8, 1),
    child: Text(
      name,
      style: Theme.of(context).textTheme.bodyText1.copyWith(color: Theme.of(context).accentColor),
      strutStyle: fixedLine,
    ),
  );
}

Widget achievementGroupWidget(List<Achievement> achievements) {
  return achievements == null || achievements.isEmpty
      ? Center(child: Container(child: Padding(padding: const EdgeInsets.all(24.0), child: Text("还未获得成就"))))
      : StaggeredGridView.countBuilder(
          padding: EdgeInsets.zero,
          shrinkWrap: true,
          physics: NeverScrollableScrollPhysics(),
          crossAxisCount: 4,
          itemCount: min(4, achievements.length),
          itemBuilder: (BuildContext context, int index) => achievementWidget(context, achievements[index]),
          crossAxisSpacing: 12.0,
          staggeredTileBuilder: (int index) => StaggeredTile.fit(1),
        );
}

Widget achievementWidget(BuildContext context, Achievement item, {double w = 70, bool replace = false, bool isRadius = false, bool jump = true}) => InkWell(
    onTap: () {
      if(item.userId != null && Provider.of<UserModel>(context, listen: false).user.id != item.userId)
        return;
      if (jump == true) NavigatorUtil.goAchievementDetails(context, id: item.id, userId: item.userId ?? 0, replace: replace);
    },
    child: Column(
      children: <Widget>[
        isRadius
            ? CircleAvatar(backgroundImage: CachedNetworkImageProvider(item.logo ?? ""), radius: w / 2)
            : item?.createdAt == ""
                ? ColorFiltered(
                    colorFilter: ColorFilter.mode(Color(0xffF1F1F1), BlendMode.color),
                    child: CachedNetworkImage(width: w, height: w, imageUrl: item.logo ?? ""),
                  )
                : Container(
                    width: w,
                    height: w,
                    child: CachedNetworkImage(imageUrl: item.logo ?? ""),
                  ),
        Space(
          height: 5,
        ),
        Text(
          item.name,
          style: Theme.of(context).textTheme.subtitle1.copyWith(fontSize: w < 80 ? 12 : 14),
        )
      ],
    ));

Widget sportBeEquivalentTo(BuildContext context, int consume, {bool highlight = false}) => Padding(
      padding: EdgeInsets.all(10.0),
      child: Text(
        "消耗了 ${(consume / 50).round()} 块小饼干",
        style: Theme.of(context).textTheme.subtitle1,
      ),
    );

// Row(
//   mainAxisAlignment: MainAxisAlignment.spaceAround,
//   children: <Widget>[
//     Column(
//       children: <Widget>[
//         Image.asset("lib/assets/img/gamedetail_image_walk.png"),
//         Space(
//           height: 8,
//         ),
//         RichText(
//           text: TextSpan(children: <InlineSpan>[
//             TextSpan(text: '步行', style: Theme.of(context).textTheme.bodyText1),
//             TextSpan(
//                 text: '${(consume / 3 * 90).floor()}',
//                 style: highlight
//                     ? Theme.of(context).textTheme.bodyText1.copyWith(color: Theme.of(context).accentColor)
//                     : Theme.of(context).textTheme.bodyText1),
//             TextSpan(text: '步', style: Theme.of(context).textTheme.bodyText1),
//           ]),
//         )
//       ],
//     ),
//     Column(
//       children: <Widget>[
//         Image.asset("lib/assets/img/gamedetail_image_run.png"),
//         Space(
//           height: 8,
//         ),
//         RichText(
//           text: TextSpan(children: <InlineSpan>[
//             TextSpan(text: '跑步', style: Theme.of(context).textTheme.bodyText1),
//             TextSpan(
//                 text: '${(consume / 60 / 1.036).toStringAsFixed(1)}',
//                 style: highlight
//                     ? Theme.of(context).textTheme.bodyText1.copyWith(color: Theme.of(context).accentColor)
//                     : Theme.of(context).textTheme.bodyText1),
//             TextSpan(text: '公里', style: Theme.of(context).textTheme.bodyText1),
//           ]),
//         )
//       ],
//     ),
//     Column(
//       children: <Widget>[
//         Image.asset("lib/assets/img/gamedetail_image_riding.png"),
//         Space(
//           height: 8,
//         ),
//         RichText(
//           text: TextSpan(children: <InlineSpan>[
//             TextSpan(text: '单车', style: Theme.of(context).textTheme.bodyText1),
//             TextSpan(
//                 text: '${(consume / 60 / 0.6142).toStringAsFixed(1)}',
//                 style: highlight
//                     ? Theme.of(context).textTheme.bodyText1.copyWith(color: Theme.of(context).accentColor)
//                     : Theme.of(context).textTheme.bodyText1),
//             TextSpan(text: '公里', style: Theme.of(context).textTheme.bodyText1),
//           ]),
//         )
//       ],
//     ),
//   ],
// );

const REFRESH_INFO_COLOR = Color(0xff999999);

header.ClassicalHeader buildClassicalHeader(
    {double extent = 80.0,
    double triggerDistance = 90.0,
    Color infoColor = REFRESH_INFO_COLOR,
    Color textColor =const Color(0xffFFC400),
    Color bgColor = Colors.transparent}) {
  return header.ClassicalHeader(
    extent: extent,
    triggerDistance: triggerDistance,
    showInfo: false,
    refreshText: '下拉刷新',
    refreshFailedText: '刷新失败',
    refreshedText: '刷新完成',
    refreshingText: '正在刷新...',
    refreshReadyText: '释放刷新',
    infoColor: Color(0xffFFC400),
    bgColor: bgColor,
    textColor: textColor,
  );
}

Footer buildClassicalFooter() {
  return CustomClassicalFooter(
      showInfo: false,
      loadedText: '加载完成',
      loadReadyText: '释放加载',
      loadFailedText: '加载失败',
      loadText: '拉动加载',
      loadingText: '正在加载...',
      noMoreText: "没有更多了~",
      infoColor: Color(0xff999999));
}

PopupMenuEntry menuDivider() => menu.PopupMenuItem(
      height: 1,
      child: Divider(
        height: 1,
      ),
    );

PopupMenuEntry menuItem(String value, String icon, String text) => menu.PopupMenuItem(
      value: value,
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Image.asset(
            "lib/assets/img/$icon",
            width: 24,
          ),
          SizedBox(
            width: 4,
          ),
          Text(
            text,
          )
        ],
      ),
    );

PopupMenuEntry menuItemCenter(dynamic value, String text) => menu.PopupMenuItem(
      value: value,
      child: Center(
          child: Text(
        text,
      )),
    );

PopupMenuEntry menuItemSelected(dynamic value, String text, bool select) => menu.PopupMenuItem(
    value: value,
    child: Row(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        Container(
          alignment: AlignmentDirectional.centerStart,
          constraints: BoxConstraints(minWidth: 60),
          padding: const EdgeInsets.symmetric(horizontal: 8.0),
          child: select
              ? Text(
                  text,
                  style: TextStyle(color: Color(0xffFFC400)),
                )
              : Text(
                  text,
                ),
        ),
        if (select)
          Image.asset(
            "lib/assets/img/pop_icon_selected.png",
            width: 24,
          ),
      ],
    ));

List<PopupMenuEntry> divideMenus(Iterable<PopupMenuEntry> tiles) {
  assert(tiles != null);

  final Iterator<PopupMenuEntry> iterator = tiles.iterator;
  final PopupMenuEntry divider = menuDivider();
  final List<PopupMenuEntry> list = [];

  while (iterator.moveNext()) {
    list.add(iterator.current);
    list.add(divider);
  }
  if (list.length > 1) list.removeAt(list.length - 1);
  return list;
}

final StrutStyle fixedLine = StrutStyle(forceStrutHeight: true);