HCha/PiliPlus
1
0
Fork 0
mirror of https://github.com/HChaZZY/PiliPlus.git synced 2025-12-06 09:13:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

refa: avatar (#722)

Browse Source 
* mod: unify icon

* refa: avatar
This commit is contained in:
My-Responsitories
2025-04-20 10:24:39 +08:00
committed by GitHub
parent bbc498f882
commit ed60c274fc
7 changed files with 375 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
lib/common/widgets/avatar.dart Normal file
View File

@@ -0,0 +1,172 @@
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 String? garbPendantImage;
final dynamic roomId;
final VoidCallback? onTap;
const Avatar({
super.key,
required this.avatar,
this.size = 80,
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
: _BadgeType.institution;
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 (!garbPendantImage.isNullOrEmpty)
Positioned(
top: -size * 0.375, // -(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: size / 12),
decoration: BoxDecoration(
color: colorScheme.secondaryContainer,
borderRadius: BorderRadius.circular(size / 6),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.equalizer_rounded,
size: size / 3,
color: colorScheme.onSecondaryContainer,
),
Text(
'直播中',
style: TextStyle(
height: 0.5,
fontSize: size / 6,
color: colorScheme.onSecondaryContainer,
),
),
],
),
),
),
)
else if (_badgeType != _BadgeType.none)
_buildBadge(context, colorScheme),
],
);
}
Widget _buildAvatar(ColorScheme colorScheme) => DecoratedBox(
decoration: BoxDecoration(
border: Border.all(
width: size / 32,
color: colorScheme.surface,
),
shape: BoxShape.circle,
),
child: NetworkImgLayer(
src: avatar,
width: size,
height: size,
type: 'avatar',
));
Widget _buildBadge(BuildContext context, ColorScheme colorScheme) {
final child = switch (_badgeType) {
_BadgeType.vip => Container(
padding: EdgeInsets.all(size / 32),
decoration: BoxDecoration(
border: Border.all(
width: size / 32,
color: colorScheme.surface,
),
shape: BoxShape.circle,
// color: _badgeType.color,
color: context.vipColor,
),
child: Text(
'大',
style: TextStyle(
// backgroundColor: Color(0xFFFF6699),
height: 1.1,
fontWeight: FontWeight.w900,
color: colorScheme.surface,
fontSize: size / 5,
),
),
),
_ => DecoratedBox(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: colorScheme.surface,
),
child: Icon(
Icons.offline_bolt,
color: _badgeType.color,
size: size / 3,
semanticLabel: _badgeType.desc,
),
),
};
return Positioned(
right: 0,
bottom: 0,
child: IgnorePointer(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),
Colors.yellow,
Colors.lightBlueAccent
][index];
}

66
lib/pages/dynamics/widgets/author_panel.dart
View File

