feat: 分类页面优化,播放器详情处理当前集,首页的优化。图片导入。
This commit is contained in:
1 parent
4ccea08472
commit
2f1ec27802
28 files changed
+868
-568
No files matched your search
@@ -4,11 +4,17 @@ import 'package:skywood/main/lib_file.dart';
|
||||
import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_category.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_drama.dart';
|
||||
import 'package:skywood/utils/tools/app_toast.dart';
|
||||
import 'package:skywood/utils/tools/sky_time_tool.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
|
||||
class CatePage extends StatefulWidget {
|
||||
const CatePage({super.key});
|
||||
const CatePage({super.key,
|
||||
this.preCategory,
|
||||
});
|
||||
|
||||
final SkywoodCategory? preCategory;
|
||||
|
||||
@override
|
||||
State<CatePage> createState() => _CatePageState();
|
||||
@@ -44,6 +50,14 @@ class _CatePageState extends State<CatePage> {
|
||||
});
|
||||
|
||||
if (categories.isNotEmpty) {
|
||||
if (widget.preCategory != null) {
|
||||
// 通过id获取_selectedIndex
|
||||
setState(() {
|
||||
_selectedIndex = _categories.indexWhere((element) => element.id == widget.preCategory!.id);
|
||||
});
|
||||
_loadCategoryDetail(widget.preCategory!.id);
|
||||
return;
|
||||
}
|
||||
_loadCategoryDetail(categories.first.id);
|
||||
}
|
||||
}
|
||||
@@ -55,6 +69,7 @@ class _CatePageState extends State<CatePage> {
|
||||
_dramas.clear();
|
||||
});
|
||||
|
||||
AppToast.showLottieLoading();
|
||||
List<SkywoodDrama> dramas = [];
|
||||
try {
|
||||
dramas = await PlayClient.getCategoriesDetail(categoryId: categoryId);
|
||||
@@ -62,6 +77,7 @@ class _CatePageState extends State<CatePage> {
|
||||
if (!mounted || _loadingCategoryId != categoryId) return;
|
||||
}
|
||||
|
||||
AppToast.dismiss();
|
||||
if (!mounted || _loadingCategoryId != categoryId) return;
|
||||
|
||||
setState(() {
|
||||
@@ -74,12 +90,14 @@ class _CatePageState extends State<CatePage> {
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
appBar: SkyAppBar(
|
||||
title: 'Explore Genres',
|
||||
titleColor: CommonColor.black,
|
||||
),
|
||||
body: SafeArea(
|
||||
bottom: false,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_buildHeader(),
|
||||
Expanded(
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
@@ -95,38 +113,10 @@ class _CatePageState extends State<CatePage> {
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader() {
|
||||
return SizedBox(
|
||||
height: 49.h,
|
||||
child: Stack(
|
||||
children: [
|
||||
Positioned(
|
||||
left: 13.w,
|
||||
top: 16.h,
|
||||
child: HelpImg.asset(
|
||||
ConstImg.back,
|
||||
width: 24.w,
|
||||
height: 24.w,
|
||||
).addInkWell(onTap: () => HelpNav.back()),
|
||||
),
|
||||
Positioned(
|
||||
left: 94.w,
|
||||
top: 22.h,
|
||||
child: SkyText(
|
||||
text: 'Explore Genres',
|
||||
color: CommonColor.black,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.w800,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildCategoryList() {
|
||||
return Container(
|
||||
width: 86.w,
|
||||
width: 110.w,
|
||||
height: double.infinity,
|
||||
padding: EdgeInsets.only(top: 12.h, bottom: 18.h),
|
||||
decoration: BoxDecoration(
|
||||
@@ -159,31 +149,27 @@ class _CatePageState extends State<CatePage> {
|
||||
_loadCategoryDetail(category.id);
|
||||
},
|
||||
child: SizedBox(
|
||||
height: 47.h,
|
||||
height: 58,
|
||||
child: Stack(
|
||||
alignment: Alignment.center,
|
||||
children: [
|
||||
if (selected)
|
||||
Positioned(
|
||||
left: 0,
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
left: 5, top: 16.5,
|
||||
child: HelpImg.asset(
|
||||
ConstImg.cateSelLeft,
|
||||
width: 20.w,
|
||||
height: 50.h,
|
||||
width: 10,
|
||||
height: 25,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
),
|
||||
if (selected)
|
||||
Positioned(
|
||||
right: 0,
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
right: 5, top: 16.5,
|
||||
child: HelpImg.asset(
|
||||
ConstImg.cateSelRight,
|
||||
width: 20.w,
|
||||
height: 50.h,
|
||||
width: 10,
|
||||
height: 25,
|
||||
fit: BoxFit.fill,
|
||||
),
|
||||
),
|
||||
@@ -209,9 +195,7 @@ class _CatePageState extends State<CatePage> {
|
||||
|
||||
Widget _buildDramaList() {
|
||||
if (_loadingDramas) {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(color: CommonColor.primacyColor),
|
||||
);
|
||||
return const SizedBox();
|
||||
}
|
||||
|
||||
if (_dramas.isEmpty) {
|
||||
@@ -243,15 +227,15 @@ class _DramaItem extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
height: 80.h,
|
||||
height: 104.h,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
HelpImg.networkRadius(
|
||||
drama.imageUrl,
|
||||
width: 64.w,
|
||||
height: 80.h,
|
||||
fit: BoxFit.cover,
|
||||
width: 80.w,
|
||||
height: 104.h,
|
||||
fit: BoxFit.fill,
|
||||
borderRadius: BorderRadius.circular(4.r),
|
||||
),
|
||||
SizedBox(width: 8.w),
|
||||
@@ -264,7 +248,7 @@ class _DramaItem extends StatelessWidget {
|
||||
SkyText(
|
||||
text: drama.name,
|
||||
color: CommonColor.black,
|
||||
fontSize: 11,
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w700,
|
||||
maxLines: 2,
|
||||
lineHeight: 1.08,
|
||||
@@ -273,7 +257,7 @@ class _DramaItem extends StatelessWidget {
|
||||
SkyText(
|
||||
text: drama.description,
|
||||
color: Colors.black.withAlpha(92),
|
||||
fontSize: 9,
|
||||
fontSize: 11,
|
||||
maxLines: 2,
|
||||
lineHeight: 1.2,
|
||||
),
|
||||
@@ -309,9 +293,9 @@ class _TipView extends StatelessWidget {
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
HelpImg.asset(icon, width: 8.w, height: 8.w),
|
||||
HelpImg.asset(icon, width: 12.w, height: 12.w),
|
||||
SizedBox(width: 2.w),
|
||||
SkyText(text: text, color: Colors.black.withAlpha(110), fontSize: 8),
|
||||
SkyText(text: text, color: Colors.black.withAlpha(110), fontSize: 10),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
+121
-75
@@ -1,15 +1,23 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:easy_refresh/easy_refresh.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:skywood/global/client/play_client.dart';
|
||||
import 'package:skywood/global/client/user_client.dart';
|
||||
import 'package:skywood/global/tool/sky_log.dart';
|
||||
import 'package:skywood/main/lib_file.dart';
|
||||
import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
|
||||
import 'package:skywood/pages/home/widgets/daily_quest_widget.dart';
|
||||
import 'package:skywood/pages/home/widgets/home_cate_widget.dart';
|
||||
import 'package:skywood/pages/home/widgets/hot_cartridge_widget.dart';
|
||||
import 'package:skywood/pages/home/widgets/rank_list_widget.dart';
|
||||
import 'package:skywood/pages/search/page/result_page.dart';
|
||||
import 'package:skywood/pages/widgets/common_bg_page.dart';
|
||||
import 'package:skywood/pages/widgets/mystery_box_widget.dart';
|
||||
import 'package:skywood/utils/extend/gif_header.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_category.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_drama.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_home.dart';
|
||||
import 'package:skywood/utils/tools/app_toast.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
|
||||
class HomePage extends StatefulWidget {
|
||||
const HomePage({super.key});
|
||||
@@ -21,96 +29,126 @@ class HomePage extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _MainRootState extends State<HomePage> {
|
||||
|
||||
List<SkywoodHome> _homeData = [];
|
||||
List<SkywoodCategory> _categories = [];
|
||||
final EasyRefreshController _refreshController = EasyRefreshController(
|
||||
controlFinishRefresh: true,
|
||||
);
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
|
||||
_getHomeData();
|
||||
_getDramaCate();
|
||||
_refreshHome();
|
||||
}
|
||||
|
||||
void _getHomeData() {
|
||||
Future<void> _refreshHome() async {
|
||||
// home_v3_recommand new_recommand week_ranking week_highest_recommend
|
||||
// marquee home_banner get_details_recommand
|
||||
PlayClient.getHomeData().then((value) {
|
||||
for (SkywoodHome element in value) {
|
||||
print('lele: ${element.moduleKey} : ${element.dataList.length}');
|
||||
}
|
||||
setState(() {
|
||||
_homeData = value;
|
||||
});
|
||||
AppToast.showLottieLoading();
|
||||
final homeFuture = PlayClient.getHomeData();
|
||||
final categoriesFuture = PlayClient.getCategoriesList();
|
||||
final homeData = await homeFuture;
|
||||
final categories = await categoriesFuture;
|
||||
if (!mounted) return;
|
||||
|
||||
for (SkywoodHome element in homeData) {
|
||||
print('lele: ${element.moduleKey} : ${element.dataList.length}');
|
||||
}
|
||||
|
||||
|
||||
_refreshController.finishRefresh();
|
||||
AppToast.dismiss();
|
||||
setState(() {
|
||||
_homeData = homeData;
|
||||
_categories = categories;
|
||||
});
|
||||
}
|
||||
|
||||
void _getDramaCate() {
|
||||
PlayClient.getCategoriesList().then((value) {
|
||||
print('cateeeee: ${value.length}');
|
||||
setState(() {
|
||||
_categories = value;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return CommonBgPage(
|
||||
child: SafeArea(
|
||||
child: _homeData.isEmpty ? SizedBox() : CustomScrollView(
|
||||
slivers: [
|
||||
_buildTopTwoImgs(),
|
||||
_buildSpace(),
|
||||
DailyQuestWidget(
|
||||
dramaList: _homeData.firstWhere((element) => element.moduleKey == 'home_v3_recommand').dataList,
|
||||
),
|
||||
_buildSpace(height: 10),
|
||||
_buildTitleImg(ConstImg.homeTitleMystery),
|
||||
_buildSpace(),
|
||||
// 345 355
|
||||
_buildTitleImg(
|
||||
ConstImg.homeOpenNowBox,
|
||||
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
||||
height: 355.h,
|
||||
),
|
||||
_buildSpace(height: 10),
|
||||
_buildTitleImg(ConstImg.homeTitleHot),
|
||||
_buildSpace(),
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
||||
sliver: HotCartridgeWidget(
|
||||
dramaList: _homeData.firstWhere((element) => element.moduleKey == 'new_recommand').dataList,
|
||||
child: _homeData.isEmpty
|
||||
? const SizedBox()
|
||||
: EasyRefresh(
|
||||
controller: _refreshController,
|
||||
header: const GifHeader(),
|
||||
onRefresh: _refreshHome,
|
||||
child: _bodyWidget(),
|
||||
),
|
||||
),
|
||||
_buildSpace(height: 10),
|
||||
_buildTitleImg(ConstImg.homeTitleWeekly),
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
||||
sliver: SliverToBoxAdapter(
|
||||
child: RankListWidget(
|
||||
dramaList: _homeData.firstWhere((element) => element.moduleKey == 'week_ranking').dataList,
|
||||
),
|
||||
),
|
||||
),
|
||||
_buildTitleImg(ConstImg.homeTitleHotCate),
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.only(left: 15.w, right: 15.w, top: 20.h),
|
||||
sliver: SliverToBoxAdapter(
|
||||
child: HomeCateWidget(
|
||||
categories: _categories,
|
||||
),
|
||||
),
|
||||
),
|
||||
_buildSpace(height: 20),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _bodyWidget() {
|
||||
return CustomScrollView(
|
||||
slivers: [
|
||||
_buildTopTwoImgs(),
|
||||
_buildSpace(),
|
||||
DailyQuestWidget(
|
||||
dramaList: _homeData
|
||||
.firstWhere((element) => element.moduleKey == 'home_v3_recommand')
|
||||
.dataList,
|
||||
),
|
||||
_buildSpace(height: 10),
|
||||
_buildTitleImg(ConstImg.homeTitleMystery),
|
||||
_buildSpace(),
|
||||
// 345 355
|
||||
_buildTitleImg(
|
||||
ConstImg.homeOpenNowBox,
|
||||
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
||||
height: 355.h,
|
||||
onTap: () {
|
||||
// 随机获取一下视频 week_highest_recommend
|
||||
List<SkywoodDrama> list = _homeData
|
||||
.firstWhere((element) => element.moduleKey == 'week_highest_recommend')
|
||||
.dataList;
|
||||
int max = list.length;
|
||||
int index = Random().nextInt(max);
|
||||
HelpNav.showDialog(MysteryBoxWidget(
|
||||
drama: list[index],
|
||||
onTap: () {
|
||||
HelpNav.to(DramaDetailPage(dramaBean: list[index]));
|
||||
},
|
||||
), barrierDismissible: true);
|
||||
}
|
||||
),
|
||||
_buildSpace(height: 10),
|
||||
_buildTitleImg(ConstImg.homeTitleHot),
|
||||
_buildSpace(),
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
||||
sliver: HotCartridgeWidget(
|
||||
dramaList: _homeData
|
||||
.firstWhere((element) => element.moduleKey == 'new_recommand')
|
||||
.dataList,
|
||||
),
|
||||
),
|
||||
_buildSpace(height: 10),
|
||||
_buildTitleImg(ConstImg.homeTitleWeekly),
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
||||
sliver: SliverToBoxAdapter(
|
||||
child: RankListWidget(
|
||||
dramaList: _homeData
|
||||
.firstWhere((element) => element.moduleKey == 'week_ranking')
|
||||
.dataList,
|
||||
),
|
||||
),
|
||||
),
|
||||
_buildTitleImg(ConstImg.homeTitleHotCate),
|
||||
SliverPadding(
|
||||
padding: EdgeInsets.only(left: 15.w, right: 15.w, top: 20.h),
|
||||
sliver: SliverToBoxAdapter(
|
||||
child: HomeCateWidget(categories: _categories),
|
||||
),
|
||||
),
|
||||
_buildSpace(height: 20),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
SliverToBoxAdapter _buildTopTwoImgs() {
|
||||
// 104-76
|
||||
return SliverToBoxAdapter(
|
||||
@@ -121,7 +159,10 @@ class _MainRootState extends State<HomePage> {
|
||||
height: 204.h,
|
||||
padding: EdgeInsets.only(left: 25.w, top: 3.h, right: 25.w),
|
||||
child: HelpImg.asset(ConstImg.homeTopBg, fit: BoxFit.fill),
|
||||
),
|
||||
).addInkWell(onTap: () {
|
||||
// 去到搜索页面
|
||||
HelpNav.to(ResultPage(keyword: ''));
|
||||
}),
|
||||
Positioned(
|
||||
top: (204 - 28).h,
|
||||
height: 104.h,
|
||||
@@ -141,15 +182,20 @@ class _MainRootState extends State<HomePage> {
|
||||
String imgName, {
|
||||
double? height,
|
||||
double? width,
|
||||
Function()? onTap,
|
||||
EdgeInsets? padding,
|
||||
}) {
|
||||
// 104-76
|
||||
return SliverToBoxAdapter(
|
||||
child: Container(
|
||||
padding: padding ?? EdgeInsets.zero,
|
||||
width: width ?? double.infinity,
|
||||
height: height ?? 104.h,
|
||||
child: HelpImg.asset(imgName, fit: BoxFit.fill),
|
||||
child: GestureDetector(
|
||||
behavior: HitTestBehavior.opaque,
|
||||
onTap: onTap,
|
||||
child: Container(
|
||||
padding: padding ?? EdgeInsets.zero,
|
||||
width: width ?? double.infinity,
|
||||
height: height ?? 104.h,
|
||||
child: HelpImg.asset(imgName, fit: BoxFit.fill),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@@ -6,6 +6,7 @@ import 'package:skywood/pages/home/players/widget/sky_player_view.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_detail.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_drama.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_home.dart';
|
||||
import 'package:skywood/utils/tools/app_toast.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
|
||||
@@ -34,10 +35,13 @@ class _DramaDetailPageState extends State<DramaDetailPage> {
|
||||
}
|
||||
|
||||
void _getDetailDrama() {
|
||||
print('currentEpisode===${widget.dramaBean.currentEpisode}');
|
||||
AppToast.showLottieLoading();
|
||||
PlayClient.getVideoDetail(
|
||||
shortPlayId: widget.dramaBean.shortPlayId ?? 0,
|
||||
shortPlayVideoId: widget.dramaBean.shortPlayVideoId ?? 0
|
||||
).then((value) {
|
||||
AppToast.dismiss();
|
||||
setState(() {
|
||||
_detailBean = value;
|
||||
});
|
||||
@@ -57,11 +61,10 @@ class _DramaDetailPageState extends State<DramaDetailPage> {
|
||||
children: [
|
||||
SizedBox(width: double.infinity, height: double.infinity),
|
||||
|
||||
if (widget.dramaBean.videoUrl != null)
|
||||
if (_detailBean != null)
|
||||
Positioned(
|
||||
bottom: 0, left: 0, right: 0, top: 0,
|
||||
child: SkyPlayerView(
|
||||
videoUrl: widget.dramaBean.videoUrl!,
|
||||
detailBean: _detailBean,
|
||||
dramaBean: widget.dramaBean,
|
||||
),
|
||||
|
||||
@@ -6,10 +6,15 @@ import 'package:skywood/utils/models/drama/skywood_episode.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
|
||||
class DramaEspPage extends StatefulWidget {
|
||||
const DramaEspPage({super.key, required this.detail, this.currentEpisode});
|
||||
const DramaEspPage({super.key,
|
||||
required this.detail,
|
||||
this.currentEpisode,
|
||||
this.onSelectedEpisode,
|
||||
});
|
||||
|
||||
final SkywoodDetail detail;
|
||||
final int? currentEpisode;
|
||||
final Function(int)? onSelectedEpisode;
|
||||
|
||||
@override
|
||||
State<StatefulWidget> createState() {
|
||||
@@ -182,6 +187,7 @@ class _DramaEspPageState extends State<DramaEspPage> {
|
||||
setState(() {
|
||||
_selectedEpisode = episode.episode;
|
||||
});
|
||||
widget.onSelectedEpisode?.call(_selectedEpisode);
|
||||
},
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
|
||||
@@ -4,22 +4,25 @@ import 'package:skywood/main/lib_file.dart';
|
||||
import 'package:skywood/pages/home/players/page/drama_esp_page.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_detail.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_drama.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_episode.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
import 'package:video_player/video_player.dart';
|
||||
|
||||
/// 视频播放器
|
||||
class SkyPlayerView extends StatefulWidget {
|
||||
final String videoUrl;
|
||||
// final String videoUrl;
|
||||
final bool autoPlay;
|
||||
final SkywoodDetail? detailBean;
|
||||
final SkywoodDrama dramaBean;
|
||||
final int? currentEpisode;
|
||||
|
||||
const SkyPlayerView({
|
||||
super.key,
|
||||
required this.videoUrl,
|
||||
// required this.videoUrl,
|
||||
this.autoPlay = true,
|
||||
this.detailBean,
|
||||
required this.dramaBean,
|
||||
this.currentEpisode,
|
||||
});
|
||||
|
||||
@override
|
||||
@@ -36,6 +39,7 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
Duration _currentPosition = Duration.zero;
|
||||
Duration _totalDuration = Duration.zero;
|
||||
bool _isLiked = false;
|
||||
SkywoodEpisode? _currentEpisode;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
@@ -43,14 +47,14 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
_initializePlayer();
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(SkyPlayerView oldWidget) {
|
||||
super.didUpdateWidget(oldWidget);
|
||||
if (oldWidget.videoUrl != widget.videoUrl) {
|
||||
_disposeController();
|
||||
_initializePlayer();
|
||||
}
|
||||
}
|
||||
// @override
|
||||
// void didUpdateWidget(SkyPlayerView oldWidget) {
|
||||
// super.didUpdateWidget(oldWidget);
|
||||
// if (oldWidget.videoUrl != widget.videoUrl) {
|
||||
// _disposeController();
|
||||
// _initializePlayer();
|
||||
// }
|
||||
// }
|
||||
|
||||
Future<void> _initializePlayer() async {
|
||||
setState(() {
|
||||
@@ -62,8 +66,17 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
_isLiked = widget.dramaBean.isCollect ?? false;
|
||||
});
|
||||
|
||||
int _esp = widget.currentEpisode ?? 0;
|
||||
String videoUrl = '';
|
||||
if (widget.detailBean != null) {
|
||||
if (widget.detailBean!.episodeList.isNotEmpty) {
|
||||
videoUrl = widget.detailBean!.episodeList[_esp].videoUrl;
|
||||
_currentEpisode = widget.detailBean!.episodeList[_esp];
|
||||
}
|
||||
}
|
||||
|
||||
final controller = VideoPlayerController.networkUrl(
|
||||
Uri.parse(widget.videoUrl),
|
||||
Uri.parse(videoUrl),
|
||||
);
|
||||
_controller = controller;
|
||||
_controllerCreated = true;
|
||||
@@ -181,8 +194,8 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
Widget _buildLoadingView() {
|
||||
return Container(
|
||||
color: Colors.black,
|
||||
child: const Center(
|
||||
child: CircularProgressIndicator(color: Colors.white),
|
||||
child: Center(
|
||||
child: HelpImg.asset(ConstImg.loading, width: 110),
|
||||
),
|
||||
);
|
||||
}
|
||||
@@ -211,16 +224,17 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
}
|
||||
|
||||
void _collectionDrama() {
|
||||
if (_currentEpisode == null) return;
|
||||
if (_isLiked) {
|
||||
PlayClient.cancelCollect(shortPlayId: widget.dramaBean.shortPlayId??0).then((value) {
|
||||
PlayClient.cancelCollect(shortPlayId: _currentEpisode!.shortPlayId).then((value) {
|
||||
setState(() {
|
||||
_isLiked = value;
|
||||
});
|
||||
});
|
||||
} else {
|
||||
PlayClient.collect(
|
||||
shortPlayId: widget.dramaBean.shortPlayId??0,
|
||||
videoId: widget.dramaBean.shortPlayVideoId ?? 0,
|
||||
shortPlayId: _currentEpisode!.shortPlayId,
|
||||
videoId: _currentEpisode!.shortPlayVideoId,
|
||||
).then((value) {
|
||||
setState(() {
|
||||
_isLiked = value;
|
||||
@@ -231,7 +245,7 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
|
||||
Widget _buildBottomView() {
|
||||
SkywoodDetail detail = widget.detailBean!;
|
||||
final int currentEpisode = _currentEpisode(detail);
|
||||
final int currentEpisode = _getCurrentEpisode(detail);
|
||||
final int totalEpisode = _episodeTotal(detail);
|
||||
|
||||
return Container(
|
||||
@@ -292,6 +306,14 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
child: DramaEspPage(
|
||||
detail: detail,
|
||||
currentEpisode: currentEpisode,
|
||||
onSelectedEpisode: (episode) {
|
||||
|
||||
if (widget.detailBean != null) {
|
||||
if (widget.detailBean!.episodeList.isNotEmpty) {
|
||||
_currentEpisode = widget.detailBean!.episodeList[episode];
|
||||
}
|
||||
}
|
||||
},
|
||||
),
|
||||
);
|
||||
},
|
||||
@@ -339,7 +361,9 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
child: SliderTheme(
|
||||
data: SliderThemeData(
|
||||
trackHeight: 3, // ✅ 进度条高度 3
|
||||
thumbShape: const RoundSliderThumbShape(enabledThumbRadius: 1),
|
||||
thumbShape: _ImageThumbShape(
|
||||
imagePath: ConstImg.playTag
|
||||
),
|
||||
overlayShape: const RoundSliderOverlayShape(overlayRadius: 3),
|
||||
activeTrackColor: Colors.white, // ✅ 已播放 = 白色
|
||||
inactiveTrackColor: Colors.white.withAlpha(126), // ✅ 未播放 = 灰色
|
||||
@@ -379,7 +403,7 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
return '$minutes:$seconds';
|
||||
}
|
||||
|
||||
int _currentEpisode(SkywoodDetail detail) {
|
||||
int _getCurrentEpisode(SkywoodDetail detail) {
|
||||
final int? episode =
|
||||
detail.videoInfo?.episode ??
|
||||
detail.videoInfo?.currentEpisode ??
|
||||
@@ -394,3 +418,75 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
|
||||
return detail.episodeList.length;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
class _ImageThumbShape extends SliderComponentShape {
|
||||
final String imagePath;
|
||||
final double imageSize;
|
||||
|
||||
const _ImageThumbShape({
|
||||
required this.imagePath,
|
||||
this.imageSize = 16,
|
||||
});
|
||||
|
||||
@override
|
||||
Size getPreferredSize(bool isEnabled, bool isDiscrete) {
|
||||
return Size(imageSize, imageSize);
|
||||
}
|
||||
|
||||
@override
|
||||
void paint(
|
||||
PaintingContext context,
|
||||
Offset center, {
|
||||
required Animation<double> activationAnimation,
|
||||
required Animation<double> enableAnimation,
|
||||
required bool isDiscrete,
|
||||
required TextPainter labelPainter,
|
||||
required RenderBox parentBox,
|
||||
required SliderThemeData sliderTheme,
|
||||
required TextDirection textDirection,
|
||||
required double value,
|
||||
required double textScaleFactor,
|
||||
required Size sizeWithOverflow,
|
||||
}) {
|
||||
// 🔥 使用 Image 直接渲染图片
|
||||
final imageWidget = Image.asset(
|
||||
imagePath,
|
||||
width: imageSize,
|
||||
height: imageSize,
|
||||
);
|
||||
|
||||
// 使用 WidgetsBinding 确保图片已加载
|
||||
final image = imageWidget.image;
|
||||
final stream = image.resolve(ImageConfiguration());
|
||||
|
||||
// 添加监听器,但只在图片加载完成后绘制
|
||||
stream.addListener(ImageStreamListener((imageInfo, _) {
|
||||
final rect = Rect.fromCenter(
|
||||
center: center,
|
||||
width: imageSize,
|
||||
height: imageSize,
|
||||
);
|
||||
context.canvas.drawImageRect(
|
||||
imageInfo.image,
|
||||
Rect.fromLTWH(
|
||||
0,
|
||||
0,
|
||||
imageInfo.image.width.toDouble(),
|
||||
imageInfo.image.height.toDouble(),
|
||||
),
|
||||
rect,
|
||||
Paint(),
|
||||
);
|
||||
}, onError: (error, stackTrace) {
|
||||
// 🔥 如果图片加载失败,绘制一个默认圆点
|
||||
final paint = Paint()
|
||||
..color = Colors.white
|
||||
..style = PaintingStyle.fill;
|
||||
context.canvas.drawCircle(center, imageSize / 2, paint);
|
||||
}));
|
||||
}
|
||||
}
|
||||
@@ -57,7 +57,7 @@ class DailyQuestWidget extends StatelessWidget {
|
||||
onTap: () {
|
||||
HelpNav.to(DramaDetailPage(dramaBean: drama));
|
||||
},
|
||||
child: HelpImg.network(drama.imageUrl, width: 95.w, height: 50.h, fit: BoxFit.cover),
|
||||
child: HelpImg.network(drama.horizontallyImg, width: 95.w, height: 50.h, fit: BoxFit.cover),
|
||||
);
|
||||
})
|
||||
),
|
||||
@@ -73,7 +73,7 @@ class DailyQuestWidget extends StatelessWidget {
|
||||
decoration: BoxDecoration(
|
||||
border: Border.all(color: CommonColor.black, width: 1),
|
||||
),
|
||||
child: HelpImg.network(drama.imageUrl, width: 300.w, height: 160.h, fit: BoxFit.cover),
|
||||
child: HelpImg.network(drama.horizontallyImg, width: 300.w, height: 160.h, fit: BoxFit.cover),
|
||||
),
|
||||
SizedBox(height: 4.h),
|
||||
Row(
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:skywood/main/lib_file.dart';
|
||||
import 'package:skywood/pages/home/cate_page.dart';
|
||||
import 'package:skywood/utils/models/drama/skywood_category.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
|
||||
@@ -44,7 +45,7 @@ class HomeCateWidget extends StatelessWidget {
|
||||
)
|
||||
],
|
||||
).addInkWell(onTap: () {
|
||||
// HelpNav.to(DramaDetailPage(dramaBean: drama));
|
||||
HelpNav.to(CatePage(preCategory: category));
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
@@ -18,8 +18,8 @@ class HotCartridgeWidget extends StatelessWidget {
|
||||
return SliverGrid.builder(
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 3, // 每行 2 列
|
||||
crossAxisSpacing: 12, // 列间距
|
||||
mainAxisSpacing: 5, // 行间距
|
||||
crossAxisSpacing: 10, // 列间距
|
||||
mainAxisSpacing: 10, // 行间距
|
||||
childAspectRatio: 110 / 174, // 宽高比
|
||||
),
|
||||
itemBuilder: (context, index) {
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:skywood/main/lib_file.dart';
|
||||
import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
|
||||
import 'package:skywood/pages/home/widgets/like_num_widget.dart';
|
||||
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
||||
|
||||
@@ -61,7 +62,9 @@ class RankListWidget extends StatelessWidget {
|
||||
LikeNumWidget(watchTotal: drama.watchTotal)
|
||||
],
|
||||
),
|
||||
);
|
||||
).addInkWell(onTap: () {
|
||||
HelpNav.to(DramaDetailPage(dramaBean: drama));
|
||||
});
|
||||
}
|
||||
|
||||
Widget _rankIndex(int index) {
|
||||
|
||||
Reference in new issue
Block a user