Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
2025-08-14 12:35:52 +08:00
parent 34e9afd7ad
commit 6ff256637a
18 changed files with 583 additions and 436 deletions

View File

@@ -3,13 +3,13 @@ import 'package:PiliPlus/pages/article/widgets/opus_content.dart'
show moduleBlockedItem;
import 'package:flutter/material.dart';
Widget blockedItem(ThemeData theme, ModuleBlocked moduleBlocked) {
Widget blockedItem(
ThemeData theme,
ModuleBlocked moduleBlocked, {
required double maxWidth,
}) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 13, vertical: 1),
child: LayoutBuilder(
builder: (context, constraints) {
return moduleBlockedItem(theme, moduleBlocked, constraints.maxWidth);
},
),
child: moduleBlockedItem(theme, moduleBlocked, maxWidth - 26),
);
}

View File

@@ -15,9 +15,12 @@ Widget content(
bool isDetail,
Function(List<String>, int)? callback, {
floor = 1,
required double maxWidth,
}) {
TextSpan? richNodes = richNode(theme, item, context);
if (floor == 1) {
maxWidth -= 24;
}
TextSpan? richNodes = richNode(theme, item, context, maxWidth: maxWidth);
return Padding(
padding: floor == 1
? const EdgeInsets.fromLTRB(12, 0, 12, 6)
@@ -77,23 +80,19 @@ Widget content(
maxLines: isSave ? null : 6,
),
if (item.modules.moduleDynamic?.major?.opus?.pics?.isNotEmpty == true)
LayoutBuilder(
builder: (context, constraints) {
return imageView(
constraints.maxWidth,
item.modules.moduleDynamic!.major!.opus!.pics!
.map(
(item) => ImageModel(
width: item.width,
height: item.height,
url: item.url ?? '',
liveUrl: item.liveUrl,
),
)
.toList(),
callback: callback,
);
},
imageView(
maxWidth,
item.modules.moduleDynamic!.major!.opus!.pics!
.map(
(item) => ImageModel(
width: item.width,
height: item.height,
url: item.url ?? '',
liveUrl: item.liveUrl,
),
)
.toList(),
callback: callback,
),
],
),

View File

@@ -12,6 +12,7 @@ import 'package:flutter/material.dart';
class DynamicPanel extends StatelessWidget {
final DynamicItemModel item;
final double maxWidth;
final bool isDetail;
final ValueChanged? onRemove;
final Function(List<String>, int)? callback;
@@ -22,6 +23,7 @@ class DynamicPanel extends StatelessWidget {
const DynamicPanel({
super.key,
required this.item,
required this.maxWidth,
this.isDetail = false,
this.onRemove,
this.callback,
@@ -67,12 +69,32 @@ class DynamicPanel extends StatelessWidget {
child: authorWidget,
),
if (item.type != 'DYNAMIC_TYPE_NONE')
content(theme, isSave, context, item, isDetail, callback),
module(theme, isSave, item, context, isDetail, callback),
content(
theme,
isSave,
context,
item,
isDetail,
callback,
maxWidth: maxWidth,
),
module(
theme,
isSave,
item,
context,
isDetail,
callback,
maxWidth: maxWidth,
),
if (item.modules.moduleDynamic?.additional != null)
addWidget(theme, item, context),
if (item.modules.moduleDynamic?.major?.blocked != null)
blockedItem(theme, item.modules.moduleDynamic!.major!.blocked!),
blockedItem(
theme,
item.modules.moduleDynamic!.major!.blocked!,
maxWidth: maxWidth,
),
const SizedBox(height: 2),
if (!isDetail) ActionPanel(item: item),
if (isDetail && !isSave) const SizedBox(height: 12),

View File

@@ -12,7 +12,9 @@ Widget livePanelSub(
DynamicItemModel item,
BuildContext context, {
int floor = 1,
required double maxWidth,
}) {
maxWidth -= StyleString.safeSpace * 2;
SubscriptionNew? subItem = item.modules.moduleDynamic!.major?.subscriptionNew;
LivePlayInfo? content = subItem?.liveRcmd?.content?.livePlayInfo;
if (subItem == null || content == null) {
@@ -25,84 +27,76 @@ Widget livePanelSub(
padding: const EdgeInsets.symmetric(horizontal: StyleString.safeSpace),
child: GestureDetector(
onTap: () => PageUtils.toLiveRoom(content.roomId),
child: LayoutBuilder(
builder: (context, box) {
double width = box.maxWidth;
return Stack(
clipBehavior: Clip.none,
children: [
Hero(
tag: content.roomId.toString(),
child: NetworkImgLayer(
width: width,
height: width / StyleString.aspectRatio,
src: content.cover,
quality: 40,
),
child: Stack(
clipBehavior: Clip.none,
children: [
NetworkImgLayer(
width: maxWidth,
height: maxWidth / StyleString.aspectRatio,
src: content.cover,
quality: 40,
),
PBadge(
text: content.watchedShow?.textLarge,
top: 6,
right: 65,
fontSize: 10.5,
type: PBadgeType.gray,
),
if (content.liveStatus == 1)
Positioned(
right: 6,
top: 6,
child: Image.asset(
height: 16,
'assets/images/live/live.gif',
filterQuality: FilterQuality.low,
),
PBadge(
text: content.watchedShow?.textLarge,
top: 6,
right: 65,
fontSize: 10.5,
type: PBadgeType.gray,
),
if (content.liveStatus == 1)
Positioned(
right: 6,
top: 6,
child: Image.asset(
height: 16,
'assets/images/live/live.gif',
filterQuality: FilterQuality.low,
)
else
const PBadge(
text: '直播结束',
top: 6,
right: 6,
),
if (content.areaName != null)
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
height: 80,
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(12, 0, 10, 10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: <Color>[
Colors.transparent,
Colors.black45,
],
),
)
else
const PBadge(
text: '直播结束',
top: 6,
right: 6,
borderRadius: floor == 1
? const BorderRadius.only(
bottomLeft: StyleString.imgRadius,
bottomRight: StyleString.imgRadius,
)
: const BorderRadius.only(
bottomLeft: Radius.circular(6),
bottomRight: Radius.circular(6),
),
),
if (content.areaName != null)
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
height: 80,
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(12, 0, 10, 10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: <Color>[
Colors.transparent,
Colors.black45,
],
),
borderRadius: floor == 1
? const BorderRadius.only(
bottomLeft: StyleString.imgRadius,
bottomRight: StyleString.imgRadius,
)
: const BorderRadius.only(
bottomLeft: Radius.circular(6),
bottomRight: Radius.circular(6),
),
),
child: Text(
content.areaName!,
style: TextStyle(
fontSize: theme.textTheme.labelMedium!.fontSize,
color: Colors.white,
),
),
child: Text(
content.areaName!,
style: TextStyle(
fontSize: theme.textTheme.labelMedium!.fontSize,
color: Colors.white,
),
),
],
);
},
),
),
],
),
),
),

View File

@@ -12,7 +12,9 @@ Widget liveRcmdPanel(
DynamicItemModel item,
BuildContext context, {
int floor = 1,
required double maxWidth,
}) {
maxWidth -= StyleString.safeSpace * 2;
DynamicLiveModel? liveRcmd = item.modules.moduleDynamic?.major?.liveRcmd;
if (liveRcmd == null) {
return const SizedBox.shrink();
@@ -24,85 +26,77 @@ Widget liveRcmdPanel(
padding: const EdgeInsets.symmetric(horizontal: StyleString.safeSpace),
child: GestureDetector(
onTap: () => PageUtils.pushDynDetail(item, floor),
child: LayoutBuilder(
builder: (context, box) {
double width = box.maxWidth;
return Stack(
clipBehavior: Clip.none,
children: [
Hero(
tag: liveRcmd.roomId.toString(),
child: NetworkImgLayer(
width: width,
height: width / StyleString.aspectRatio,
src: liveRcmd.cover,
quality: 40,
),
child: Stack(
clipBehavior: Clip.none,
children: [
NetworkImgLayer(
width: maxWidth,
height: maxWidth / StyleString.aspectRatio,
src: liveRcmd.cover,
quality: 40,
),
PBadge(
text: liveRcmd.watchedShow?.textLarge,
top: 6,
right: 65,
fontSize: 10.5,
type: PBadgeType.gray,
),
if (liveRcmd.liveStatus == 1)
Positioned(
right: 6,
top: 6,
child: Image.asset(
height: 16,
'assets/images/live/live.gif',
filterQuality: FilterQuality.low,
),
PBadge(
text: liveRcmd.watchedShow?.textLarge,
top: 6,
right: 65,
fontSize: 10.5,
type: PBadgeType.gray,
),
if (liveRcmd.liveStatus == 1)
Positioned(
right: 6,
top: 6,
child: Image.asset(
height: 16,
'assets/images/live/live.gif',
filterQuality: FilterQuality.low,
)
else
const PBadge(
text: '直播结束',
top: 6,
right: 6,
type: PBadgeType.gray,
),
if (liveRcmd.areaName != null)
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
height: 80,
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(12, 0, 10, 10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: <Color>[
Colors.transparent,
Colors.black45,
],
),
)
else
const PBadge(
text: '直播结束',
top: 6,
right: 6,
type: PBadgeType.gray,
borderRadius: floor == 1
? const BorderRadius.only(
bottomLeft: StyleString.imgRadius,
bottomRight: StyleString.imgRadius,
)
: const BorderRadius.only(
bottomLeft: Radius.circular(6),
bottomRight: Radius.circular(6),
),
),
if (liveRcmd.areaName != null)
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
height: 80,
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(12, 0, 10, 10),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: <Color>[
Colors.transparent,
Colors.black45,
],
),
borderRadius: floor == 1
? const BorderRadius.only(
bottomLeft: StyleString.imgRadius,
bottomRight: StyleString.imgRadius,
)
: const BorderRadius.only(
bottomLeft: Radius.circular(6),
bottomRight: Radius.circular(6),
),
),
child: Text(
liveRcmd.areaName!,
style: TextStyle(
fontSize: theme.textTheme.labelMedium!.fontSize,
color: Colors.white,
),
),
child: Text(
liveRcmd.areaName!,
style: TextStyle(
fontSize: theme.textTheme.labelMedium!.fontSize,
color: Colors.white,
),
),
],
);
},
),
),
],
),
),
),

View File

@@ -27,6 +27,7 @@ Widget module(
bool isDetail,
Function(List<String>, int)? callback, {
floor = 1,
required double maxWidth,
}) {
switch (item.type) {
// 图文
@@ -46,6 +47,7 @@ Widget module(
'archive',
callback,
floor: floor,
maxWidth: maxWidth,
);
// 转发
case 'DYNAMIC_TYPE_FORWARD':
@@ -78,6 +80,7 @@ Widget module(
return const SizedBox.shrink();
}
}
maxWidth -= 30;
return InkWell(
onTap: () => PageUtils.pushDynDetail(orig, floor + 1),
onLongPress: () {
@@ -160,6 +163,7 @@ Widget module(
isDetail,
callback,
floor: floor + 1,
maxWidth: maxWidth,
),
module(
theme,
@@ -169,18 +173,30 @@ Widget module(
isDetail,
callback,
floor: floor + 1,
maxWidth: maxWidth,
),
if (orig.modules.moduleDynamic?.additional != null)
addWidget(theme, orig, context, floor: floor + 1),
if (orig.modules.moduleDynamic?.major?.blocked != null)
blockedItem(theme, orig.modules.moduleDynamic!.major!.blocked!),
blockedItem(
theme,
orig.modules.moduleDynamic!.major!.blocked!,
maxWidth: maxWidth,
),
],
),
),
);
// 直播
case 'DYNAMIC_TYPE_LIVE_RCMD':
return liveRcmdPanel(theme, isDetail, item, context, floor: floor);
return liveRcmdPanel(
theme,
isDetail,
item,
context,
floor: floor,
maxWidth: maxWidth,
);
// 直播
case 'DYNAMIC_TYPE_LIVE':
return livePanel(theme, isDetail, item, context, floor: floor);
@@ -194,6 +210,7 @@ Widget module(
context,
'ugcSeason',
callback,
maxWidth: maxWidth,
);
case 'DYNAMIC_TYPE_PGC':
return videoSeasonWidget(
@@ -205,6 +222,7 @@ Widget module(
'pgc',
callback,
floor: floor,
maxWidth: maxWidth,
);
case 'DYNAMIC_TYPE_PGC_UNION':
return videoSeasonWidget(
@@ -216,6 +234,7 @@ Widget module(
'pgc',
callback,
floor: floor,
maxWidth: maxWidth,
);
case 'DYNAMIC_TYPE_NONE':
return Row(
@@ -442,7 +461,14 @@ Widget module(
case 'DYNAMIC_TYPE_SUBSCRIPTION_NEW'
when item.modules.moduleDynamic?.major?.type ==
'MAJOR_TYPE_SUBSCRIPTION_NEW':
return livePanelSub(theme, isDetail, item, context, floor: floor);
return livePanelSub(
theme,
isDetail,
item,
context,
floor: floor,
maxWidth: maxWidth,
);
default:
return Padding(

View File

@@ -21,8 +21,9 @@ import 'package:get/get.dart';
TextSpan? richNode(
ThemeData theme,
DynamicItemModel item,
BuildContext context,
) {
BuildContext context, {
required double maxWidth,
}) {
try {
late final style = TextStyle(color: theme.colorScheme.primary);
List<InlineSpan> spanChildren = [];
@@ -246,21 +247,17 @@ TextSpan? richNode(
..add(const TextSpan(text: '\n'))
..add(
WidgetSpan(
child: LayoutBuilder(
builder: (context, constraints) {
return imageView(
constraints.maxWidth,
i.pics!
.map(
(item) => ImageModel(
url: item.src ?? '',
width: item.width,
height: item.height,
),
)
.toList(),
);
},
child: imageView(
maxWidth,
i.pics!
.map(
(item) => ImageModel(
url: item.src ?? '',
width: item.width,
height: item.height,
),
)
.toList(),
),
),
);

View File

@@ -16,6 +16,7 @@ Widget videoSeasonWidget(
String type,
Function(List<String>, int)? callback, {
floor = 1,
required double maxWidth,
}) {
if (item.modules.moduleDynamic?.major?.type == 'MAJOR_TYPE_NONE') {
return item.modules.moduleDynamic?.major?.none?.tips != null
@@ -56,87 +57,82 @@ Widget videoSeasonWidget(
}
Widget buildCover() {
return LayoutBuilder(
builder: (context, box) {
double width = box.maxWidth;
return Stack(
clipBehavior: Clip.none,
children: [
NetworkImgLayer(
width: width,
height: width / StyleString.aspectRatio,
src: itemContent.cover,
quality: 40,
),
if (itemContent.badge?.text != null)
PBadge(
text: itemContent.badge!.text,
top: 8.0,
right: 10.0,
bottom: null,
left: null,
type: switch (itemContent.badge!.text) {
'充电专属' => PBadgeType.error,
_ => PBadgeType.primary,
},
return Stack(
clipBehavior: Clip.none,
children: [
NetworkImgLayer(
width: maxWidth,
height: maxWidth / StyleString.aspectRatio,
src: itemContent.cover,
quality: 40,
),
if (itemContent.badge?.text != null)
PBadge(
text: itemContent.badge!.text,
top: 8.0,
right: 10.0,
bottom: null,
left: null,
type: switch (itemContent.badge!.text) {
'充电专属' => PBadgeType.error,
_ => PBadgeType.primary,
},
),
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
height: 70,
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(10, 0, 8, 8),
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Colors.transparent,
Colors.black54,
],
),
Positioned(
left: 0,
right: 0,
bottom: 0,
child: Container(
height: 70,
alignment: Alignment.bottomLeft,
padding: const EdgeInsets.fromLTRB(10, 0, 8, 8),
decoration: const BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [
Colors.transparent,
Colors.black54,
],
),
borderRadius: BorderRadius.only(
bottomLeft: StyleString.imgRadius,
bottomRight: StyleString.imgRadius,
),
),
child: DefaultTextStyle.merge(
style: TextStyle(
fontSize: theme.textTheme.labelMedium!.fontSize,
color: Colors.white,
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
if (itemContent.durationText != null) ...[
DecoratedBox(
decoration: const BoxDecoration(
color: Colors.black45,
borderRadius: BorderRadius.all(Radius.circular(4)),
),
child: Text(' ${itemContent.durationText} '),
),
const SizedBox(width: 6),
],
Text('${NumUtil.numFormat(itemContent.stat?.play)}次围观'),
const SizedBox(width: 6),
Text('${NumUtil.numFormat(itemContent.stat?.danmu)}条弹幕'),
const Spacer(),
Image.asset(
'assets/images/play.png',
width: 50,
height: 50,
borderRadius: BorderRadius.only(
bottomLeft: StyleString.imgRadius,
bottomRight: StyleString.imgRadius,
),
),
child: DefaultTextStyle.merge(
style: TextStyle(
fontSize: theme.textTheme.labelMedium!.fontSize,
color: Colors.white,
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
if (itemContent.durationText != null) ...[
DecoratedBox(
decoration: const BoxDecoration(
color: Colors.black45,
borderRadius: BorderRadius.all(Radius.circular(4)),
),
],
child: Text(' ${itemContent.durationText} '),
),
const SizedBox(width: 6),
],
Text('${NumUtil.numFormat(itemContent.stat?.play)}次围观'),
const SizedBox(width: 6),
Text('${NumUtil.numFormat(itemContent.stat?.danmu)}条弹幕'),
const Spacer(),
Image.asset(
'assets/images/play.png',
width: 50,
height: 50,
),
),
],
),
),
],
);
},
),
),
],
);
}