@@ -1,5 +1,6 @@
import 'dart:math'; import 'dart:math';
import 'package:PiliPlus/common/widgets/avatar.dart';
import 'package:PiliPlus/common/widgets/report.dart'; import 'package:PiliPlus/common/widgets/report.dart';
import 'package:PiliPlus/common/widgets/save_panel.dart'; import 'package:PiliPlus/common/widgets/save_panel.dart';
import 'package:PiliPlus/http/index.dart'; import 'package:PiliPlus/http/index.dart';
@@ -12,7 +13,6 @@ import 'package:dio/dio.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:PiliPlus/common/widgets/network_img_layer.dart';
import 'package:PiliPlus/http/user.dart'; import 'package:PiliPlus/http/user.dart';
import 'package:PiliPlus/utils/feed_back.dart'; import 'package:PiliPlus/utils/feed_back.dart';
import 'package:PiliPlus/utils/utils.dart'; import 'package:PiliPlus/utils/utils.dart';
@@ -38,15 +38,29 @@ class AuthorPanel extends StatelessWidget {
this.onSetTop, this.onSetTop,
}); });
Widget _buildAvatar(double size) => NetworkImgLayer( Widget _buildAvatar() => Avatar(
width: size, avatar: item.modules.moduleAuthor.face,
height: size, size: 34,
type: 'avatar', isVip: (item.modules.moduleAuthor?.vip?['status'] ?? 0) > 0,
src: item.modules.moduleAuthor.face, officialType: null, // 已被注释
garbPendantImage: item.modules.moduleAuthor?.pendant?['image'],
onTap: (item.modules.moduleAuthor.type == 'AUTHOR_TYPE_PGC' ||
item.modules.moduleAuthor.type == 'AUTHOR_TYPE_UGC_SEASON')
? null // 番剧
: () {
feedBack();
Get.toNamed(
'/member?mid=${item.modules.moduleAuthor.mid}',
arguments: {
'face': item.modules.moduleAuthor.face,
},
);
},
); );
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final theme = Theme.of(context);
String? pubTime = item.modules.moduleAuthor.pubTs != null String? pubTime = item.modules.moduleAuthor.pubTs != null
? isSave ? isSave
? DateTime.fromMillisecondsSinceEpoch( ? DateTime.fromMillisecondsSinceEpoch(
@@ -63,31 +77,7 @@ class AuthorPanel extends StatelessWidget {
child: Row( child: Row(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
GestureDetector( _buildAvatar(),
onTap: () {
// 番剧
if (item.modules.moduleAuthor.type == 'AUTHOR_TYPE_PGC' ||
item.modules.moduleAuthor.type ==
'AUTHOR_TYPE_UGC_SEASON') {
return;
}
feedBack();
Get.toNamed(
'/member?mid=${item.modules.moduleAuthor.mid}',
arguments: {
'face': item.modules.moduleAuthor.face,
},
);
},
child: (item.modules.moduleAuthor?.pendant?['image'] as String?)
?.isNotEmpty ==
true
? Padding(
padding: const EdgeInsets.all(3),
child: _buildAvatar(34),
)
: _buildAvatar(40),
),
const SizedBox(width: 10), const SizedBox(width: 10),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@@ -100,18 +90,16 @@ class AuthorPanel extends StatelessWidget {
item.modules.moduleAuthor!.vip['status'] > 0 && item.modules.moduleAuthor!.vip['status'] > 0 &&
item.modules.moduleAuthor!.vip['type'] == 2 item.modules.moduleAuthor!.vip['type'] == 2
? context.vipColor ? context.vipColor
: Theme.of(context).colorScheme.onSurface, : theme.colorScheme.onSurface,
fontSize: fontSize: theme.textTheme.titleSmall!.fontSize,
Theme.of(context).textTheme.titleSmall!.fontSize,
), ),
), ),
if (pubTime != null) if (pubTime != null)
Text( Text(
'$pubTime${item.modules.moduleAuthor.pubAction != null ? ' ${item.modules.moduleAuthor.pubAction}' : ''}', '$pubTime${item.modules.moduleAuthor.pubAction != null ? ' ${item.modules.moduleAuthor.pubAction}' : ''}',
style: TextStyle( style: TextStyle(
color: Theme.of(context).colorScheme.outline, color: theme.colorScheme.outline,
fontSize: fontSize: theme.textTheme.labelSmall!.fontSize,
Theme.of(context).textTheme.labelSmall!.fontSize,
), ),
), ),
], ],
@@ -133,7 +121,7 @@ class AuthorPanel extends StatelessWidget {
const BorderRadius.all(Radius.circular(4)), const BorderRadius.all(Radius.circular(4)),
border: Border.all( border: Border.all(
width: 1.25, width: 1.25,
color: Theme.of(context).colorScheme.primary, color: theme.colorScheme.primary,
), ),
), ),
child: Text( child: Text(
@@ -141,7 +129,7 @@ class AuthorPanel extends StatelessWidget {
style: TextStyle( style: TextStyle(
height: 1, height: 1,
fontSize: 12, fontSize: 12,
color: Theme.of(context).colorScheme.primary, color: theme.colorScheme.primary,
), ),
strutStyle: const StrutStyle( strutStyle: const StrutStyle(
leading: 0, leading: 0,

69
lib/pages/dynamics/widgets/dynamic_panel.dart
View File

@@ -1,7 +1,6 @@
import 'package:PiliPlus/common/widgets/image_save.dart'; import 'package:PiliPlus/common/widgets/image_save.dart';
import 'package:PiliPlus/utils/extension.dart'; import 'package:PiliPlus/utils/extension.dart';
import 'package:PiliPlus/utils/page_utils.dart'; import 'package:PiliPlus/utils/page_utils.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'action_panel.dart'; import 'action_panel.dart';
@@ -99,53 +98,31 @@ class DynamicPanel extends StatelessWidget {
); );
} }
}, },
child: (item.modules.moduleAuthor?.pendant?['image'] as String?) child: Column(
?.isNotEmpty == mainAxisSize: MainAxisSize.min,
true crossAxisAlignment: CrossAxisAlignment.start,
? Stack( children: [
clipBehavior: Clip.none, Padding(
children: [ padding: const EdgeInsets.fromLTRB(12, 12, 12, 6),
_buildContent(context, item, source, callback), child: AuthorPanel(
Positioned( item: item,
left: 2, source: source,
top: 2, onRemove: onRemove,
child: IgnorePointer( isSave: isSave,
child: CachedNetworkImage( onSetTop: onSetTop,
width: 60, ),
height: 60, ),
imageUrl: item.modules.moduleAuthor.pendant['image'], if (item!.modules!.moduleDynamic!.desc != null ||
), item!.modules!.moduleDynamic!.major != null)
), content(isSave, context, item, source, callback),
), forWard(isSave, item, context, source, callback),
], const SizedBox(height: 2),
) if (source == null) ActionPanel(item: item),
: _buildContent(context, item, source, callback), if (source == 'detail' && !isSave) const SizedBox(height: 12),
],
),
), ),
), ),
); );
} }
Widget _buildContent(context, item, source, callback) => Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.fromLTRB(12, 12, 12, 6),
child: AuthorPanel(
item: item,
source: source,
onRemove: onRemove,
isSave: isSave,
onSetTop: onSetTop,
),
),
if (item!.modules!.moduleDynamic!.desc != null ||
item!.modules!.moduleDynamic!.major != null)
content(isSave, context, item, source, callback),
forWard(isSave, item, context, source, callback),
const SizedBox(height: 2),
if (source == null) ActionPanel(item: item),
if (source == 'detail' && !isSave) const SizedBox(height: 12),
],
);
} }

