import 'package:PiliPalaX/utils/storage.dart'; import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:PiliPalaX/common/constants.dart'; import 'package:PiliPalaX/common/widgets/network_img_layer.dart'; import 'package:PiliPalaX/models/common/theme_type.dart'; import 'package:PiliPalaX/models/user/info.dart'; import 'package:material_design_icons_flutter/material_design_icons_flutter.dart'; import 'controller.dart'; class MinePage extends StatefulWidget { const MinePage({super.key}); @override State createState() => _MinePageState(); } class _MinePageState extends State { final MineController mineController = Get.put(MineController()) ..themeType.value = ThemeType.values[GStorage.themeType]; late Future _futureBuilderFuture; @override void initState() { super.initState(); _futureBuilderFuture = mineController.queryUserInfo(); mineController.userLogin.listen((status) { if (mounted) { _futureBuilderFuture = mineController.queryUserInfo(); _futureBuilderFuture.then((value) => setState(() {})); } }); } Widget get _header => FittedBox( child: Row( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ const SizedBox(width: 12), Image.asset( 'assets/images/logo/logo_android_2.png', width: 35, ), const SizedBox(width: 5), Text( 'PiliPalaX', style: Theme.of(context).textTheme.titleMedium, ), const SizedBox(width: 30), IconButton( iconSize: 40.0, padding: const EdgeInsets.all(8), style: const ButtonStyle( tapTargetSize: MaterialTapTargetSize.shrinkWrap, // the '2023' part ), tooltip: "${MineController.anonymity ? '退出' : '进入'}无痕模式", onPressed: () { MineController.onChangeAnonymity(context); setState(() {}); }, icon: Icon( MineController.anonymity ? MdiIcons.incognito : MdiIcons.incognitoOff, size: 24, ), ), IconButton( iconSize: 40.0, padding: const EdgeInsets.all(8), constraints: const BoxConstraints(), style: const ButtonStyle( tapTargetSize: MaterialTapTargetSize.shrinkWrap, // the '2023' part ), tooltip: '切换至${switch (mineController.nextThemeType) { ThemeType.light => '浅色', ThemeType.dark => '深色', ThemeType.system => '跟随系统', }}主题', onPressed: mineController.onChangeTheme, icon: Icon( switch (mineController.themeType.value) { ThemeType.light => MdiIcons.weatherSunny, ThemeType.dark => MdiIcons.weatherNight, ThemeType.system => MdiIcons.themeLightDark, }, size: 24, ), ), IconButton( iconSize: 40.0, padding: const EdgeInsets.all(8), constraints: const BoxConstraints(), style: const ButtonStyle( tapTargetSize: MaterialTapTargetSize.shrinkWrap, // the '2023' part ), tooltip: '设置', onPressed: () => { Get.back(), Get.toNamed('/setting', preventDuplicates: false), }, icon: Icon( MdiIcons.cogs, size: 24, ), ), const SizedBox(width: 10), ], ), ); @override Widget build(BuildContext context) { return IntrinsicWidth( child: Column( mainAxisSize: MainAxisSize.min, children: [ const SizedBox(height: 8), _header, const SizedBox(height: 10), FutureBuilder( future: _futureBuilderFuture, builder: (context, snapshot) { if (snapshot.connectionState == ConnectionState.done) { if (snapshot.data == null || !snapshot.data['status']) { return userInfoBuild(mineController, context); } return Obx(() => userInfoBuild(mineController, context)); } else { return userInfoBuild(mineController, context); } }, ), ], ), ); } Widget userInfoBuild(_mineController, context) { LevelInfo? levelInfo = _mineController.userInfo.value.levelInfo; TextStyle style = TextStyle( fontSize: Theme.of(context).textTheme.titleMedium!.fontSize, color: Theme.of(context).colorScheme.primary, fontWeight: FontWeight.bold, ); return Column( mainAxisSize: MainAxisSize.min, children: [ Row( mainAxisSize: MainAxisSize.min, children: [ const SizedBox(width: 20), GestureDetector( onTap: _mineController.onLogin, child: ClipOval( child: Container( width: 70, height: 70, color: Theme.of(context).colorScheme.onInverseSurface, child: Center( child: _mineController.userInfo.value.face != null ? NetworkImgLayer( src: _mineController.userInfo.value.face, semanticsLabel: '头像', width: 70, height: 70, ) : Image.asset( 'assets/images/noface.jpeg', semanticLabel: "默认头像", ), ), ), ), ), const SizedBox(width: 16), Expanded( child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.start, children: [ FittedBox( child: Row( mainAxisSize: MainAxisSize.min, children: [ Text( _mineController.userInfo.value.uname ?? '点击头像登录', style: Theme.of(context).textTheme.titleMedium, ), const SizedBox(width: 4), Image.asset( 'assets/images/lv/lv${_mineController.userInfo.value.levelInfo != null ? _mineController.userInfo.value.levelInfo!.currentLevel : '0'}.png', height: 10, semanticLabel: '等级：${_mineController.userInfo.value.levelInfo != null ? _mineController.userInfo.value.levelInfo!.currentLevel : '0'}', ), ], ), ), const SizedBox(height: 8), FittedBox( child: Text.rich( TextSpan( children: [ TextSpan( text: '硬币 ', style: TextStyle( fontSize: Theme.of(context) .textTheme .labelSmall! .fontSize, color: Theme.of(context).colorScheme.outline, ), ), TextSpan( text: (_mineController.userInfo.value.money ?? '-') .toString(), style: TextStyle( fontSize: Theme.of(context) .textTheme .labelSmall! .fontSize, fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), TextSpan( text: " 经验 ", style: TextStyle( fontSize: Theme.of(context) .textTheme .labelSmall! .fontSize, color: Theme.of(context).colorScheme.outline, ), ), TextSpan( text: "${levelInfo?.currentExp ?? '-'}", semanticsLabel: "当前${levelInfo?.currentExp ?? '-'}", style: TextStyle( fontSize: Theme.of(context) .textTheme .labelSmall! .fontSize, fontWeight: FontWeight.bold, color: Theme.of(context).colorScheme.primary, ), ), TextSpan( text: "/${levelInfo?.nextExp ?? '-'}", semanticsLabel: "升级需${levelInfo?.nextExp ?? '-'}", style: TextStyle( fontSize: Theme.of(context) .textTheme .labelSmall! .fontSize, color: Theme.of(context).colorScheme.outline, ), ), ], ), ), ), const SizedBox(height: 4), LinearProgressIndicator( minHeight: 2, value: levelInfo != null ? (levelInfo.currentExp! / levelInfo.nextExp!) : 0, backgroundColor: Theme.of(context).colorScheme.inversePrimary, valueColor: AlwaysStoppedAnimation( Theme.of(context).colorScheme.primary), ), ], ), ), const SizedBox(width: 20), ], ), const SizedBox(height: 10), SizedBox( width: 240, height: 100, child: GridView.count( padding: EdgeInsets.zero, physics: const NeverScrollableScrollPhysics(), crossAxisCount: 3, children: [ InkWell( onTap: _mineController.pushDynamic, borderRadius: StyleString.mdRadius, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ AnimatedSwitcher( duration: const Duration(milliseconds: 400), transitionBuilder: (Widget child, Animation animation) { return ScaleTransition(scale: animation, child: child); }, child: Text( (_mineController.userStat.value.dynamicCount ?? '-') .toString(), key: ValueKey(_mineController .userStat.value.dynamicCount .toString()), style: style, ), ), const SizedBox(height: 8), Text( '动态', style: Theme.of(context).textTheme.labelMedium, ), ], ), ), InkWell( onTap: _mineController.pushFollow, borderRadius: StyleString.mdRadius, child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ AnimatedSwitcher( duration: const Duration(milliseconds: 400), transitionBuilder: (Widget child, Animation animation) { return ScaleTransition(scale: animation, child: child); }, child: Text( (_mineController.userStat.value.following ?? '-') .toString(), key: ValueKey(_mineController .userStat.value.following .toString()), style: style, ), ), const SizedBox(height: 8), Text( '关注', style: Theme.of(context).textTheme.labelMedium, ), ], ), ), InkWell( onTap: _mineController.pushFans, borderRadius: StyleString.mdRadius, child: Column( mainAxisSize: MainAxisSize.min, mainAxisAlignment: MainAxisAlignment.center, children: [ AnimatedSwitcher( duration: const Duration(milliseconds: 400), transitionBuilder: (Widget child, Animation animation) { return ScaleTransition(scale: animation, child: child); }, child: Text( (_mineController.userStat.value.follower ?? '-') .toString(), key: ValueKey( _mineController.userStat.value.follower.toString()), style: style, ), ), const SizedBox(height: 8), Text( '粉丝', style: Theme.of(context).textTheme.labelMedium, ), ], ), ), ], ), ), ], ); } }