refa: avatar (not radical) (#731)

* refa: avatar (not radical) * update Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me> --------- Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me> Co-authored-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-06 09:13:48 +08:00 · 2025-04-22 14:36:01 +08:00
parent 4c0443ec28
commit 3d4bcbc082
7 changed files with 319 additions and 419 deletions
--- a/lib/common/widgets/avatar.dart
+++ b/lib/common/widgets/avatar.dart
@@ -0,0 +1,169 @@
+import 'package:PiliPlus/utils/extension.dart';
+import 'package:PiliPlus/utils/storage.dart';
+import 'package:PiliPlus/utils/utils.dart';
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+import 'network_img_layer.dart';
+
+class Avatar extends StatelessWidget {
+  final _BadgeType _badgeType;
+  final String avatar;
+  final double size;
+  final double badgeSize;
+  final String? garbPendantImage;
+  final dynamic roomId;
+  final VoidCallback? onTap;
+
+  const Avatar({
+    super.key,
+    required this.avatar,
+    this.size = 80,
+    double? badgeSize,
+    bool? isVip,
+    int? officialType,
+    this.garbPendantImage,
+    this.roomId,
+    this.onTap,
+  })  : _badgeType = officialType == null || officialType < 0
+            ? isVip == true
+                ? _BadgeType.vip
+                : _BadgeType.none
+            : officialType == 0
+                ? _BadgeType.person
+                : officialType == 1
+                    ? _BadgeType.institution
+                    : _BadgeType.none,
+        badgeSize = badgeSize ?? size / 3;
+
+  static final showDynDecorate = GStorage.showDynDecorate;
+
+  @override
+  Widget build(BuildContext context) {
+    final colorScheme = Theme.of(context).colorScheme;
+    return Stack(
+      alignment: Alignment.bottomCenter,
+      clipBehavior: Clip.none,
+      children: [
+        onTap == null
+            ? _buildAvatar(colorScheme)
+            : GestureDetector(
+                behavior: HitTestBehavior.opaque,
+                onTap: onTap,
+                child: _buildAvatar(colorScheme),
+              ),
+        if (showDynDecorate && !garbPendantImage.isNullOrEmpty)
+          Positioned(
+            top: -0.375 *
+                (size == 80 ? size - 4 : size), // -(size * 1.75 - size) / 2
+            child: IgnorePointer(
+              child: CachedNetworkImage(
+                width: size * 1.75,
+                height: size * 1.75,
+                imageUrl: Utils.thumbnailImgUrl(garbPendantImage),
+              ),
+            ),
+          ),
+        if (roomId != null)
+          Positioned(
+            bottom: 0,
+            child: InkWell(
+              onTap: () {
+                Get.toNamed('/liveRoom?roomid=$roomId');
+              },
+              child: Container(
+                padding: EdgeInsets.symmetric(horizontal: 5, vertical: 1),
+                decoration: BoxDecoration(
+                  color: colorScheme.secondaryContainer,
+                  borderRadius: BorderRadius.circular(36),
+                ),
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    Icon(
+                      Icons.equalizer_rounded,
+                      size: MediaQuery.textScalerOf(context).scale(16),
+                      color: colorScheme.onSecondaryContainer,
+                    ),
+                    Text(
+                      '直播中',
+                      style: TextStyle(
+                        height: 1,
+                        fontSize: 13,
+                        color: colorScheme.onSecondaryContainer,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          )
+        else if (_badgeType != _BadgeType.none)
+          _buildBadge(colorScheme),
+      ],
+    );
+  }
+
+  Widget _buildAvatar(ColorScheme colorScheme) => size == 80
+      ? Container(
+          decoration: BoxDecoration(
+            border: Border.all(
+              width: 2,
+              color: colorScheme.surface,
+            ),
+            shape: BoxShape.circle,
+          ),
+          child: NetworkImgLayer(
+            src: avatar,
+            width: size,
+            height: size,
+            type: 'avatar',
+          ),
+        )
+      : NetworkImgLayer(
+          src: avatar,
+          width: size,
+          height: size,
+          type: 'avatar',
+        );
+
+  Widget _buildBadge(ColorScheme colorScheme) {
+    final child = switch (_badgeType) {
+      _BadgeType.vip => Image.asset(
+          'assets/images/big-vip.png',
+          height: badgeSize,
+          semanticLabel: _badgeType.desc,
+        ),
+      _ => Icon(
+          Icons.offline_bolt,
+          color: _badgeType.color,
+          size: badgeSize,
+          semanticLabel: _badgeType.desc,
+        ),
+    };
+    return Positioned(
+        right: 0,
+        bottom: 0,
+        child: IgnorePointer(
+          child: DecoratedBox(
+              decoration: BoxDecoration(
+                shape: BoxShape.circle,
+                color: colorScheme.surface,
+              ),
+              child: child),
+        ));
+  }
+}
+
+enum _BadgeType { none, vip, person, institution }
+
+extension _BadgeTypeExt on _BadgeType {
+  String get desc => const ['', '大会员', '认证个人', '认证机构'][index];
+  Color get color => const [
+        Colors.transparent,
+        Color(0xFFFF6699),
+        Color(0xFFFFCC00),
+        Colors.lightBlueAccent
+      ][index];
+}