218
lib/pages/member/widget/user_info_card.dart
View File

@@ -1,7 +1,6 @@
import 'package:PiliPlus/common/widgets/avatar.dart';
import 'package:PiliPlus/common/widgets/interactiveviewer_gallery/interactiveviewer_gallery.dart' import 'package:PiliPlus/common/widgets/interactiveviewer_gallery/interactiveviewer_gallery.dart'
show SourceModel; show SourceModel;
import 'package:PiliPlus/common/widgets/network_img_layer.dart';
import 'package:PiliPlus/models/dynamics/result.dart';
import 'package:PiliPlus/models/space/card.dart' as space; import 'package:PiliPlus/models/space/card.dart' as space;
import 'package:PiliPlus/models/space/images.dart' as space; import 'package:PiliPlus/models/space/images.dart' as space;
import 'package:PiliPlus/utils/extension.dart'; import 'package:PiliPlus/utils/extension.dart';
@@ -72,24 +71,24 @@ class UserInfoCard extends StatelessWidget {
_buildHeader(BuildContext context) { _buildHeader(BuildContext context) {
bool darken = Theme.of(context).brightness == Brightness.dark; bool darken = Theme.of(context).brightness == Brightness.dark;
String? imgUrl = darken String imgUrl = Utils.thumbnailImgUrl(darken
? (images.nightImgurl?.isEmpty == true ? images.nightImgurl?.isEmpty == true
? images.imgUrl?.http2https ? images.imgUrl
: images.nightImgurl?.http2https) : images.nightImgurl
: images.imgUrl?.http2https; : images.imgUrl);
return Hero( return Hero(
tag: imgUrl ?? '', tag: imgUrl,
child: GestureDetector( child: GestureDetector(
onTap: () { onTap: () {
context.imageView( context.imageView(
imgList: [SourceModel(url: imgUrl ?? '')], imgList: [SourceModel(url: imgUrl)],
); );
}, },
child: CachedNetworkImage( child: CachedNetworkImage(
imageUrl: imgUrl?.http2https ?? '', imageUrl: imgUrl,
width: double.infinity, width: double.infinity,
height: 135, height: 135,
imageBuilder: (context, imageProvider) => Container( imageBuilder: (context, imageProvider) => DecoratedBox(
decoration: BoxDecoration( decoration: BoxDecoration(
image: DecorationImage( image: DecorationImage(
image: imageProvider, image: imageProvider,
@@ -135,15 +134,24 @@ class UserInfoCard extends StatelessWidget {
), ),
if (card.vip?.vipStatus == 1) ...[ if (card.vip?.vipStatus == 1) ...[
const SizedBox(width: 8), const SizedBox(width: 8),
Image.network( Container(
card.vip!.label!.image!.http2https, padding: const EdgeInsets.symmetric(horizontal: 5),
height: 20, decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(10)),
color: context.vipColor),
child: Text(
card.vip!.label!.text!,
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 10,
color: Theme.of(context).colorScheme.surface),
),
), ),
], ],
if (card.nameplate?.image?.isNotEmpty == true) ...[ if (card.nameplate?.imageSmall?.isNotEmpty == true) ...[
const SizedBox(width: 8), const SizedBox(width: 8),
Image.network( CachedNetworkImage(
card.nameplate!.image!.http2https, imageUrl: Utils.thumbnailImgUrl(card.nameplate!.imageSmall),
height: 20, height: 20,
), ),
], ],
@@ -180,7 +188,7 @@ class UserInfoCard extends StatelessWidget {
if (card.officialVerify?.desc?.isNotEmpty == true) if (card.officialVerify?.desc?.isNotEmpty == true)
Container( Container(
margin: const EdgeInsets.only(left: 20, top: 8, right: 20), margin: const EdgeInsets.only(left: 20, top: 8, right: 20),
padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 2), padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
color: Theme.of(context).colorScheme.onInverseSurface, color: Theme.of(context).colorScheme.onInverseSurface,
@@ -191,16 +199,12 @@ class UserInfoCard extends StatelessWidget {
if (card.officialVerify?.icon?.isNotEmpty == true) ...[ if (card.officialVerify?.icon?.isNotEmpty == true) ...[
WidgetSpan( WidgetSpan(
alignment: PlaceholderAlignment.middle, alignment: PlaceholderAlignment.middle,
child: DecoratedBox( child: Icon(
decoration: BoxDecoration( Icons.offline_bolt,
shape: BoxShape.circle, color: card.officialVerify?.type == 0
color: Theme.of(context).colorScheme.surface, ? Colors.yellow
), : Colors.lightBlueAccent,
child: CachedNetworkImage( size: 18,
width: 18,
height: 18,
imageUrl: card.officialVerify!.icon!.http2https,
),
), ),
), ),
TextSpan( TextSpan(
@@ -227,9 +231,7 @@ class UserInfoCard extends StatelessWidget {
padding: const EdgeInsets.only(left: 20, top: 6, right: 20), padding: const EdgeInsets.only(left: 20, top: 6, right: 20),
child: SelectableText( child: SelectableText(
card.sign!.trim().replaceAll(RegExp(r'\n{2,}'), '\n'), card.sign!.trim().replaceAll(RegExp(r'\n{2,}'), '\n'),
style: const TextStyle( style: const TextStyle(fontSize: 14),
fontSize: 14,
),
), ),
), ),
Padding( Padding(
@@ -411,8 +413,7 @@ class UserInfoCard extends StatelessWidget {
0 => '关注', 0 => '关注',
1 => '悄悄关注', 1 => '悄悄关注',
2 => '已关注', 2 => '已关注',
4 => '互相关注', 4 || 6 => '已互关',
6 => '已互关',
128 => '移除黑名单', 128 => '移除黑名单',
-10 => '特别关注', // 该状态码并不是官方状态码 -10 => '特别关注', // 该状态码并不是官方状态码
_ => relation.toString(), _ => relation.toString(),
@@ -428,51 +429,20 @@ class UserInfoCard extends StatelessWidget {
], ],
); );
_buildBadge(BuildContext context) => IgnorePointer(
child: DecoratedBox(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Theme.of(context).colorScheme.surface,
),
child: card.officialVerify?.icon?.isNotEmpty == true
? CachedNetworkImage(
imageUrl: card.officialVerify!.icon!.http2https,
width: 22,
height: 22,
)
: Image.asset(
'assets/images/big-vip.png',
width: 22,
height: 22,
),
),
);
_buildAvatar(BuildContext context) => Hero( _buildAvatar(BuildContext context) => Hero(
tag: card.face ?? '', tag: card.face ?? '',
child: GestureDetector( child: Avatar(
onTap: () { avatar: card.face ?? '',
context.imageView( size: 80,
imgList: [SourceModel(url: card.face ?? '')], officialType: card.officialVerify?.type,
); isVip: (card.vip?.vipStatus ?? -1) > 0,
}, garbPendantImage: card.pendant!.image!,
child: Container( roomId: live is Map && ((live['liveStatus'] as int?) ?? 0) == 1
decoration: BoxDecoration( ? live['roomid']
border: Border.all( : null,
width: 2.5, onTap: () => context
color: Theme.of(context).colorScheme.surface, .imageView(imgList: [SourceModel(url: card.face.http2https)]),
), ));
shape: BoxShape.circle,
),
child: NetworkImgLayer(
src: card.face,
type: 'avatar',
width: 80,
height: 80,
),
),
),
);
_buildV(BuildContext context) => Column( _buildV(BuildContext context) => Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
@@ -493,32 +463,6 @@ class UserInfoCard extends StatelessWidget {
left: 20, left: 20,
child: _buildAvatar(context), child: _buildAvatar(context),
), ),
if (ModuleAuthorModel.showDynDecorate &&
card.pendant?.image?.isNotEmpty == true)
Positioned(
top: 82.5,
left: -7.5,
child: IgnorePointer(
child: CachedNetworkImage(
width: 140,
height: 140,
imageUrl: card.pendant!.image!,
),
),
),
if (card.officialVerify?.icon?.isNotEmpty == true ||
(card.vip?.vipStatus ?? -1) > 0)
Positioned(
top: 172,
left: 82,
child: _buildBadge(context),
),
if (live is Map && ((live['liveStatus'] as int?) ?? 0) == 1)
Positioned(
top: 180,
left: 20,
child: _buildLiveBadge(context),
),
Positioned( Positioned(
left: 120, left: 120,
top: 140, top: 140,
@@ -597,39 +541,6 @@ class UserInfoCard extends StatelessWidget {
); );
}); });
_buildLiveBadge(context) => GestureDetector(
onTap: () {
Get.toNamed('/liveRoom?roomid=${live['roomid']}');
},
child: Container(
width: 85,
alignment: Alignment.center,
child: Badge(
label: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(
Icons.equalizer_rounded,
size: MediaQuery.textScalerOf(context).scale(16),
color: Theme.of(context).colorScheme.onSecondaryContainer,
),
Text(
'直播中',
style: TextStyle(height: 1),
)
],
),
padding: const EdgeInsets.symmetric(
horizontal: 5,
vertical: 1,
),
alignment: Alignment.center,
textColor: Theme.of(context).colorScheme.onSecondaryContainer,
backgroundColor: Theme.of(context).colorScheme.secondaryContainer,
),
),
);
_buildH(BuildContext context) => Column( _buildH(BuildContext context) => Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
@@ -647,40 +558,7 @@ class UserInfoCard extends StatelessWidget {
top: 10, top: 10,
bottom: card.prInfo?.content?.isNotEmpty == true ? 0 : 10, bottom: card.prInfo?.content?.isNotEmpty == true ? 0 : 10,
), ),
child: Stack( child: _buildAvatar(context),
clipBehavior: Clip.none,
children: [
_buildAvatar(context),
if (ModuleAuthorModel.showDynDecorate &&
card.pendant?.image?.isNotEmpty == true)
Positioned(
top: -27.5,
left: -27.5,
child: IgnorePointer(
child: CachedNetworkImage(
width: 140,
height: 140,
imageUrl: card.pendant!.image!,
),
),
),
if (card.officialVerify?.icon?.isNotEmpty == true ||
(card.vip?.vipStatus ?? -1) > 0)
Positioned(
right: 0,
bottom: 0,
child: _buildBadge(context),
),
if (live is Map &&
((live['liveStatus'] as int?) ?? 0) == 1)
Positioned(
left: 0,
bottom: -5,
right: 0,
child: _buildLiveBadge(context),
),
],
),
), ),
Expanded( Expanded(
child: Column( child: Column(

37
lib/pages/search_panel/user/widgets/item.dart
View File

@@ -1,4 +1,4 @@
import 'package:PiliPlus/common/widgets/network_img_layer.dart'; import 'package:PiliPlus/common/widgets/avatar.dart';
import 'package:PiliPlus/models/search/result.dart'; import 'package:PiliPlus/models/search/result.dart';
import 'package:PiliPlus/utils/utils.dart'; import 'package:PiliPlus/utils/utils.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
@@ -25,35 +25,12 @@ class SearchUserItem extends StatelessWidget {
child: Row( child: Row(
children: [ children: [
const SizedBox(width: 15), const SizedBox(width: 15),
Stack( Avatar(
clipBehavior: Clip.none, avatar: item.upic ?? '',
children: [ size: 42,
NetworkImgLayer( isVip: false,
width: 42, officialType: item.officialVerify?['type'],
height: 42, roomId: item.isLive == 1 ? item.roomId : null,
src: item.upic,
type: 'avatar',
),
if (item.officialVerify?['type'] == 0 ||
item.officialVerify?['type'] == 1)
Positioned(
bottom: 0,
right: 0,
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Theme.of(context).colorScheme.surface,
),
child: Icon(
Icons.offline_bolt,
color: item.officialVerify?['type'] == 0
? Colors.yellow
: Colors.lightBlueAccent,
size: 14,
),
),
),
],
), ),
const SizedBox(width: 10), const SizedBox(width: 10),
Column( Column(

67
lib/pages/video/detail/introduction/view.dart
View File

@@ -1,5 +1,6 @@
import 'dart:async'; import 'dart:async';
import 'package:PiliPlus/common/widgets/avatar.dart';
import 'package:PiliPlus/common/widgets/self_sized_horizontal_list.dart'; import 'package:PiliPlus/common/widgets/self_sized_horizontal_list.dart';
import 'package:PiliPlus/pages/search/widgets/search_text.dart'; import 'package:PiliPlus/pages/search/widgets/search_text.dart';
import 'package:PiliPlus/utils/app_scheme.dart'; import 'package:PiliPlus/utils/app_scheme.dart';
@@ -311,57 +312,25 @@ class _VideoInfoState extends State<VideoInfo> {
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: [ children: [
Obx( Obx(
() => Stack( () => Avatar(
clipBehavior: Clip.none, avatar: videoIntroController
children: [ .userStat
NetworkImgLayer( .value['card']?['face'] ??
type: 'avatar', '',
src: videoIntroController size: 35,
isVip: (videoIntroController
.userStat .userStat
.value['card'] .value['card']
?['face'] ?? ?['vip']?['status'] ??
'', -1) >
width: 35, 0,
height: 35, officialType: videoIntroController
fadeInDuration: Duration.zero, .userStat.value['card']
fadeOutDuration: ?['official_verify']?['type'],
Duration.zero, garbPendantImage:
), videoIntroController.userStat
if ((videoIntroController .value['card']
.userStat ?['pendant']?['image'],
.value['card']
?[
'official_verify']
?['type'] ??
-1) !=
-1)
Positioned(
right: -2,
bottom: -2,
child: Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Theme.of(context)
.colorScheme
.surface,
),
child: Icon(
Icons.offline_bolt,
color: videoIntroController
.userStat
.value['card']
?[
'official_verify']
?['type'] ==
0
? Colors.yellow
: Colors
.lightBlueAccent,
size: 14,
),
),
),
],
), ),
), ),
const SizedBox(width: 10), const SizedBox(width: 10),

244
lib/pages/video/detail/reply/widgets/reply_item_grpc.dart
View File

@@ -1,6 +1,7 @@
import 'dart:math'; import 'dart:math';
import 'package:PiliPlus/common/constants.dart'; import 'package:PiliPlus/common/constants.dart';
import 'package:PiliPlus/common/widgets/avatar.dart';
import 'package:PiliPlus/common/widgets/badge.dart'; import 'package:PiliPlus/common/widgets/badge.dart';
import 'package:PiliPlus/common/widgets/image_view.dart'; import 'package:PiliPlus/common/widgets/image_view.dart';
import 'package:PiliPlus/common/widgets/report.dart'; import 'package:PiliPlus/common/widgets/report.dart';
@@ -175,96 +176,18 @@ class ReplyItemGrpc extends StatelessWidget {
); );
} }
Widget lfAvtar(BuildContext context) { Widget lfAvtar() => Avatar(
return Stack( avatar: replyItem.member.face,
clipBehavior: Clip.none, size: 34,
children: [ isVip: replyItem.member.vipStatus > 0,
if (ModuleAuthorModel.showDynDecorate && officialType: replyItem.member.officialVerifyType.toInt(),
replyItem.member.hasGarbPendantImage()) ...[ garbPendantImage: replyItem.member.hasGarbPendantImage()
Padding( ? replyItem.member.garbPendantImage
padding: const EdgeInsets.all(2), : null,
child: NetworkImgLayer( onTap: () {
src: replyItem.member.face, feedBack();
width: 30, Get.toNamed('/member?mid=${replyItem.mid}');
height: 30, });
type: 'avatar',
),
),
Positioned(
left: -9,
top: -9,
child: IgnorePointer(
child: CachedNetworkImage(
width: 52,
height: 52,
imageUrl: replyItem.member.garbPendantImage,
),
),
),
] else
NetworkImgLayer(
src: replyItem.member.face,
width: 34,
height: 34,
type: 'avatar',
),
if (replyItem.member.vipStatus > 0)
Positioned(
right: 0,
bottom: 0,
child: Container(
decoration: BoxDecoration(
//borderRadius: BorderRadius.circular(7),
shape: BoxShape.circle,
color: Theme.of(context).colorScheme.surface,
),
child: Image.asset(
'assets/images/big-vip.png',
height: 14,
semanticLabel: "大会员",
),
),
),
//https://www.bilibili.com/blackboard/activity-whPrHsYJ2.html
if (replyItem.member.officialVerifyType == 0)
Positioned(
left: 0,
bottom: 0,
child: Container(
decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(8),
shape: BoxShape.circle,
color: Theme.of(context).colorScheme.surface,
),
child: const Icon(
Icons.offline_bolt,
color: Colors.yellow,
size: 14,
semanticLabel: "认证个人",
),
),
)
else if (replyItem.member.officialVerifyType == 1)
Positioned(
left: 0,
bottom: 0,
child: Container(
decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(8),
shape: BoxShape.circle,
color: Theme.of(context).colorScheme.surface,
),
child: const Icon(
Icons.offline_bolt,
color: Colors.lightBlueAccent,
size: 14,
semanticLabel: "认证机构",
),
),
),
],
);
}
Widget content(BuildContext context) { Widget content(BuildContext context) {
return Column( return Column(
@@ -272,83 +195,76 @@ class ReplyItemGrpc extends StatelessWidget {
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
children: <Widget>[ children: <Widget>[
/// fix Stack内GestureDetector onTap无效 /// fix Stack内GestureDetector onTap无效
GestureDetector( Row(
behavior: HitTestBehavior.opaque, mainAxisSize: MainAxisSize.min,
onTap: () { crossAxisAlignment: CrossAxisAlignment.center,
feedBack(); children: <Widget>[
Get.toNamed('/member?mid=${replyItem.mid}'); lfAvtar(),
}, const SizedBox(width: 12),
child: Row( Column(
mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center, mainAxisSize: MainAxisSize.min,
children: <Widget>[ children: [
lfAvtar(context), Row(
const SizedBox(width: 12), mainAxisSize: MainAxisSize.min,
Column( children: [
crossAxisAlignment: CrossAxisAlignment.start, Text(
mainAxisSize: MainAxisSize.min, replyItem.member.name,
children: [ style: TextStyle(
Row( color: (replyItem.member.vipStatus > 0 &&
mainAxisSize: MainAxisSize.min, replyItem.member.vipType == 2)
children: [ ? context.vipColor
: Theme.of(context).colorScheme.outline,
fontSize: 13,
),
),
const SizedBox(width: 6),
Image.asset(
'assets/images/lv/lv${replyItem.member.isSeniorMember == 1 ? '6_s' : replyItem.member.level}.png',
height: 11,
semanticLabel: "等级：${replyItem.member.level}",
),
const SizedBox(width: 6),
if (replyItem.mid == upMid)
const PBadge(
text: 'UP',
size: 'small',
stack: 'normal',
fs: 9,
),
],
),
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
replyLevel == ''
? DateTime.fromMillisecondsSinceEpoch(
replyItem.ctime.toInt() * 1000)
.toString()
.substring(0, 19)
: Utils.dateFormat(replyItem.ctime.toInt()),
style: TextStyle(
fontSize:
Theme.of(context).textTheme.labelSmall!.fontSize,
color: Theme.of(context).colorScheme.outline,
),
),
if (replyItem.replyControl.location.isNotEmpty)
Text( Text(
replyItem.member.name, ' • ${replyItem.replyControl.location}',
style: TextStyle( style: TextStyle(
color: (replyItem.member.vipStatus > 0 && fontSize: Theme.of(context)
replyItem.member.vipType == 2) .textTheme
? context.vipColor .labelSmall!
: Theme.of(context).colorScheme.outline, .fontSize,
fontSize: 13, color: Theme.of(context).colorScheme.outline),
),
), ),
const SizedBox(width: 6), ],
Image.asset( )
'assets/images/lv/lv${replyItem.member.isSeniorMember == 1 ? '6_s' : replyItem.member.level}.png', ],
height: 11, ),
semanticLabel: "等级：${replyItem.member.level}", ],
),
const SizedBox(width: 6),
if (replyItem.mid == upMid)
const PBadge(
text: 'UP',
size: 'small',
stack: 'normal',
fs: 9,
),
],
),
Row(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Text(
replyLevel == ''
? DateTime.fromMillisecondsSinceEpoch(
replyItem.ctime.toInt() * 1000)
.toString()
.substring(0, 19)
: Utils.dateFormat(replyItem.ctime.toInt()),
style: TextStyle(
fontSize:
Theme.of(context).textTheme.labelSmall!.fontSize,
color: Theme.of(context).colorScheme.outline,
),
),
if (replyItem.replyControl.location.isNotEmpty)
Text(
' • ${replyItem.replyControl.location}',
style: TextStyle(
fontSize: Theme.of(context)
.textTheme
.labelSmall!
.fontSize,
color: Theme.of(context).colorScheme.outline),
),
],
)
],
),
],
),
), ),
// title // title
Padding( Padding(