import 'dart:convert';
|
import 'dart:io';
|
import 'dart:math';
|
|
import 'package:flutter/material.dart';
|
import 'package:flutter_module/utils/ui_utils.dart';
|
import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart';
|
import '../../ui/widget/ad_express.dart';
|
import '../../ui/widget/refresh_listview.dart';
|
import '../../utils/ad_util.dart';
|
import '../../utils/pageutils.dart';
|
import '../../utils/ui_constant.dart';
|
|
import '../../model/video/home_type_model.dart';
|
import '../../model/video/search_special_model.dart';
|
import 'api/video_api.dart';
|
import 'model/video/home_ad_model.dart';
|
import 'ui/widget/video_item.dart';
|
import 'utils/jump_page.dart';
|
|
class HomePage extends StatefulWidget {
|
HomePage({Key? key, required this.title}) : super(key: key);
|
|
final String title;
|
|
@override
|
_HomePageState createState() => _HomePageState();
|
}
|
|
class _HomePageState extends State<HomePage>
|
with SingleTickerProviderStateMixin {
|
final MyRefreshController _refreshController =
|
MyRefreshController(initialRefresh: false);
|
List<HomeAdModel> bannerList = [];
|
List homeTypeList = [];
|
int page = 1;
|
int totalCount = 0;
|
List<SearchSpecialModel> categoryList = [];
|
bool hasDYHot = true;
|
String searchKw = "";
|
|
//信息流广告
|
Widget? expressAd;
|
AdType? expressAdType;
|
String? expressPid;
|
|
ExpressAdController _expressAdController = ExpressAdController();
|
|
@override
|
void initState() {
|
super.initState();
|
init();
|
AdUtil.getAdType(AdPosition.other).then((value) {
|
setState(() {
|
expressAdType = value;
|
});
|
if (expressAdType == AdType.csj) {
|
expressPid = CSJADConstant.PID_RECOMMEND_BIG_PICTURE;
|
} else if (expressAdType == AdType.gdt) {
|
expressPid = GDTADConstant.PID_RECOMMEND_BIG_PICTURE;
|
}
|
});
|
|
// Future.delayed(Duration(seconds: 5),(){
|
uiMethodChannel.invokeMethod("setStatusBarLight");
|
// });
|
}
|
|
void init() {
|
getHomeAd();
|
getHomeType(page);
|
getSearchSpecial();
|
getHotSearch();
|
//刷新
|
_expressAdController.refresh;
|
}
|
|
void jumpPage(String name, dynamic params) {
|
JumpPageUtil.jumpPage(name, context,
|
params: params, native: true, callback: (data) {});
|
}
|
|
@override
|
Widget build(BuildContext context) {
|
return Scaffold(
|
backgroundColor: Colors.white,
|
body: Column(children: [
|
Container(
|
color: ColorConstant.theme,
|
padding: const EdgeInsets.fromLTRB(10, 12, 10, 12),
|
child: InkWell(
|
onTap: () {
|
jumpPage("SearchPage", {"title": searchKw});
|
},
|
child: Container(
|
height: 32,
|
decoration: BoxDecoration(
|
color: Colors.white,
|
borderRadius: BorderRadius.circular(16)),
|
child: Row(
|
children: [
|
Container(
|
width: 12,
|
),
|
Image.asset(
|
"assets/imgs/icon_search_home.png",
|
height: 17,
|
),
|
Container(
|
width: 10,
|
),
|
Text(
|
searchKw,
|
style: TextStyle(
|
color: const Color(0xFF787878), fontSize: 14),
|
)
|
],
|
),
|
)),
|
),
|
Expanded(
|
child: RefreshListView(
|
refreshController: _refreshController,
|
content: CustomScrollView(slivers: [
|
SliverList(
|
delegate: SliverChildBuilderDelegate(
|
(content, index) {
|
if (index == 0) {
|
return bannerList.isEmpty ? Container() : getBannerView();
|
} else if (index == 1) {
|
return categoryList.isEmpty
|
? Container()
|
: getCategoryView();
|
} else if (index == 2) {
|
return getAdView();
|
} else {
|
return getHomeTypeView(index - 3, context);
|
}
|
},
|
childCount: homeTypeList.length + 3,
|
))
|
]),
|
refresh: () {
|
page = 1;
|
init();
|
},
|
loadMore: () {
|
getHomeType(page + 1);
|
},
|
))
|
]));
|
}
|
|
void getHomeAd() async {
|
Map<String, dynamic>? result =
|
await HomeApiUtil.getHomeAd(context, "recommend", "1628826741158");
|
if (result == null) {
|
return;
|
}
|
if (result["IsPost"] == "true") {
|
List<dynamic> list = result["Data"]["data"];
|
List<HomeAdModel> adList = [];
|
for (var element in list) {
|
adList.add(HomeAdModel.fromJson(element));
|
}
|
setState(() {
|
bannerList = adList;
|
});
|
}
|
}
|
|
void getHomeType(int _page) async {
|
page = _page;
|
Map<String, dynamic>? result = await HomeApiUtil.getHomeTypes(
|
context, "recommend", "1628826741158", _page);
|
_refreshController.refreshCompleted(resetFooterState: true);
|
//请求失败了
|
if (result == null) {
|
if (page > 1) {
|
page = page - 1;
|
}
|
if (homeTypeList.isEmpty) {
|
_refreshController.apiError!();
|
}
|
|
return;
|
}
|
if (result["IsPost"] == "true") {
|
List<dynamic> list = result["Data"]["data"];
|
totalCount = int.parse(result["Data"]["count"]);
|
List<HomeTypeModel> tempHomeTypeList = [];
|
for (var element in list) {
|
tempHomeTypeList.add(HomeTypeModel.fromJson(element));
|
}
|
setState(() {
|
if (_page == 1) {
|
homeTypeList = tempHomeTypeList;
|
} else {
|
if (tempHomeTypeList.isNotEmpty) {
|
homeTypeList.addAll(tempHomeTypeList);
|
}
|
}
|
});
|
|
if (totalCount <= homeTypeList.length) {
|
_refreshController.loadNoData();
|
} else {
|
if (_page > 1) {
|
_refreshController.loadComplete();
|
}
|
}
|
if (homeTypeList.isEmpty) {
|
_refreshController.dataEmpty!();
|
} else {
|
//正常的状态
|
_refreshController.dataNormal!();
|
}
|
}
|
}
|
|
void getSearchSpecial() async {
|
Map<String, dynamic>? result =
|
await HomeApiUtil.getRecommendSearchSpecial(context);
|
_refreshController.refreshCompleted(resetFooterState: true);
|
//请求失败了
|
if (result == null) {
|
if (page > 1) {
|
page = page - 1;
|
}
|
return;
|
}
|
if (result["IsPost"] == "true") {
|
List<dynamic> list = result["Data"];
|
List<SearchSpecialModel> tempList = [];
|
for (var element in list) {
|
tempList.add(SearchSpecialModel.fromJson(element));
|
}
|
// tempList.add(SearchSpecialModel(
|
// id: "novel",
|
// icon: "assets/imgs/home/icon_home_category_novel.png",
|
// name: "小说"));
|
setState(() {
|
categoryList = tempList;
|
});
|
}
|
}
|
|
void getHotSearch() async {
|
Map<String, dynamic>? result = await SearchApiUtil.getHotSearch(context);
|
if (result == null) {
|
return;
|
}
|
if (result["IsPost"] == "true") {
|
List<dynamic> list = result["Data"]["data"];
|
setState(() {
|
searchKw = list[Random().nextInt(list.length)];
|
});
|
}
|
}
|
|
Widget getBannerView() {
|
double width = MediaQuery.of(context).size.width;
|
double itemWidth = width - 40;
|
double itemHeight = itemWidth * 0.4382;
|
CustomLayoutOption customLayoutOption =
|
CustomLayoutOption(startIndex: -1, stateCount: 3);
|
customLayoutOption.addTranslate([
|
Offset(-(width - 65), 0),
|
const Offset(0.0, 0.0),
|
Offset(width - 65, 0)
|
]);
|
customLayoutOption.addScale([0.8, 1, 0.8], Alignment.center);
|
|
return KeepAliveWrapper(
|
child: bannerList.isNotEmpty
|
? Container(
|
padding: EdgeInsets.only(top: 10),
|
child: SizedBox(
|
width: width,
|
height: itemHeight,
|
child: Swiper(
|
itemBuilder: (BuildContext context, int index) {
|
return ClipRRect(
|
child: VideoImage(
|
bannerList[index].picture,
|
),
|
borderRadius: BorderRadius.circular(8),
|
);
|
},
|
layout: SwiperLayout.DEFAULT,
|
customLayoutOption: customLayoutOption,
|
indicatorLayout: PageIndicatorLayout.COLOR,
|
autoplay: true,
|
duration: 500,
|
itemCount: bannerList.length,
|
pagination: const SwiperPagination(
|
margin: EdgeInsets.all(10),
|
builder: DotSwiperPaginationBuilder(
|
size: 8,
|
activeColor: ColorConstant.theme,
|
color: Colors.grey)),
|
itemWidth: itemWidth,
|
outer: false,
|
scale: 0.86,
|
viewportFraction: 0.86,
|
// containerHeight: itemHeight-30,
|
// containerWidth:width,
|
itemHeight: itemHeight,
|
onTap: (index) {
|
print("banner点击：$index");
|
if (bannerList[index].linkType == 1) {
|
jumpPage("VideoDetailPage", {
|
"video": bannerList[index].video!.toJson(),
|
});
|
} else if (bannerList[index].linkType == 2) {
|
dynamic json = jsonDecode(bannerList[index].params!);
|
String url = json["url"];
|
jumpPage("BrowserPage", {
|
"url": url,
|
});
|
}
|
},
|
)),
|
)
|
: Container());
|
}
|
|
Widget getCategoryView() {
|
return categoryList.isNotEmpty
|
? Container(
|
padding: const EdgeInsets.fromLTRB(10, 20, 10, 10),
|
child: Row(
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
children: categoryList
|
.map((e) => InkWell(
|
onTap: () {
|
jumpPage(
|
"VideoListPage", {"kw": e.id!, "title": e.name});
|
},
|
child: Column(children: [
|
CommonImage(
|
e.icon!,
|
width: MediaQuery.of(context).size.width * 55 / 375,
|
),
|
Text(
|
e.name!,
|
style: const TextStyle(
|
color: Color(0xFF3B3B3B), fontSize: 12),
|
)
|
])))
|
.toList()))
|
: Container();
|
}
|
|
Widget getAdView() {
|
return expressAdType != null
|
? Container(
|
padding: const EdgeInsets.fromLTRB(10, 10, 10, 10),
|
child: Column(
|
crossAxisAlignment: CrossAxisAlignment.start,
|
children: [
|
// const Text(
|
// "今日热点",
|
// style: TextStyle(color: Color(0xFF5F5F5F), fontSize: 16),
|
// ),
|
SizedBox(
|
height: (MediaQuery.of(context).size.width - 20) * 0.75,
|
width: MediaQuery.of(context).size.width,
|
child: _nativeView(),
|
)
|
],
|
),
|
)
|
: Container();
|
}
|
|
Widget _nativeView() {
|
return expressAdType == AdType.csj
|
? CSJEXpressAd(
|
expressPid!,
|
MediaQuery.of(context).size.width - 20,
|
(MediaQuery.of(context).size.width - 20) * 0.8,
|
controller: _expressAdController,
|
close: () {
|
setState(() {
|
expressAdType = null;
|
});
|
},
|
loadFail: () {
|
setState(() {
|
expressAdType = null;
|
});
|
},
|
)
|
: GDTEXpressAd(
|
expressPid!,
|
MediaQuery.of(context).size.width - 20,
|
(MediaQuery.of(context).size.width - 20) * 0.8,
|
controller: _expressAdController,
|
close: () {
|
setState(() {
|
expressAdType = null;
|
});
|
},
|
loadFail: () {
|
setState(() {
|
expressAdType = null;
|
});
|
},
|
);
|
}
|
|
Widget getHomeTypeView(index, BuildContext context) {
|
HomeTypeModel homeType = homeTypeList[index];
|
double mx = MediaQuery.of(context).size.width;
|
return VideoListUIUtil.getHomeTypeItem(mx, homeType, context);
|
}
|
}
|
