EchoZenith/PiliPlus
1
0
Fork 0
mirror of https://github.com/bggRGjQaUbCoE/PiliPlus.git synced 2026-04-22 11:41:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

show medal wall

Browse Source 
show user follow time

show top image title

Signed-off-by: dom <githubaccount56556@proton.me>
This commit is contained in:
dom
2026-03-20 22:12:43 +08:00
parent 662ccfcf0a
commit ae59d257c3
21 changed files with 927 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
lib/pages/member/widget/medal_wall.dart Normal file
View File

@@ -0,0 +1,177 @@
import 'package:PiliPlus/common/widgets/image/network_img_layer.dart';
import 'package:PiliPlus/common/widgets/pendant_avatar.dart';
import 'package:PiliPlus/models_new/live/live_medal_wall/data.dart';
import 'package:PiliPlus/pages/member/widget/medal_widget.dart';
import 'package:PiliPlus/utils/app_scheme.dart';
import 'package:PiliPlus/utils/extension/num_ext.dart';
import 'package:PiliPlus/utils/extension/theme_ext.dart';
import 'package:PiliPlus/utils/page_utils.dart';
import 'package:PiliPlus/utils/utils.dart';
import 'package:flutter/foundation.dart' show kDebugMode;
import 'package:flutter/material.dart';
class MedalWall extends StatelessWidget {
const MedalWall({super.key, required this.response});
final MedalWallData response;
@override
Widget build(BuildContext context) {
final colorScheme = ColorScheme.of(context);
return AlertDialog(
clipBehavior: .hardEdge,
title: const Text('粉丝勋章墙'),
contentPadding: const .symmetric(vertical: 16),
constraints: const BoxConstraints.tightFor(width: 380),
content: CustomScrollView(
shrinkWrap: true,
slivers: [
SliverToBoxAdapter(
child: Center(
child: NetworkImgLayer(
src: response.icon,
width: 50,
height: 50,
type: .avatar,
),
),
),
SliverToBoxAdapter(
child: Padding(
padding: const .only(top: 5),
child: Center(child: Text(response.name!)),
),
),
SliverToBoxAdapter(
child: Center(
child: Padding(
padding: const .only(top: 5, bottom: 8),
child: Text.rich(
style: TextStyle(fontSize: 12, color: colorScheme.outline),
TextSpan(
children: [
const TextSpan(text: '共拥有 '),
TextSpan(
text: response.count.toString(),
style: TextStyle(
fontSize: 13,
color: colorScheme.primary,
),
),
const TextSpan(text: ' 枚粉丝勋章'),
],
),
),
),
),
),
SliverList.builder(
itemCount: response.list!.length,
itemBuilder: (context, index) {
final item = response.list![index];
final uinfoMedal = item.uinfoMedal!;
final isLiving = item.liveStatus == 1;
Color? nameColor;
Color? backgroundColor;
try {
nameColor = Utils.parseColor(uinfoMedal.v2MedalColorText!);
backgroundColor = Utils.parseMedalColor(
uinfoMedal.v2MedalColorStart!,
);
} catch (e, s) {
if (kDebugMode) {
Utils.reportError(e, s);
}
}
final medal = MedalWidget(
medalName: uinfoMedal.name!,
level: uinfoMedal.level!,
backgroundColor:
backgroundColor ?? colorScheme.secondaryContainer,
nameColor: nameColor ?? colorScheme.onSecondaryContainer,
levelColor: nameColor ?? colorScheme.onSecondaryContainer,
);
Widget avatar = PendantAvatar(
avatar: item.targetIcon,
size: 38,
officialType: switch (item.official) {
1 => 0,
2 => 1,
_ => null,
},
);
if (isLiving) {
avatar = GestureDetector(
onTap: () =>
PageUtils.toDupNamed('/member?mid=${uinfoMedal.ruid}'),
child: avatar,
);
}
return ListTile(
onTap: () {
if (isLiving) {
PiliScheme.routePushFromUrl(item.link!);
} else {
PageUtils.toDupNamed('/member?mid=${uinfoMedal.ruid}');
}
},
visualDensity: VisualDensity.comfortable,
leading: avatar,
title: Row(
children: [
Flexible(
child: Text(
item.targetName!,
maxLines: 1,
overflow: .ellipsis,
style: const TextStyle(height: 1, fontSize: 14),
),
),
if (isLiving)
Padding(
padding: const .only(left: 4),
child: Image.asset(
'assets/images/live.gif',
height: 16,
cacheHeight: 16.cacheSize(context),
color: colorScheme.primary,
),
),
Padding(
padding: const .only(left: 8),
child: medal,
),
],
),
trailing: item.medalInfo!.wearingStatus == 1
? Container(
padding: const .symmetric(horizontal: 8, vertical: 3),
decoration: BoxDecoration(
borderRadius: const .all(.circular(3)),
color: colorScheme.isDark
? const Color(0xFF8F0030)
: const Color(0xFFFF6699),
),
child: const Text(
'佩戴中',
style: TextStyle(
height: 1,
fontSize: 10,
color: Colors.white,
),
strutStyle: StrutStyle(
height: 1,
leading: 0,
fontSize: 10,
),
),
)
: null,
);
},
),
],
),
);
}
}