v1.0.1
This commit is contained in:
@@ -0,0 +1,83 @@
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/models/novel/category_filter_model.dart';
|
||||
import 'package:flutter_dmzj/models/novel/category_novel_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelCategoryDetailController
|
||||
extends BasePageController<NovelCategoryNovelModel> {
|
||||
final int id;
|
||||
NovelCategoryDetailController(this.id);
|
||||
final NovelRequest request = NovelRequest();
|
||||
RxList<NovelCategoryFilterModel> filters = RxList<NovelCategoryFilterModel>();
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
loadFilter();
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
String getTitle() {
|
||||
var items = filters.where((x) => x.selectId.value != 0 && x.title != "排序");
|
||||
|
||||
if (items.isEmpty) {
|
||||
return "全部小说";
|
||||
} else {
|
||||
return items
|
||||
.map((e) =>
|
||||
e.items.firstWhere((x) => x.tagId == e.selectId.value).tagName)
|
||||
.join("-");
|
||||
}
|
||||
}
|
||||
|
||||
void loadFilter() async {
|
||||
try {
|
||||
filters.value = await request.categoryFilter();
|
||||
for (var item in filters) {
|
||||
var tag = item.items.firstWhereOrNull((x) => x.tagId == id);
|
||||
if (tag != null) {
|
||||
item.selectId.value = tag.tagId;
|
||||
}
|
||||
}
|
||||
filters.insert(
|
||||
0,
|
||||
NovelCategoryFilterModel(
|
||||
title: "排序",
|
||||
items: [
|
||||
NovelCategoryFilterItemModel(tagId: 1, tagName: "更新排序"),
|
||||
NovelCategoryFilterItemModel(tagId: 2, tagName: "热度排序"),
|
||||
],
|
||||
)..selectId.value = 1,
|
||||
);
|
||||
filters.insert(
|
||||
1,
|
||||
NovelCategoryFilterModel(
|
||||
title: "状态",
|
||||
items: [
|
||||
NovelCategoryFilterItemModel(tagId: 0, tagName: "全部"),
|
||||
NovelCategoryFilterItemModel(tagId: 1, tagName: "连载中"),
|
||||
NovelCategoryFilterItemModel(tagId: 2, tagName: "已完结"),
|
||||
],
|
||||
),
|
||||
);
|
||||
} catch (e) {
|
||||
SmartDialog.showToast(e.toString());
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<NovelCategoryNovelModel>> getData(int page, int pageSize) async {
|
||||
if (filters.isEmpty) {
|
||||
return await request.categoryNovel(cateId: id, page: page - 1);
|
||||
} else {
|
||||
var sort = filters.first.selectId.value;
|
||||
var status = filters[1].selectId.value;
|
||||
var cateId =
|
||||
filters.firstWhereOrNull((x) => x.title == "题材")?.selectId.value ?? 0;
|
||||
|
||||
return await request.categoryNovel(
|
||||
cateId: cateId, status: status, sort: sort, page: page - 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,165 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/category_detail/novel_category_detail_controller.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/page_grid_view.dart';
|
||||
import 'package:flutter_dmzj/widgets/shadow_card.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:remixicon/remixicon.dart';
|
||||
|
||||
class NovelCategoryDetailPage extends StatelessWidget {
|
||||
final int id;
|
||||
final NovelCategoryDetailController controller;
|
||||
NovelCategoryDetailPage(this.id, {super.key})
|
||||
: controller = Get.put(
|
||||
NovelCategoryDetailController(id),
|
||||
tag: DateTime.now().millisecondsSinceEpoch.toString(),
|
||||
);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Obx(
|
||||
() => Text(
|
||||
controller.getTitle(),
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
Builder(
|
||||
builder: (BuildContext context) => IconButton(
|
||||
icon: const Icon(Remix.filter_line),
|
||||
onPressed: () {
|
||||
Scaffold.of(context).openEndDrawer();
|
||||
},
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
endDrawer: Drawer(
|
||||
child: Obx(
|
||||
() => SafeArea(
|
||||
child: ListView.builder(
|
||||
padding: AppStyle.edgeInsetsA12.copyWith(top: 12),
|
||||
itemCount: controller.filters.length,
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.filters[i];
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: AppStyle.edgeInsetsV12,
|
||||
child: Text(
|
||||
item.title,
|
||||
style: Get.textTheme.titleMedium,
|
||||
),
|
||||
),
|
||||
Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: item.items
|
||||
.map(
|
||||
(x) => OutlinedButton(
|
||||
style: OutlinedButton.styleFrom(
|
||||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||||
foregroundColor: x.tagId == item.selectId.value
|
||||
? Theme.of(context).colorScheme.primary
|
||||
: Colors.grey,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
side: BorderSide(
|
||||
color: x.tagId == item.selectId.value
|
||||
? Theme.of(context)
|
||||
.colorScheme
|
||||
.secondary
|
||||
: Colors.transparent,
|
||||
),
|
||||
),
|
||||
),
|
||||
child: Text(
|
||||
x.tagName,
|
||||
style: const TextStyle(
|
||||
fontSize: 14,
|
||||
),
|
||||
),
|
||||
onPressed: () async {
|
||||
item.selectId.value = x.tagId;
|
||||
|
||||
Navigator.pop(context);
|
||||
controller.refreshData();
|
||||
},
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
body: LayoutBuilder(builder: (context, constraints) {
|
||||
var count = constraints.maxWidth ~/ 160;
|
||||
if (count < 3) count = 3;
|
||||
return PageGridView(
|
||||
pageController: controller,
|
||||
firstRefresh: true,
|
||||
crossAxisCount: count,
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.list[i];
|
||||
return ShadowCard(
|
||||
onTap: () {
|
||||
AppNavigator.toNovelDetail(item.id);
|
||||
},
|
||||
radius: 4,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
AspectRatio(
|
||||
aspectRatio: 27 / 36,
|
||||
child: NetImage(
|
||||
item.cover ?? "",
|
||||
borderRadius: 4,
|
||||
),
|
||||
),
|
||||
AppStyle.vGap4,
|
||||
Padding(
|
||||
padding: AppStyle.edgeInsetsH4,
|
||||
child: Text(
|
||||
item.title,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
height: 1.2,
|
||||
),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap4,
|
||||
Padding(
|
||||
padding: AppStyle.edgeInsetsH4,
|
||||
child: Text(
|
||||
item.authors ?? "",
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
color: Colors.grey,
|
||||
fontSize: 12.0,
|
||||
height: 1.2,
|
||||
),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap4,
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}),
|
||||
);
|
||||
}
|
||||
}
|
||||
243
lib/modules/novel/detail/novel_detail_controller.dart
Normal file
243
lib/modules/novel/detail/novel_detail_controller.dart
Normal file
@@ -0,0 +1,243 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter_dmzj/app/app_constant.dart';
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/app/event_bus.dart';
|
||||
import 'package:flutter_dmzj/app/log.dart';
|
||||
import 'package:flutter_dmzj/app/utils.dart';
|
||||
import 'package:flutter_dmzj/models/db/novel_history.dart';
|
||||
import 'package:flutter_dmzj/models/novel/novel_detail_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_dmzj/requests/user_request.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/services/db_service.dart';
|
||||
import 'package:flutter_dmzj/services/user_service.dart';
|
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelDetailControler extends BaseController {
|
||||
final int novelId;
|
||||
NovelDetailControler(this.novelId);
|
||||
|
||||
final NovelRequest request = NovelRequest();
|
||||
final UserRequest userRequest = UserRequest();
|
||||
|
||||
Rx<NovelDetailInfo> detail = Rx<NovelDetailInfo>(NovelDetailInfo.empty());
|
||||
|
||||
var expandDescription = false.obs;
|
||||
|
||||
/// 是否已订阅
|
||||
var subscribeStatus = false.obs;
|
||||
|
||||
/// 阅读记录
|
||||
Rx<NovelHistory?> history = Rx<NovelHistory?>(null);
|
||||
|
||||
/// 更新小说记录
|
||||
StreamSubscription<dynamic>? updateNovelSubscription;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
updateNovelSubscription = EventBus.instance.listen(
|
||||
EventBus.kUpdatedNovelHistory,
|
||||
(id) {
|
||||
if (id == novelId) {
|
||||
getHistory();
|
||||
}
|
||||
},
|
||||
);
|
||||
// 从本地读取订阅状态
|
||||
subscribeStatus.value =
|
||||
UserService.instance.subscribedNovelIds.contains(novelId);
|
||||
getHistory();
|
||||
loadDetail();
|
||||
loadSubscribeStatus();
|
||||
//updateSubscribeRead();
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
void refreshDetail() {
|
||||
getHistory();
|
||||
loadDetail();
|
||||
loadSubscribeStatus();
|
||||
}
|
||||
|
||||
/// 更新订阅的阅读状态
|
||||
void updateSubscribeRead() {
|
||||
try {
|
||||
userRequest.subscribeRead(id: novelId, type: AppConstant.kTypeNovel);
|
||||
} catch (e) {
|
||||
Log.logPrint(e);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void onClose() {
|
||||
updateNovelSubscription?.cancel();
|
||||
super.onClose();
|
||||
}
|
||||
|
||||
void getHistory() {
|
||||
var novelHistory = DBService.instance.getNovelHistory(novelId);
|
||||
if (novelHistory != null) {
|
||||
history.value = novelHistory;
|
||||
history.update((val) {});
|
||||
}
|
||||
}
|
||||
|
||||
/// 加载信息
|
||||
void loadDetail() async {
|
||||
try {
|
||||
pageLoadding.value = true;
|
||||
pageError.value = false;
|
||||
var result = await request.novelDetail(novelId: novelId);
|
||||
|
||||
detail.value = NovelDetailInfo.fromJson(result.data);
|
||||
await loadChapter();
|
||||
} catch (e) {
|
||||
pageError.value = true;
|
||||
errorMsg.value = e.toString();
|
||||
} finally {
|
||||
pageLoadding.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
Future loadChapter() async {
|
||||
try {
|
||||
var result = await request.novelChapter(novelId: novelId);
|
||||
detail.value.volume.value =
|
||||
result.map((e) => NovelDetailVolume.fromJson(e)).toList();
|
||||
} catch (e) {
|
||||
SmartDialog.showToast("无法读取小说章节:$e");
|
||||
}
|
||||
}
|
||||
|
||||
/// 检查订阅状态
|
||||
void loadSubscribeStatus() async {
|
||||
try {
|
||||
var result = await userRequest.checkSubscribeStatus(
|
||||
objId: novelId,
|
||||
type: AppConstant.kTypeNovel,
|
||||
);
|
||||
subscribeStatus.value = result;
|
||||
if (subscribeStatus.value) {
|
||||
UserService.instance.subscribedNovelIds.add(novelId);
|
||||
} else {
|
||||
UserService.instance.subscribedNovelIds.remove(novelId);
|
||||
}
|
||||
} catch (e) {
|
||||
Log.logPrint(e);
|
||||
}
|
||||
}
|
||||
|
||||
/// 查看评论
|
||||
void comment() {
|
||||
AppNavigator.toComment(objId: novelId, type: AppConstant.kTypeNovel);
|
||||
}
|
||||
|
||||
/// 分享
|
||||
void share() {
|
||||
Utils.share(
|
||||
"http://q.idmzj.com/$novelId/index.shtml",
|
||||
content: detail.value.name,
|
||||
);
|
||||
}
|
||||
|
||||
/// 订阅
|
||||
void subscribe() async {
|
||||
var result = await (subscribeStatus.value
|
||||
? UserService.instance
|
||||
.cancelSubscribe([novelId], AppConstant.kTypeNovel)
|
||||
: UserService.instance.addSubscribe([novelId], AppConstant.kTypeNovel));
|
||||
if (result) {
|
||||
subscribeStatus.value = !subscribeStatus.value;
|
||||
}
|
||||
}
|
||||
|
||||
/// 下载
|
||||
void download() {
|
||||
AppNavigator.toNovelDownloadSelect(novelId);
|
||||
}
|
||||
|
||||
/// 开始/继续阅读
|
||||
void read() {
|
||||
if (detail.value.volume.isEmpty) {
|
||||
SmartDialog.showToast("没有可阅读的章节");
|
||||
return;
|
||||
}
|
||||
if (detail.value.volume.first.chapters.isEmpty) {
|
||||
SmartDialog.showToast("没有可阅读的章节");
|
||||
return;
|
||||
}
|
||||
//查找记录
|
||||
if (history.value != null && history.value!.chapterId != 0) {
|
||||
NovelDetailChapter? chapter;
|
||||
for (var volumeItem in detail.value.volume) {
|
||||
var chapterItem = volumeItem.chapters.firstWhereOrNull(
|
||||
(x) => x.chapterId == history.value!.chapterId,
|
||||
);
|
||||
if (chapterItem != null) {
|
||||
chapter = chapterItem;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (chapter != null) {
|
||||
List<NovelDetailChapter> chapters = [];
|
||||
for (var volume in detail.value.volume) {
|
||||
chapters.addAll(volume.chapters);
|
||||
}
|
||||
|
||||
AppNavigator.toNovelReader(
|
||||
novelId: novelId,
|
||||
novelCover: detail.value.cover,
|
||||
novelTitle: detail.value.name,
|
||||
chapter: chapter,
|
||||
chapters: chapters,
|
||||
);
|
||||
} else {
|
||||
SmartDialog.showToast("未找到历史记录对应章节，将从头开始阅读");
|
||||
readStart();
|
||||
}
|
||||
} else {
|
||||
readStart();
|
||||
}
|
||||
}
|
||||
|
||||
void readStart() {
|
||||
//从头开始
|
||||
List<NovelDetailChapter> chapters = [];
|
||||
for (var volume in detail.value.volume) {
|
||||
chapters.addAll(volume.chapters);
|
||||
}
|
||||
var chapter = chapters.first;
|
||||
AppNavigator.toNovelReader(
|
||||
novelId: novelId,
|
||||
novelCover: detail.value.cover,
|
||||
novelTitle: detail.value.name,
|
||||
chapter: chapter,
|
||||
chapters: chapters,
|
||||
);
|
||||
}
|
||||
|
||||
void readChapter(NovelDetailVolume volume, NovelDetailChapter item) {
|
||||
List<NovelDetailChapter> chapters = [];
|
||||
for (var volume in detail.value.volume) {
|
||||
chapters.addAll(volume.chapters);
|
||||
}
|
||||
|
||||
AppNavigator.toNovelReader(
|
||||
novelId: novelId,
|
||||
novelCover: detail.value.cover,
|
||||
novelTitle: detail.value.name,
|
||||
chapters: chapters,
|
||||
chapter: item,
|
||||
);
|
||||
}
|
||||
|
||||
void toAuthorDetail(String e) {
|
||||
AppNavigator.toNovelSearch(keyword: e);
|
||||
}
|
||||
|
||||
void toCategoryDetail(String e) {
|
||||
AppNavigator.toNovelSearch(keyword: e);
|
||||
}
|
||||
}
|
||||
361
lib/modules/novel/detail/novel_detail_page.dart
Normal file
361
lib/modules/novel/detail/novel_detail_page.dart
Normal file
@@ -0,0 +1,361 @@
|
||||
import 'package:easy_refresh/easy_refresh.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_color.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/app/utils.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/detail/novel_detail_controller.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/status/app_error_widget.dart';
|
||||
import 'package:flutter_dmzj/widgets/status/app_loadding_widget.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:remixicon/remixicon.dart';
|
||||
|
||||
class NovelDetailPage extends StatelessWidget {
|
||||
final int id;
|
||||
final NovelDetailControler controller;
|
||||
NovelDetailPage(this.id, {super.key})
|
||||
: controller = Get.put(
|
||||
NovelDetailControler(id),
|
||||
tag: DateTime.now().millisecondsSinceEpoch.toString(),
|
||||
);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: Obx(
|
||||
() => Text(
|
||||
controller.detail.value.name.isEmpty
|
||||
? "小说详情"
|
||||
: controller.detail.value.name,
|
||||
),
|
||||
),
|
||||
actions: [
|
||||
IconButton(
|
||||
onPressed: controller.share,
|
||||
icon: const Icon(Icons.share),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Stack(
|
||||
children: [
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: controller.detail.value.novelId == 0,
|
||||
child: EasyRefresh(
|
||||
header: const MaterialHeader(),
|
||||
onRefresh: controller.refreshDetail,
|
||||
child: ListView(
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
children: [
|
||||
_buildHeader(),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: controller.history.value == null,
|
||||
child: Column(
|
||||
children: [
|
||||
ListTile(
|
||||
contentPadding: EdgeInsets.zero,
|
||||
title: Text(
|
||||
"上次看到：${controller.history.value?.volumeName ?? ""} ${controller.history.value?.chapterName ?? ""}",
|
||||
style: Get.textTheme.titleSmall,
|
||||
),
|
||||
trailing: const Icon(Icons.chevron_right),
|
||||
onTap: () {
|
||||
controller.read();
|
||||
},
|
||||
),
|
||||
Divider(
|
||||
color: Colors.grey.withOpacity(.2),
|
||||
height: 1.0,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
_buildChapter(),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.pageLoadding.value,
|
||||
child: const AppLoaddingWidget(),
|
||||
),
|
||||
),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.pageError.value,
|
||||
child: AppErrorWidget(
|
||||
errorMsg: controller.errorMsg.value,
|
||||
onRefresh: () => controller.loadDetail(),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
elevation: 2,
|
||||
onPressed: controller.read,
|
||||
child: const Icon(Icons.play_circle_outline_rounded),
|
||||
),
|
||||
bottomNavigationBar: BottomAppBar(
|
||||
child: SizedBox(
|
||||
height: 48,
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Obx(
|
||||
() => TextButton.icon(
|
||||
style: TextButton.styleFrom(
|
||||
textStyle: const TextStyle(fontSize: 14),
|
||||
),
|
||||
onPressed: controller.subscribe,
|
||||
icon: Icon(
|
||||
controller.subscribeStatus.value
|
||||
? Remix.heart_fill
|
||||
: Remix.heart_line,
|
||||
size: 20,
|
||||
),
|
||||
label: Text(controller.subscribeStatus.value ? "取消" : "订阅"),
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TextButton.icon(
|
||||
style: TextButton.styleFrom(
|
||||
textStyle: const TextStyle(fontSize: 14),
|
||||
),
|
||||
onPressed: controller.comment,
|
||||
icon: const Icon(
|
||||
Remix.chat_2_line,
|
||||
size: 20,
|
||||
),
|
||||
label: const Text("评论"),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TextButton.icon(
|
||||
style: TextButton.styleFrom(
|
||||
textStyle: const TextStyle(fontSize: 14),
|
||||
),
|
||||
onPressed: controller.download,
|
||||
icon: const Icon(
|
||||
Remix.download_line,
|
||||
size: 20,
|
||||
),
|
||||
label: const Text("下载"),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildHeader() {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
//信息
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
NetImage(
|
||||
controller.detail.value.cover,
|
||||
width: 120,
|
||||
height: 160,
|
||||
borderRadius: 4,
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
controller.detail.value.name,
|
||||
style: Get.textTheme.titleMedium,
|
||||
),
|
||||
AppStyle.vGap8,
|
||||
_buildInfoItems(
|
||||
iconData: Remix.user_smile_line,
|
||||
children: controller.detail.value.authors
|
||||
.split("/")
|
||||
.map(
|
||||
(e) => GestureDetector(
|
||||
onTap: () => controller.toAuthorDetail(e),
|
||||
child: Text(
|
||||
e,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
height: 1.2,
|
||||
decoration: TextDecoration.underline,
|
||||
color: Get.isDarkMode
|
||||
? Colors.white
|
||||
: AppColor.black333,
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
_buildInfo(
|
||||
title:
|
||||
controller.detail.value.types.map((e) => e).join("/"),
|
||||
iconData: Remix.hashtag,
|
||||
),
|
||||
_buildInfo(
|
||||
title: "人气 ${controller.detail.value.hotHits}",
|
||||
iconData: Remix.fire_line,
|
||||
),
|
||||
_buildInfo(
|
||||
title: "订阅 ${controller.detail.value.subscribeNum}",
|
||||
iconData: Remix.heart_line,
|
||||
),
|
||||
_buildInfo(
|
||||
title:
|
||||
"${Utils.formatTimestampToDate(controller.detail.value.lastUpdateTime)} ${controller.detail.value.status}",
|
||||
iconData: Icons.schedule,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
controller.expandDescription.value =
|
||||
!controller.expandDescription.value;
|
||||
},
|
||||
child: Text(
|
||||
controller.detail.value.introduction,
|
||||
style: const TextStyle(
|
||||
color: Colors.grey,
|
||||
fontSize: 14,
|
||||
),
|
||||
maxLines: controller.expandDescription.value ? 999 : 2,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
Divider(
|
||||
color: Colors.grey.withOpacity(.2),
|
||||
height: 1.0,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildChapter() {
|
||||
return Obx(
|
||||
() => Column(
|
||||
children: controller.detail.value.volume
|
||||
.map(
|
||||
(item) => ExpansionTile(
|
||||
title: Text(
|
||||
"${item.volumeName}(共${item.chapters.length}章)",
|
||||
style: Get.textTheme.titleSmall,
|
||||
),
|
||||
tilePadding: AppStyle.edgeInsetsH4,
|
||||
children: [
|
||||
ListView.separated(
|
||||
shrinkWrap: true,
|
||||
padding: EdgeInsets.zero,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
itemCount: item.chapters.length,
|
||||
separatorBuilder: (_, i) => const Divider(
|
||||
height: 1,
|
||||
),
|
||||
itemBuilder: (context, i) {
|
||||
var chapter = item.chapters[i];
|
||||
return ListTile(
|
||||
title: Text(
|
||||
chapter.chapterName,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: Get.textTheme.bodyMedium!.copyWith(
|
||||
color: controller.history.value?.chapterId ==
|
||||
chapter.chapterId
|
||||
? Get.theme.colorScheme.primary
|
||||
: null,
|
||||
),
|
||||
),
|
||||
contentPadding: AppStyle.edgeInsetsA4,
|
||||
visualDensity: const VisualDensity(
|
||||
vertical: VisualDensity.minimumDensity),
|
||||
onTap: () {
|
||||
controller.readChapter(item, chapter);
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfo({
|
||||
required String title,
|
||||
IconData iconData = Icons.tag,
|
||||
}) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8.0),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
iconData,
|
||||
color: Colors.grey,
|
||||
size: 16,
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
Expanded(
|
||||
child: Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontSize: 14,
|
||||
color: Get.isDarkMode ? Colors.white : AppColor.black333,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildInfoItems({
|
||||
required List<Widget> children,
|
||||
IconData iconData = Icons.tag,
|
||||
}) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(bottom: 8.0),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(
|
||||
iconData,
|
||||
color: Colors.grey,
|
||||
size: 16,
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
Expanded(
|
||||
child: Wrap(
|
||||
spacing: 8,
|
||||
children: children,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/models/novel/category_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
|
||||
class NovelCategoryController extends BasePageController<NovelCategoryModel> {
|
||||
final NovelRequest request = NovelRequest();
|
||||
|
||||
@override
|
||||
Future<List<NovelCategoryModel>> getData(int page, int pageSize) async {
|
||||
if (page > 1) {
|
||||
return [];
|
||||
}
|
||||
var ls = await request.categores();
|
||||
|
||||
return ls;
|
||||
}
|
||||
|
||||
void toDetail(NovelCategoryModel item) {
|
||||
AppNavigator.toNovelCategoryDetail(item.tagId);
|
||||
}
|
||||
}
|
||||
61
lib/modules/novel/home/category/novel_category_view.dart
Normal file
61
lib/modules/novel/home/category/novel_category_view.dart
Normal file
@@ -0,0 +1,61 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/category/novel_category_controller.dart';
|
||||
import 'package:flutter_dmzj/widgets/keep_alive_wrapper.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/page_grid_view.dart';
|
||||
import 'package:flutter_dmzj/widgets/shadow_card.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelCategoryView extends StatelessWidget {
|
||||
final NovelCategoryController controller;
|
||||
NovelCategoryView({Key? key})
|
||||
: controller = Get.put(NovelCategoryController()),
|
||||
super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return LayoutBuilder(builder: (context, constraints) {
|
||||
var count = constraints.maxWidth ~/ 160;
|
||||
if (count < 3) count = 3;
|
||||
return KeepAliveWrapper(
|
||||
child: PageGridView(
|
||||
pageController: controller,
|
||||
firstRefresh: true,
|
||||
loadMore: false,
|
||||
crossAxisCount: count,
|
||||
padding: AppStyle.edgeInsetsH12.copyWith(bottom: 12),
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.list[i];
|
||||
return ShadowCard(
|
||||
onTap: () {
|
||||
controller.toDetail(item);
|
||||
},
|
||||
child: Column(
|
||||
children: [
|
||||
AspectRatio(
|
||||
aspectRatio: 1.0,
|
||||
child: NetImage(
|
||||
item.cover,
|
||||
borderRadius: 8,
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: AppStyle.edgeInsetsA8,
|
||||
child: Text(
|
||||
item.title,
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(height: 1),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
});
|
||||
}
|
||||
}
|
||||
14
lib/modules/novel/home/latest/novel_latest_controller.dart
Normal file
14
lib/modules/novel/home/latest/novel_latest_controller.dart
Normal file
@@ -0,0 +1,14 @@
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/models/novel/latest_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
|
||||
class NovelLatestController extends BasePageController<NovelLatestModel> {
|
||||
final NovelRequest request = NovelRequest();
|
||||
|
||||
@override
|
||||
Future<List<NovelLatestModel>> getData(int page, int pageSize) async {
|
||||
var ls = await request.latest(page: page);
|
||||
|
||||
return ls;
|
||||
}
|
||||
}
|
||||
121
lib/modules/novel/home/latest/novel_latest_view.dart
Normal file
121
lib/modules/novel/home/latest/novel_latest_view.dart
Normal file
@@ -0,0 +1,121 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_constant.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/models/novel/latest_model.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/latest/novel_latest_controller.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/services/user_service.dart';
|
||||
import 'package:flutter_dmzj/widgets/keep_alive_wrapper.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/page_list_view.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelLatestView extends StatelessWidget {
|
||||
final NovelLatestController controller;
|
||||
NovelLatestView({Key? key})
|
||||
: controller = Get.put(NovelLatestController()),
|
||||
super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return KeepAliveWrapper(
|
||||
child: PageListView(
|
||||
pageController: controller,
|
||||
firstRefresh: true,
|
||||
showPageLoadding: false,
|
||||
separatorBuilder: (context, i) => Divider(
|
||||
endIndent: 12,
|
||||
indent: 12,
|
||||
color: Colors.grey.withOpacity(.2),
|
||||
height: 1,
|
||||
),
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.list[i];
|
||||
return buildItem(item);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildItem(NovelLatestModel item) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
AppNavigator.toNovelDetail(item.id);
|
||||
},
|
||||
child: Container(
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
NetImage(
|
||||
item.cover ?? "",
|
||||
width: 80,
|
||||
height: 110,
|
||||
borderRadius: 4,
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Text(
|
||||
item.title,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text.rich(
|
||||
TextSpan(children: [
|
||||
const WidgetSpan(
|
||||
child: Icon(
|
||||
Icons.account_circle,
|
||||
color: Colors.grey,
|
||||
size: 18,
|
||||
)),
|
||||
const TextSpan(
|
||||
text: " ",
|
||||
),
|
||||
TextSpan(
|
||||
text: item.authors,
|
||||
style:
|
||||
const TextStyle(color: Colors.grey, fontSize: 14))
|
||||
]),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(item.types ?? "",
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
const SizedBox(height: 2),
|
||||
Text(item.lastName ?? "",
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
],
|
||||
),
|
||||
),
|
||||
Center(
|
||||
child: Obx(
|
||||
() => UserService.instance.subscribedNovelIds.contains(item.id)
|
||||
? IconButton(
|
||||
icon: const Icon(Icons.favorite),
|
||||
onPressed: () {
|
||||
UserService.instance.cancelSubscribe(
|
||||
[item.id],
|
||||
AppConstant.kTypeNovel,
|
||||
);
|
||||
},
|
||||
)
|
||||
: IconButton(
|
||||
icon: const Icon(Icons.favorite_border),
|
||||
onPressed: () {
|
||||
UserService.instance.addSubscribe(
|
||||
[item.id],
|
||||
AppConstant.kTypeNovel,
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
52
lib/modules/novel/home/novel_home_controller.dart
Normal file
52
lib/modules/novel/home/novel_home_controller.dart
Normal file
@@ -0,0 +1,52 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/app/event_bus.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/category/novel_category_controller.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/latest/novel_latest_controller.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/rank/novel_rank_controller.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/recommend/novel_recommend_controller.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelHomeController extends GetxController
|
||||
with GetTickerProviderStateMixin {
|
||||
late TabController tabController;
|
||||
|
||||
StreamSubscription<dynamic>? streamSubscription;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
streamSubscription = EventBus.instance.listen(
|
||||
EventBus.kBottomNavigationBarClicked,
|
||||
(index) {
|
||||
if (index == 2) {
|
||||
refreshOrScrollTop();
|
||||
}
|
||||
},
|
||||
);
|
||||
tabController = TabController(length: 3, vsync: this);
|
||||
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
void refreshOrScrollTop() {
|
||||
var tabIndex = tabController.index;
|
||||
BasePageController? controller;
|
||||
if (tabIndex == 0) {
|
||||
controller = Get.find<NovelRecommendController>();
|
||||
} else if (tabIndex == 1) {
|
||||
controller = Get.find<NovelLatestController>();
|
||||
} else if (tabIndex == 2) {
|
||||
controller = Get.find<NovelCategoryController>();
|
||||
} else if (tabIndex == 3) {
|
||||
controller = Get.find<NovelRankController>();
|
||||
}
|
||||
controller?.scrollToTopOrRefresh();
|
||||
}
|
||||
|
||||
void search() {
|
||||
AppNavigator.toNovelSearch();
|
||||
}
|
||||
}
|
||||
57
lib/modules/novel/home/novel_home_page.dart
Normal file
57
lib/modules/novel/home/novel_home_page.dart
Normal file
@@ -0,0 +1,57 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/platform_utils.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/category/novel_category_view.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/latest/novel_latest_view.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/novel_home_controller.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/recommend/novel_recommend_view.dart';
|
||||
import 'package:flutter_dmzj/widgets/tab_appbar.dart';
|
||||
import 'package:flutter_dmzj/widgets/windows_tab_page.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelHomePage extends GetView<NovelHomeController> {
|
||||
const NovelHomePage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (PlatformUtils.isWindows) {
|
||||
return WindowsTabPage(
|
||||
tabs: [
|
||||
WindowsTabItem(label: '推荐', body: NovelRecommendView()),
|
||||
WindowsTabItem(label: '更新', body: NovelLatestView()),
|
||||
WindowsTabItem(label: '分类', body: NovelCategoryView()),
|
||||
],
|
||||
headerAction: IconButton(
|
||||
onPressed: controller.search,
|
||||
icon: const Icon(Icons.search),
|
||||
),
|
||||
);
|
||||
}
|
||||
return Scaffold(
|
||||
appBar: TabAppBar(
|
||||
tabs: const [
|
||||
Tab(text: "推荐"),
|
||||
Tab(text: "更新"),
|
||||
Tab(text: "分类"),
|
||||
//Tab(text: "排行"),
|
||||
],
|
||||
controller: controller.tabController,
|
||||
action: IconButton(
|
||||
onPressed: controller.search,
|
||||
icon: const Icon(
|
||||
Icons.search,
|
||||
),
|
||||
),
|
||||
),
|
||||
body: TabBarView(
|
||||
controller: controller.tabController,
|
||||
children: [
|
||||
NovelRecommendView(),
|
||||
NovelLatestView(),
|
||||
NovelCategoryView(),
|
||||
//NovelRankView(),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
44
lib/modules/novel/home/rank/novel_rank_controller.dart
Normal file
44
lib/modules/novel/home/rank/novel_rank_controller.dart
Normal file
@@ -0,0 +1,44 @@
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/models/novel/rank_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelRankController extends BasePageController<NovelRankModel> {
|
||||
final NovelRequest request = NovelRequest();
|
||||
RxMap<int, String> tags = {
|
||||
0: "全部分类",
|
||||
}.obs;
|
||||
var tag = 0.obs;
|
||||
|
||||
Map<int, String> rankTypes = {
|
||||
0: "人气排行",
|
||||
1: "订阅排行",
|
||||
};
|
||||
var rankType = 0.obs;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
loadFilter();
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
void loadFilter() async {
|
||||
try {
|
||||
tags.value = await request.rankFilter();
|
||||
} catch (e) {
|
||||
SmartDialog.showToast(e.toString());
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<NovelRankModel>> getData(int page, int pageSize) async {
|
||||
var ls = await request.rank(
|
||||
tagId: tag.value,
|
||||
sort: rankType.value,
|
||||
page: page - 1,
|
||||
);
|
||||
|
||||
return ls;
|
||||
}
|
||||
}
|
||||
191
lib/modules/novel/home/rank/novel_rank_view.dart
Normal file
191
lib/modules/novel/home/rank/novel_rank_view.dart
Normal file
@@ -0,0 +1,191 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_constant.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/app/utils.dart';
|
||||
import 'package:flutter_dmzj/models/novel/rank_model.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/rank/novel_rank_controller.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/services/user_service.dart';
|
||||
import 'package:flutter_dmzj/widgets/keep_alive_wrapper.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/page_list_view.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelRankView extends StatelessWidget {
|
||||
final NovelRankController controller;
|
||||
NovelRankView({Key? key})
|
||||
: controller = Get.put(NovelRankController()),
|
||||
super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return KeepAliveWrapper(
|
||||
child: Column(
|
||||
children: [
|
||||
Obx(
|
||||
() => Row(
|
||||
children: [
|
||||
buildFilter(
|
||||
// ignore: invalid_use_of_protected_member
|
||||
types: controller.tags.value,
|
||||
value: controller.tag.value,
|
||||
onSelected: (e) {
|
||||
controller.tag.value = e;
|
||||
controller.refreshData();
|
||||
},
|
||||
),
|
||||
buildFilter(
|
||||
types: controller.rankTypes,
|
||||
value: controller.rankType.value,
|
||||
onSelected: (e) {
|
||||
controller.rankType.value = e;
|
||||
controller.refreshData();
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
Expanded(
|
||||
child: PageListView(
|
||||
pageController: controller,
|
||||
firstRefresh: true,
|
||||
showPageLoadding: false,
|
||||
separatorBuilder: (context, i) => Divider(
|
||||
endIndent: 12,
|
||||
indent: 12,
|
||||
color: Colors.grey.withOpacity(.2),
|
||||
height: 1,
|
||||
),
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.list[i];
|
||||
return buildItem(item);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildFilter({
|
||||
required Map<int, String> types,
|
||||
required int value,
|
||||
required Function(int) onSelected,
|
||||
}) {
|
||||
return Expanded(
|
||||
child: PopupMenuButton<int>(
|
||||
onSelected: onSelected,
|
||||
itemBuilder: (c) => types.keys
|
||||
.map(
|
||||
(k) => CheckedPopupMenuItem<int>(
|
||||
value: k,
|
||||
checked: k == value,
|
||||
child: Text(types[k] ?? ""),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
child: SizedBox(
|
||||
height: 36,
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Text(
|
||||
types[value] ?? "",
|
||||
),
|
||||
const Icon(
|
||||
Icons.arrow_drop_down,
|
||||
color: Colors.grey,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildItem(NovelRankModel item) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
AppNavigator.toNovelDetail(item.id);
|
||||
},
|
||||
child: Container(
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
NetImage(
|
||||
item.cover,
|
||||
width: 80,
|
||||
height: 110,
|
||||
borderRadius: 4,
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Text(
|
||||
item.name,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text.rich(
|
||||
TextSpan(children: [
|
||||
const WidgetSpan(
|
||||
child: Icon(
|
||||
Icons.account_circle,
|
||||
color: Colors.grey,
|
||||
size: 18,
|
||||
)),
|
||||
const TextSpan(
|
||||
text: " ",
|
||||
),
|
||||
TextSpan(
|
||||
text: item.authors,
|
||||
style:
|
||||
const TextStyle(color: Colors.grey, fontSize: 14))
|
||||
]),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(item.types.join("/"),
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
const SizedBox(height: 2),
|
||||
Text(item.lastUpdateChapterName,
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
const SizedBox(height: 2),
|
||||
Text("更新于${Utils.formatTimestamp(item.lastUpdateTime)}",
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
],
|
||||
),
|
||||
),
|
||||
Center(
|
||||
child: Obx(
|
||||
() => UserService.instance.subscribedNovelIds.contains(item.id)
|
||||
? IconButton(
|
||||
icon: const Icon(Icons.favorite),
|
||||
onPressed: () {
|
||||
UserService.instance.cancelSubscribe(
|
||||
[item.id],
|
||||
AppConstant.kTypeNovel,
|
||||
);
|
||||
},
|
||||
)
|
||||
: IconButton(
|
||||
icon: const Icon(Icons.favorite_border),
|
||||
onPressed: () {
|
||||
UserService.instance.addSubscribe(
|
||||
[item.id],
|
||||
AppConstant.kTypeNovel,
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/models/novel/recommend_model.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/novel_home_controller.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
|
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:url_launcher/url_launcher_string.dart';
|
||||
|
||||
class NovelRecommendController extends BasePageController<NovelRecommendModel> {
|
||||
final NovelRequest request = NovelRequest();
|
||||
|
||||
@override
|
||||
Future<List<NovelRecommendModel>> getData(int page, int pageSize) async {
|
||||
var ls = await request.recommend();
|
||||
|
||||
return ls;
|
||||
}
|
||||
|
||||
void openDetail(NovelRecommendItemModel item) {
|
||||
//漫画=1
|
||||
if (item.type == null || item.type == 2) {
|
||||
AppNavigator.toNovelDetail(
|
||||
item.objId ?? item.id ?? 0,
|
||||
);
|
||||
} else if (item.type == 1) {
|
||||
//专题=5
|
||||
AppNavigator.toComicDetail(
|
||||
item.objId ?? 0,
|
||||
);
|
||||
} else if (item.type == 5) {
|
||||
//专题=5
|
||||
AppNavigator.toSpecialDetail(
|
||||
item.objId ?? 0,
|
||||
);
|
||||
} else if (item.type == 6) {
|
||||
//网页=6
|
||||
AppNavigator.toWebView(item.url ?? "");
|
||||
} else if (item.type == 7) {
|
||||
//新闻=7
|
||||
AppNavigator.toNewsDetail(
|
||||
url: item.url ?? "",
|
||||
newsId: item.objId ?? 0,
|
||||
title: item.title,
|
||||
);
|
||||
} else if (item.type == 8) {
|
||||
//作者=8
|
||||
AppNavigator.toComicAuthorDetail(item.objId ?? 0);
|
||||
} else if (item.type == 13) {
|
||||
//社区=13
|
||||
//直接跳转至网页
|
||||
launchUrlString(
|
||||
"http://m.forum.idmzj.com/thread/detail?tid=${item.objId}");
|
||||
} else {
|
||||
SmartDialog.showToast("未知类型，无法跳转");
|
||||
}
|
||||
}
|
||||
|
||||
void toLatest() {
|
||||
var homeController = Get.find<NovelHomeController>();
|
||||
homeController.tabController.animateTo(1);
|
||||
}
|
||||
|
||||
void toMySubscribe() {}
|
||||
}
|
||||
229
lib/modules/novel/home/recommend/novel_recommend_view.dart
Normal file
229
lib/modules/novel/home/recommend/novel_recommend_view.dart
Normal file
@@ -0,0 +1,229 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/models/novel/recommend_model.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/home/recommend/novel_recommend_controller.dart';
|
||||
import 'package:flutter_dmzj/widgets/keep_alive_wrapper.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/page_list_view.dart';
|
||||
import 'package:flutter_dmzj/widgets/refresh_until_widget.dart';
|
||||
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
|
||||
import 'package:flutter_swiper_view/flutter_swiper_view.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelRecommendView extends StatelessWidget {
|
||||
final NovelRecommendController controller;
|
||||
NovelRecommendView({Key? key})
|
||||
: controller = Get.put(NovelRecommendController()),
|
||||
super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return KeepAliveWrapper(
|
||||
child: PageListView(
|
||||
pageController: controller,
|
||||
padding: AppStyle.edgeInsetsH12,
|
||||
firstRefresh: true,
|
||||
loadMore: false,
|
||||
showPageLoadding: true,
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.list[i];
|
||||
if (item.categoryId == 57) {
|
||||
return buildBanner(item);
|
||||
}
|
||||
|
||||
Widget? action;
|
||||
if (item.categoryId == 58) {
|
||||
action = buildShowMore(onTap: controller.toLatest);
|
||||
}
|
||||
return buildCard(
|
||||
context,
|
||||
child: buildTreeColumnGridView(item.data),
|
||||
title: item.title.toString(),
|
||||
action: action,
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildCard(
|
||||
BuildContext context, {
|
||||
required Widget child,
|
||||
required String title,
|
||||
Widget? action,
|
||||
}) {
|
||||
return Padding(
|
||||
padding: AppStyle.edgeInsetsB8,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: AppStyle.radius8,
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
title,
|
||||
style: const TextStyle(
|
||||
fontSize: 16, height: 1.0, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: action,
|
||||
),
|
||||
],
|
||||
),
|
||||
child,
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildShowMore({required Function() onTap}) {
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
child: const Row(
|
||||
children: [
|
||||
Text(
|
||||
"查看更多",
|
||||
style: TextStyle(fontSize: 14, color: Colors.grey),
|
||||
),
|
||||
Icon(Icons.chevron_right, size: 18, color: Colors.grey),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildRefresh({required Future Function() onRefresh}) {
|
||||
return RefreshUntilWidget(onRefresh: onRefresh, text: "换一批");
|
||||
}
|
||||
|
||||
Widget buildBanner(NovelRecommendModel item) {
|
||||
return Padding(
|
||||
padding: AppStyle.edgeInsetsB12,
|
||||
child: ClipRRect(
|
||||
borderRadius: AppStyle.radius4,
|
||||
child: AspectRatio(
|
||||
aspectRatio: 7.5 / 4,
|
||||
child: Swiper(
|
||||
itemWidth: 750,
|
||||
itemHeight: 400,
|
||||
autoplay: true,
|
||||
itemCount: item.data.length,
|
||||
itemBuilder: (_, i) => NetImage(
|
||||
item.data[i].cover,
|
||||
width: 750,
|
||||
height: 400,
|
||||
),
|
||||
onTap: (i) {
|
||||
controller.openDetail(item.data[i]);
|
||||
},
|
||||
pagination: SwiperCustomPagination(
|
||||
builder: (BuildContext context, SwiperPluginConfig config) {
|
||||
return Align(
|
||||
alignment: Alignment.bottomCenter,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 8,
|
||||
right: 12,
|
||||
top: 4,
|
||||
bottom: 4,
|
||||
),
|
||||
//color: Colors.black12,
|
||||
decoration: const BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.bottomCenter,
|
||||
end: Alignment.topCenter,
|
||||
colors: [
|
||||
Colors.black38,
|
||||
Colors.transparent,
|
||||
],
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
item.data[config.activeIndex].title,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
fontSize: 14, color: Colors.white),
|
||||
),
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
PageIndicator(
|
||||
controller: config.pageController!,
|
||||
count: config.itemCount,
|
||||
size: 10,
|
||||
layout: PageIndicatorLayout.SCALE,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildTreeColumnGridView(List<NovelRecommendItemModel> items) {
|
||||
return MasonryGridView.count(
|
||||
padding: EdgeInsets.zero,
|
||||
shrinkWrap: true,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
crossAxisCount: 3,
|
||||
mainAxisSpacing: 12,
|
||||
crossAxisSpacing: 12,
|
||||
itemCount: items.length,
|
||||
itemBuilder: (_, i) {
|
||||
var item = items[i];
|
||||
return InkWell(
|
||||
onTap: () => controller.openDetail(item),
|
||||
borderRadius: AppStyle.radius4,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
ClipRRect(
|
||||
borderRadius: AppStyle.radius4,
|
||||
child: AspectRatio(
|
||||
aspectRatio: 27 / 36,
|
||||
child: NetImage(
|
||||
item.cover,
|
||||
width: 270,
|
||||
height: 360,
|
||||
),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap8,
|
||||
Text(
|
||||
item.title,
|
||||
maxLines: 1,
|
||||
style: const TextStyle(height: 1.2),
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
Text(
|
||||
item.subTitle ?? item.status ?? '',
|
||||
maxLines: 1,
|
||||
style: const TextStyle(
|
||||
height: 1.2,
|
||||
fontSize: 12,
|
||||
color: Colors.grey,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
AppStyle.vGap8,
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
405
lib/modules/novel/reader/novel_horizontal_reader.dart
Normal file
405
lib/modules/novel/reader/novel_horizontal_reader.dart
Normal file
@@ -0,0 +1,405 @@
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'package:flutter_dmzj/app/log.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelHorizontalReader extends StatefulWidget {
|
||||
final String text;
|
||||
final EdgeInsets? padding;
|
||||
final TextStyle style;
|
||||
final PageController? controller;
|
||||
final bool reverse;
|
||||
final Function(int index, int max)? onPageChanged;
|
||||
const NovelHorizontalReader(
|
||||
this.text, {
|
||||
required this.style,
|
||||
this.controller,
|
||||
this.padding,
|
||||
this.reverse = false,
|
||||
this.onPageChanged,
|
||||
Key? key,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<NovelHorizontalReader> createState() => _NovelHorizontalReaderState();
|
||||
}
|
||||
|
||||
class _NovelHorizontalReaderState extends State<NovelHorizontalReader>
|
||||
with WidgetsBindingObserver {
|
||||
List<List<String>> textPages = [];
|
||||
Size _lastSize = const Size(0, 0);
|
||||
TextStyle textStyle = const TextStyle();
|
||||
double maxWidth = 500;
|
||||
double maxHeight = 800;
|
||||
String text = "";
|
||||
double fontHieght = 16.0;
|
||||
EdgeInsets padding = EdgeInsets.zero;
|
||||
|
||||
int index = 0;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_lastSize = Get.size;
|
||||
WidgetsBinding.instance.addObserver(this);
|
||||
resetText();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
WidgetsBinding.instance.removeObserver(this);
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
void didChangeMetrics() {
|
||||
if (_lastSize != Get.size) {
|
||||
_lastSize = Get.size;
|
||||
resetText();
|
||||
}
|
||||
}
|
||||
|
||||
void resetText() {
|
||||
text = widget.text;
|
||||
textStyle = widget.style;
|
||||
|
||||
padding = widget.padding ?? EdgeInsets.zero;
|
||||
maxWidth = Get.width - padding.left - padding.right;
|
||||
maxHeight = Get.height -
|
||||
//AppStyle.statusBarHeight -
|
||||
//AppStyle.bottomBarHeight -
|
||||
padding.top -
|
||||
padding.bottom;
|
||||
if (text.isEmpty) {
|
||||
setState(() {
|
||||
textPages = [];
|
||||
});
|
||||
return;
|
||||
}
|
||||
initText();
|
||||
}
|
||||
|
||||
@override
|
||||
void didUpdateWidget(covariant NovelHorizontalReader oldWidget) {
|
||||
super.didUpdateWidget(oldWidget);
|
||||
if ((widget.text != oldWidget.text) ||
|
||||
widget.style != oldWidget.style ||
|
||||
widget.padding != oldWidget.padding) {
|
||||
if (widget.text != oldWidget.text) {
|
||||
index = 0;
|
||||
setState(() {
|
||||
textPages = [];
|
||||
});
|
||||
}
|
||||
resetText();
|
||||
}
|
||||
}
|
||||
|
||||
/// 分割文本
|
||||
Future initText() async {
|
||||
var startTime = DateTime.now().millisecondsSinceEpoch;
|
||||
var fontSize = (textStyle.fontSize ?? 16).toDouble();
|
||||
var lineHeight = textStyle.height ?? 1.5;
|
||||
// 计算出出各个类型的大小
|
||||
Size chineseCharSize = calcFontSize("中",
|
||||
fontSize: fontSize.toDouble(), lineHeight: lineHeight);
|
||||
fontHieght = chineseCharSize.height;
|
||||
Size englishCharSize = calcFontSize("z",
|
||||
fontSize: fontSize.toDouble(), lineHeight: lineHeight);
|
||||
Size symbolCharSize = calcFontSize(",",
|
||||
fontSize: fontSize.toDouble(), lineHeight: lineHeight);
|
||||
Size spaceCharSize = calcFontSize(" ",
|
||||
fontSize: fontSize.toDouble(), lineHeight: lineHeight);
|
||||
// 计算可渲染的最大行数
|
||||
int maxLine = (maxHeight / chineseCharSize.height).floor();
|
||||
// 在新线程中进行分页
|
||||
|
||||
var pages = await compute(
|
||||
splitText,
|
||||
ComputeParameter(
|
||||
content: text,
|
||||
fontSize: fontSize.toDouble(),
|
||||
width: maxWidth,
|
||||
maxLine: maxLine,
|
||||
lineHeight: lineHeight,
|
||||
chineseWidth: chineseCharSize.width,
|
||||
englishWidth: englishCharSize.width,
|
||||
symbolWidth: symbolCharSize.width,
|
||||
spaceWidth: spaceCharSize.width,
|
||||
),
|
||||
);
|
||||
Log.d("耗时:${DateTime.now().millisecondsSinceEpoch - startTime}ms");
|
||||
Log.d("页数:${pages.length}");
|
||||
widget.onPageChanged?.call(index, pages.length);
|
||||
setState(() {
|
||||
textPages = pages;
|
||||
});
|
||||
}
|
||||
|
||||
/// 文本处理、分页
|
||||
/// 由于TextPainter.layout无法在isolate中使用，且计算极其耗时，所以手动写一个处理方法
|
||||
/// 处理一段12万字的文本，TextPainter.layout需要耗时16000ms左右；此方法则可以到1600ms，且能用isolate
|
||||
/// 该方法还不是很完善，符号换行等还未实现，速度也可以再优化
|
||||
static List<List<String>> splitText(
|
||||
ComputeParameter parameter,
|
||||
) {
|
||||
var str = parameter.content;
|
||||
|
||||
Log.w("字数:${str.length}");
|
||||
|
||||
// 定义正则表达式（匹配中文字符、英文单词、符号、全角符号、数字串）
|
||||
//RegExp reg = RegExp(r"([\u4e00-\u9fa5]|\b\w+\b|\x20| |\S|\p{Han}|\n)");
|
||||
RegExp reg = RegExp(r"([^\x00-\xff]|\b\w+\b|\p{P}|\x20|\S|\u3000|\n)");
|
||||
|
||||
// 使用正则表达式分割字符串
|
||||
List<String> resultList =
|
||||
reg.allMatches(str).map((match) => match.group(0) ?? "").toList();
|
||||
List<CharInfo> chars = [];
|
||||
final chineseExp = RegExp(r"[^\x00-\xff]");
|
||||
final wordExp = RegExp(r"\w+");
|
||||
|
||||
final symbolExp = RegExp(r"\p{P}");
|
||||
|
||||
final newLineExp = RegExp(r"\n");
|
||||
|
||||
for (var item in resultList) {
|
||||
if (chineseExp.hasMatch(item)) {
|
||||
chars.add(
|
||||
CharInfo(
|
||||
text: item,
|
||||
width: parameter.chineseWidth,
|
||||
type: CharType.chinese,
|
||||
),
|
||||
);
|
||||
continue;
|
||||
}
|
||||
if (wordExp.hasMatch(item)) {
|
||||
chars.add(
|
||||
CharInfo(
|
||||
text: item,
|
||||
width: parameter.englishWidth * item.length,
|
||||
type: CharType.word),
|
||||
);
|
||||
continue;
|
||||
}
|
||||
if (newLineExp.hasMatch(item)) {
|
||||
chars.add(
|
||||
CharInfo(text: "", width: 0, type: CharType.newline),
|
||||
);
|
||||
continue;
|
||||
}
|
||||
if (item == " ") {
|
||||
chars.add(
|
||||
CharInfo(
|
||||
text: item,
|
||||
width: parameter.spaceWidth,
|
||||
type: CharType.symbol,
|
||||
),
|
||||
);
|
||||
continue;
|
||||
}
|
||||
if (symbolExp.hasMatch(item)) {
|
||||
chars.add(
|
||||
CharInfo(
|
||||
text: item, width: parameter.symbolWidth, type: CharType.symbol),
|
||||
);
|
||||
continue;
|
||||
}
|
||||
|
||||
chars.add(
|
||||
CharInfo(
|
||||
text: item,
|
||||
width: parameter.symbolWidth,
|
||||
type: CharType.symbol,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
//开始分页
|
||||
List<String> rows = [];
|
||||
List<List<String>> pages = [];
|
||||
String rowStr = "";
|
||||
double rowWidth = 0;
|
||||
for (var item in chars) {
|
||||
//是否超出了最大行数
|
||||
if (rows.length >= parameter.maxLine) {
|
||||
pages.add(rows);
|
||||
rows = [];
|
||||
}
|
||||
//新行
|
||||
if (item.type == CharType.newline) {
|
||||
rows.add(rowStr);
|
||||
rowStr = "";
|
||||
rowWidth = 0;
|
||||
//rowStr += item.text;
|
||||
continue;
|
||||
}
|
||||
//是否超出了最大宽度
|
||||
if ((rowWidth + item.width) > parameter.width) {
|
||||
rows.add(rowStr);
|
||||
rowStr = "";
|
||||
rowWidth = 0;
|
||||
}
|
||||
rowStr += item.text;
|
||||
rowWidth += item.width;
|
||||
}
|
||||
rows.add(rowStr);
|
||||
pages.add(rows);
|
||||
if (pages.length == 1 &&
|
||||
pages.first.length == 1 &&
|
||||
pages.first.first.isEmpty) {
|
||||
return [];
|
||||
}
|
||||
return pages;
|
||||
}
|
||||
|
||||
/// 计算文字大小
|
||||
Size calcFontSize(
|
||||
String text, {
|
||||
required double fontSize,
|
||||
required double lineHeight,
|
||||
}) {
|
||||
TextPainter textPainter = TextPainter(
|
||||
text: TextSpan(
|
||||
text: text,
|
||||
style: TextStyle(
|
||||
fontSize: fontSize,
|
||||
height: lineHeight,
|
||||
locale: PlatformDispatcher.instance.locale,
|
||||
),
|
||||
),
|
||||
textDirection: TextDirection.ltr,
|
||||
maxLines: 1,
|
||||
);
|
||||
textPainter.layout(maxWidth: 200);
|
||||
return textPainter.size;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return textPages.isEmpty
|
||||
? Center(
|
||||
child: Text(
|
||||
"加载中...",
|
||||
style: widget.style,
|
||||
),
|
||||
)
|
||||
: PageView.builder(
|
||||
controller: widget.controller,
|
||||
reverse: widget.reverse,
|
||||
itemCount: textPages.length,
|
||||
onPageChanged: (e) {
|
||||
index = e;
|
||||
widget.onPageChanged?.call(e, textPages.length);
|
||||
},
|
||||
itemBuilder: (_, i) {
|
||||
return Container(
|
||||
padding: widget.padding ?? EdgeInsets.zero,
|
||||
child: CustomPaint(
|
||||
painter: NovelTextPainter(
|
||||
textPages[i],
|
||||
style: widget.style,
|
||||
fontHieght: fontHieght,
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class NovelTextPainter extends CustomPainter {
|
||||
final TextStyle style;
|
||||
final double fontHieght;
|
||||
final List<String> text;
|
||||
NovelTextPainter(
|
||||
this.text, {
|
||||
required this.style,
|
||||
required this.fontHieght,
|
||||
});
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
var startTime = DateTime.now().millisecondsSinceEpoch;
|
||||
|
||||
var i = 0;
|
||||
for (var item in text) {
|
||||
TextSpan textSpan = TextSpan(
|
||||
text: item,
|
||||
style: style,
|
||||
);
|
||||
|
||||
final textPainter = TextPainter(
|
||||
text: textSpan,
|
||||
maxLines: 1,
|
||||
textAlign: TextAlign.justify,
|
||||
textDirection: TextDirection.ltr,
|
||||
);
|
||||
textPainter.layout(maxWidth: size.width);
|
||||
|
||||
final offset = Offset(0, i * fontHieght);
|
||||
textPainter.paint(canvas, offset);
|
||||
|
||||
i++;
|
||||
}
|
||||
Log.d("绘制单页耗时:${DateTime.now().millisecondsSinceEpoch - startTime}ms");
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant NovelTextPainter oldDelegate) {
|
||||
return oldDelegate.style != style ||
|
||||
oldDelegate.text != text ||
|
||||
oldDelegate.fontHieght != fontHieght;
|
||||
}
|
||||
}
|
||||
|
||||
enum CharType {
|
||||
//中文及全角符号
|
||||
chinese,
|
||||
//单词
|
||||
word,
|
||||
//数字
|
||||
number,
|
||||
//符号
|
||||
symbol,
|
||||
//换行符
|
||||
newline
|
||||
}
|
||||
|
||||
class CharInfo {
|
||||
CharType type;
|
||||
String text;
|
||||
double width;
|
||||
CharInfo({
|
||||
required this.text,
|
||||
required this.width,
|
||||
required this.type,
|
||||
});
|
||||
@override
|
||||
String toString() {
|
||||
return "($type,$width,$text)";
|
||||
}
|
||||
}
|
||||
|
||||
class ComputeParameter {
|
||||
String content;
|
||||
double width;
|
||||
double fontSize;
|
||||
double lineHeight;
|
||||
int maxLine;
|
||||
double chineseWidth;
|
||||
double englishWidth;
|
||||
double symbolWidth;
|
||||
double spaceWidth;
|
||||
ComputeParameter({
|
||||
required this.content,
|
||||
required this.fontSize,
|
||||
required this.width,
|
||||
required this.maxLine,
|
||||
required this.lineHeight,
|
||||
required this.chineseWidth,
|
||||
required this.englishWidth,
|
||||
required this.symbolWidth,
|
||||
required this.spaceWidth,
|
||||
});
|
||||
}
|
||||
790
lib/modules/novel/reader/novel_reader_controller.dart
Normal file
790
lib/modules/novel/reader/novel_reader_controller.dart
Normal file
@@ -0,0 +1,790 @@
|
||||
import 'dart:async';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:battery_plus/battery_plus.dart';
|
||||
import 'package:connectivity_plus/connectivity_plus.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_dmzj/app/app_color.dart';
|
||||
import 'package:flutter_dmzj/app/app_constant.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/models/db/download_status.dart';
|
||||
import 'package:flutter_dmzj/models/db/novel_download_info.dart';
|
||||
import 'package:flutter_dmzj/services/app_settings_service.dart';
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/app/log.dart';
|
||||
import 'package:flutter_dmzj/models/novel/novel_detail_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_dmzj/services/novel_download_service.dart';
|
||||
import 'package:flutter_dmzj/services/user_service.dart';
|
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:html_unescape/html_unescape.dart';
|
||||
import 'package:remixicon/remixicon.dart';
|
||||
import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
|
||||
|
||||
// ignore: depend_on_referenced_packages
|
||||
import 'package:path/path.dart' as p;
|
||||
|
||||
class NovelReaderController extends BaseController {
|
||||
final int novelId;
|
||||
final String novelTitle;
|
||||
final String novelCover;
|
||||
final List<NovelDetailChapter> chapters;
|
||||
final FocusNode focusNode = FocusNode();
|
||||
NovelDetailChapter chapter;
|
||||
NovelReaderController({
|
||||
required this.novelId,
|
||||
required this.novelTitle,
|
||||
required this.novelCover,
|
||||
required this.chapters,
|
||||
required this.chapter,
|
||||
}) {
|
||||
chapterIndex.value = chapters.indexOf(chapter);
|
||||
}
|
||||
|
||||
/// 当前章节索引
|
||||
var chapterIndex = 0.obs;
|
||||
|
||||
/// 当前页面
|
||||
var currentIndex = 0.obs;
|
||||
|
||||
/// 最大页面
|
||||
var maxPage = 0.obs;
|
||||
|
||||
/// 阅读进度，百分比
|
||||
var progress = 0.0.obs;
|
||||
|
||||
final AppSettingsService settings = AppSettingsService.instance;
|
||||
final NovelRequest request = NovelRequest();
|
||||
|
||||
final PageController pageController = PageController();
|
||||
final ScrollController scrollController = ScrollController();
|
||||
|
||||
/// 连接信息监听
|
||||
StreamSubscription<ConnectivityResult>? connectivitySubscription;
|
||||
|
||||
/// 电量信息监听
|
||||
StreamSubscription<BatteryState>? batterySubscription;
|
||||
|
||||
/// 连接类型
|
||||
Rx<ConnectivityResult> connectivityType =
|
||||
Rx<ConnectivityResult>(ConnectivityResult.other);
|
||||
|
||||
/// 电量信息
|
||||
Rx<int> batteryLevel = 0.obs;
|
||||
|
||||
/// 显示电量
|
||||
RxBool showBattery = true.obs;
|
||||
|
||||
/// 文本内容
|
||||
var content = "".obs;
|
||||
|
||||
/// 是否是图片
|
||||
var isPicture = false.obs;
|
||||
|
||||
/// 是否为本地缓存
|
||||
var isLocal = false;
|
||||
|
||||
/// 图片列表
|
||||
RxList<String> pictures = RxList<String>();
|
||||
|
||||
var contentLength = 0;
|
||||
|
||||
/// 是否显示控制器
|
||||
var showControls = false.obs;
|
||||
|
||||
/// 阅读方向
|
||||
var direction = 0.obs;
|
||||
|
||||
/// 左手模式
|
||||
bool get leftHandMode => settings.novelReaderLeftHandMode.value;
|
||||
|
||||
/// 翻页动画
|
||||
bool get pageAnimation => settings.novelReaderPageAnimation.value;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
initConnectivity();
|
||||
initBattery();
|
||||
direction.value = settings.novelReaderDirection.value;
|
||||
|
||||
scrollController.addListener(listenVertical);
|
||||
setFull();
|
||||
|
||||
loadContent();
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
/// 初始化电池信息
|
||||
void initBattery() async {
|
||||
try {
|
||||
//没有电池的Mac似乎会闪退,暂时屏蔽Mac
|
||||
//https://github.com/xiaoyaocz/flutter_dmzj/discussions/146
|
||||
if (Platform.isMacOS) {
|
||||
showBattery.value = false;
|
||||
return;
|
||||
}
|
||||
var battery = Battery();
|
||||
batterySubscription =
|
||||
battery.onBatteryStateChanged.listen((BatteryState state) async {
|
||||
try {
|
||||
var level = await battery.batteryLevel;
|
||||
batteryLevel.value = level;
|
||||
showBattery.value = true;
|
||||
} catch (e) {
|
||||
showBattery.value = false;
|
||||
}
|
||||
});
|
||||
batteryLevel.value = await battery.batteryLevel;
|
||||
showBattery.value = true;
|
||||
} catch (e) {
|
||||
showBattery.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
/// 初始化连接状态
|
||||
void initConnectivity() async {
|
||||
var connectivity = Connectivity();
|
||||
connectivitySubscription =
|
||||
connectivity.onConnectivityChanged.listen((ConnectivityResult result) {
|
||||
//提醒
|
||||
if (connectivityType.value != result &&
|
||||
result == ConnectivityResult.mobile) {
|
||||
SmartDialog.showToast("您已切换至数据网络，请注意流量消耗");
|
||||
}
|
||||
connectivityType.value = result;
|
||||
});
|
||||
connectivityType.value = await connectivity.checkConnectivity();
|
||||
}
|
||||
|
||||
/// 监听竖向模式时滚动百分比
|
||||
void listenVertical() {
|
||||
if (scrollController.position.maxScrollExtent > 0) {
|
||||
progress.value = scrollController.position.pixels /
|
||||
scrollController.position.maxScrollExtent;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void onClose() {
|
||||
scrollController.removeListener(listenVertical);
|
||||
connectivitySubscription?.cancel();
|
||||
batterySubscription?.cancel();
|
||||
exitFull();
|
||||
uploadHistory();
|
||||
super.onClose();
|
||||
}
|
||||
|
||||
/// 加载内容
|
||||
Future loadContent() async {
|
||||
try {
|
||||
pageLoadding.value = true;
|
||||
pageError.value = false;
|
||||
content.value = "";
|
||||
currentIndex.value = 0;
|
||||
isLocal = false;
|
||||
chapter = chapters[chapterIndex.value];
|
||||
|
||||
//查询本地是否存在
|
||||
var localInfo = NovelDownloadService.instance.box
|
||||
.get("${novelId}_${chapter.volumeId}_${chapter.chapterId}");
|
||||
if (localInfo != null && localInfo.status == DownloadStatus.complete) {
|
||||
return await loadFromLocal(localInfo);
|
||||
}
|
||||
|
||||
var text = await request.novelContent(
|
||||
volumeId: chapter.volumeId,
|
||||
chapterId: chapter.chapterId,
|
||||
);
|
||||
|
||||
contentLength = text.length;
|
||||
|
||||
var subStr = text.substring(0, text.length < 200 ? text.length : 200);
|
||||
//检查是否是插画
|
||||
if (subStr.contains(RegExp('<img.*?>'))) {
|
||||
List<String> imgs = [];
|
||||
for (var item
|
||||
in RegExp(r'<img.*?src=[' '""](.*?)[' '""].*?>').allMatches(text)) {
|
||||
var src = item.group(1);
|
||||
if (src != null && src.isNotEmpty) {
|
||||
imgs.add(src);
|
||||
}
|
||||
}
|
||||
isPicture.value = true;
|
||||
|
||||
pictures.value = imgs;
|
||||
|
||||
content.value = text;
|
||||
maxPage.value = pictures.length;
|
||||
|
||||
SmartDialog.showToast("双击插画可放大、保存哦~");
|
||||
} else {
|
||||
isPicture.value = false;
|
||||
|
||||
text = HtmlUnescape().convert(text);
|
||||
text = text
|
||||
.replaceAll('\r\n', '\n')
|
||||
.replaceAll("<br/>", "\n")
|
||||
.replaceAll('<br />', "\n")
|
||||
.replaceAll('\n\n\n', "\n")
|
||||
.replaceAll('\n\n', "\n")
|
||||
.replaceAll('\n', "\n ")
|
||||
.replaceAll(RegExp(r" \s+"), " ");
|
||||
|
||||
content.value = text;
|
||||
}
|
||||
if (scrollController.hasClients) {
|
||||
scrollController.jumpTo(0);
|
||||
progress.value = 0.0;
|
||||
}
|
||||
preloadContent();
|
||||
//TODO 阅读记录跳转
|
||||
//上传记录
|
||||
uploadHistory();
|
||||
} catch (e) {
|
||||
pageError.value = true;
|
||||
errorMsg.value = e.toString();
|
||||
} finally {
|
||||
pageLoadding.value = false;
|
||||
}
|
||||
|
||||
//SmartDialog.dismiss(status: SmartStatus.loading);
|
||||
}
|
||||
|
||||
Future loadFromLocal(NovelDownloadInfo local) async {
|
||||
try {
|
||||
isLocal = true;
|
||||
var file = File(p.join(NovelDownloadService.instance.savePath,
|
||||
local.taskId, local.fileName));
|
||||
|
||||
var text = await file.readAsString();
|
||||
|
||||
//检查是否是插画
|
||||
if (local.isImage) {
|
||||
List<String> imgs = local.imageFiles
|
||||
.map((e) =>
|
||||
p.join(NovelDownloadService.instance.savePath, local.taskId, e))
|
||||
.toList();
|
||||
|
||||
isPicture.value = true;
|
||||
|
||||
pictures.value = imgs;
|
||||
|
||||
content.value = text;
|
||||
maxPage.value = pictures.length;
|
||||
|
||||
SmartDialog.showToast("双击插画可放大、保存哦~");
|
||||
} else {
|
||||
isPicture.value = false;
|
||||
|
||||
text = HtmlUnescape().convert(text);
|
||||
text = text
|
||||
.replaceAll('\r\n', '\n')
|
||||
.replaceAll("<br/>", "\n")
|
||||
.replaceAll('<br />', "\n")
|
||||
.replaceAll('\n\n\n', "\n")
|
||||
.replaceAll('\n\n', "\n")
|
||||
.replaceAll('\n', "\n ")
|
||||
.replaceAll(RegExp(r" \s+"), " ");
|
||||
|
||||
content.value = text;
|
||||
}
|
||||
if (scrollController.hasClients) {
|
||||
scrollController.jumpTo(0);
|
||||
progress.value = 0.0;
|
||||
}
|
||||
preloadContent();
|
||||
//TODO 阅读记录跳转
|
||||
//上传记录
|
||||
uploadHistory();
|
||||
} catch (e) {
|
||||
pageError.value = true;
|
||||
errorMsg.value = e.toString();
|
||||
} finally {
|
||||
pageLoadding.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
/// 预加载下一话
|
||||
void preloadContent() async {
|
||||
try {
|
||||
if (chapterIndex.value == chapters.length - 1) {
|
||||
return;
|
||||
}
|
||||
var nextChapter = chapters[chapterIndex.value + 1];
|
||||
await request.novelContent(
|
||||
volumeId: nextChapter.volumeId,
|
||||
chapterId: nextChapter.chapterId,
|
||||
);
|
||||
} catch (e) {
|
||||
Log.logPrint(e);
|
||||
}
|
||||
}
|
||||
|
||||
/// 上传历史记录
|
||||
void uploadHistory() {
|
||||
var chapter = chapters[chapterIndex.value];
|
||||
UserService.instance.updateNovelHistory(
|
||||
novelId: novelId,
|
||||
chapterId: chapter.chapterId,
|
||||
//TODO 已读位置计算
|
||||
index: 0,
|
||||
total: contentLength,
|
||||
novelCover: novelCover,
|
||||
novelName: novelTitle,
|
||||
chapterName: chapter.chapterName,
|
||||
volumeId: chapter.volumeId,
|
||||
volumeName: chapter.volumeName,
|
||||
);
|
||||
}
|
||||
|
||||
/// 下一章
|
||||
void nextChapter() {
|
||||
if (chapterIndex.value == chapters.length - 1) {
|
||||
SmartDialog.showToast("后面没有了");
|
||||
return;
|
||||
}
|
||||
|
||||
chapterIndex.value += 1;
|
||||
loadContent();
|
||||
}
|
||||
|
||||
/// 上一章
|
||||
void forwardChapter() {
|
||||
if (chapterIndex.value == 0) {
|
||||
SmartDialog.showToast("前面没有了");
|
||||
return;
|
||||
}
|
||||
|
||||
chapterIndex.value -= 1;
|
||||
loadContent();
|
||||
}
|
||||
|
||||
/// 下一页
|
||||
void nextPage() {
|
||||
if (direction.value == ReaderDirection.kUpToDown) {
|
||||
return;
|
||||
}
|
||||
var value = currentIndex.value;
|
||||
var max = maxPage.value;
|
||||
if (value >= max - 1) {
|
||||
nextChapter();
|
||||
} else {
|
||||
jumpToPage(value + 1, anime: true);
|
||||
}
|
||||
}
|
||||
|
||||
/// 上一页
|
||||
void forwardPage() {
|
||||
if (direction.value == ReaderDirection.kUpToDown) {
|
||||
return;
|
||||
}
|
||||
var value = currentIndex.value;
|
||||
|
||||
if (value == 0) {
|
||||
forwardChapter();
|
||||
} else {
|
||||
jumpToPage(value - 1, anime: true);
|
||||
}
|
||||
}
|
||||
|
||||
/// 跳转页数
|
||||
void jumpToPage(int page, {bool anime = false}) {
|
||||
//竖向
|
||||
if (direction.value == ReaderDirection.kUpToDown) {
|
||||
final viewportHeight = scrollController.position.viewportDimension;
|
||||
scrollController.jumpTo(viewportHeight * page);
|
||||
} else {
|
||||
anime && pageAnimation
|
||||
? pageController.animateToPage(page,
|
||||
duration: const Duration(milliseconds: 200), curve: Curves.linear)
|
||||
: pageController.jumpToPage(page);
|
||||
}
|
||||
}
|
||||
|
||||
/// 显示设置
|
||||
void showSettings() {
|
||||
setShowControls();
|
||||
|
||||
showModalBottomSheet(
|
||||
context: Get.context!,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(16),
|
||||
topRight: Radius.circular(16),
|
||||
),
|
||||
),
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 500,
|
||||
),
|
||||
builder: (context) => Column(
|
||||
children: [
|
||||
ListTile(
|
||||
title: const Text("设置"),
|
||||
trailing: IconButton(
|
||||
onPressed: Get.back,
|
||||
icon: const Icon(Icons.close),
|
||||
),
|
||||
contentPadding: AppStyle.edgeInsetsL12,
|
||||
),
|
||||
Expanded(
|
||||
child: Obx(
|
||||
() => ListView(
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
children: [
|
||||
buildBGItem(
|
||||
context,
|
||||
child: ListTile(
|
||||
title: const Text("阅读方向"),
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
buildSelectedButton(
|
||||
onTap: () {
|
||||
setDirection(ReaderDirection.kLeftToRight);
|
||||
},
|
||||
selected: settings.novelReaderDirection.value ==
|
||||
ReaderDirection.kLeftToRight,
|
||||
child: const Icon(Remix.arrow_right_line),
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
buildSelectedButton(
|
||||
onTap: () {
|
||||
setDirection(ReaderDirection.kRightToLeft);
|
||||
},
|
||||
selected: settings.novelReaderDirection.value ==
|
||||
ReaderDirection.kRightToLeft,
|
||||
child: const Icon(Remix.arrow_left_line),
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
buildSelectedButton(
|
||||
onTap: () {
|
||||
setDirection(ReaderDirection.kUpToDown);
|
||||
},
|
||||
selected: settings.novelReaderDirection.value ==
|
||||
ReaderDirection.kUpToDown,
|
||||
child: const Icon(Remix.arrow_down_line),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
buildBGItem(
|
||||
context,
|
||||
child: ListTile(
|
||||
title: const Text("阅读主题"),
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: AppColor.novelThemes.keys
|
||||
.map(
|
||||
(e) => GestureDetector(
|
||||
onTap: () {
|
||||
settings.setNovelReaderTheme(e);
|
||||
},
|
||||
child: Container(
|
||||
margin: AppStyle.edgeInsetsL8,
|
||||
height: 36,
|
||||
width: 36,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColor.novelThemes[e]!.first,
|
||||
borderRadius: AppStyle.radius24,
|
||||
border: Border.all(
|
||||
color: Colors.grey.withOpacity(.2),
|
||||
),
|
||||
),
|
||||
child: Visibility(
|
||||
visible: AppColor.novelThemes.keys
|
||||
.toList()
|
||||
.indexOf(e) ==
|
||||
settings.novelReaderTheme.value,
|
||||
child: Icon(
|
||||
Icons.check,
|
||||
color: AppColor.novelThemes[e]!.last,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
buildBGItem(
|
||||
context,
|
||||
child: SwitchListTile(
|
||||
value: settings.novelReaderLeftHandMode.value,
|
||||
onChanged: (e) {
|
||||
settings.setNovelReaderLeftHandMode(e);
|
||||
},
|
||||
title: const Text("操作反转"),
|
||||
subtitle: const Text("点击左侧下一页，右侧上一页"),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
buildBGItem(
|
||||
context,
|
||||
child: SwitchListTile(
|
||||
value: settings.novelReaderShowStatus.value,
|
||||
onChanged: (e) {
|
||||
settings.setNovelReaderShowStatus(e);
|
||||
},
|
||||
title: const Text("显示状态信息"),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
buildBGItem(
|
||||
context,
|
||||
child: SwitchListTile(
|
||||
value: settings.novelReaderPageAnimation.value,
|
||||
onChanged: (e) {
|
||||
settings.setNovelReaderPageAnimation(e);
|
||||
},
|
||||
title: const Text("翻页动画"),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
buildBGItem(
|
||||
context,
|
||||
child: ListTile(
|
||||
title: const Text("字体大小"),
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
OutlinedButton(
|
||||
onPressed: () {
|
||||
settings.setNovelReaderFontSize(
|
||||
settings.novelReaderFontSize.value + 1,
|
||||
);
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.add,
|
||||
// color: Colors.grey,
|
||||
),
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Text("${settings.novelReaderFontSize.value}"),
|
||||
AppStyle.hGap12,
|
||||
OutlinedButton(
|
||||
onPressed: () {
|
||||
settings.setNovelReaderFontSize(
|
||||
settings.novelReaderFontSize.value - 1,
|
||||
);
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.remove,
|
||||
// color: Colors.grey,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
AppStyle.vGap12,
|
||||
buildBGItem(
|
||||
context,
|
||||
child: ListTile(
|
||||
title: const Text("行距"),
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
OutlinedButton(
|
||||
onPressed: () {
|
||||
settings.setNovelReaderLineSpacing(
|
||||
settings.novelReaderLineSpacing.value + 0.1,
|
||||
);
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.add,
|
||||
// color: Colors.grey,
|
||||
),
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Text((settings.novelReaderLineSpacing.value)
|
||||
.toStringAsFixed(1)),
|
||||
AppStyle.hGap12,
|
||||
OutlinedButton(
|
||||
onPressed: () {
|
||||
settings.setNovelReaderLineSpacing(
|
||||
settings.novelReaderLineSpacing.value - 0.1,
|
||||
);
|
||||
},
|
||||
child: const Icon(
|
||||
Icons.remove,
|
||||
// color: Colors.grey,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 设置阅读方向
|
||||
void setDirection(int value) {
|
||||
settings.setNovelReaderDirection(value);
|
||||
direction.value = value;
|
||||
}
|
||||
|
||||
Widget buildBGItem(BuildContext context, {required Widget child}) {
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: AppStyle.radius8,
|
||||
color: Theme.of(context).colorScheme.surfaceContainerHighest,
|
||||
),
|
||||
child: child,
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildSelectedButton(
|
||||
{required Widget child, bool selected = false, Function()? onTap}) {
|
||||
return Builder(builder: (context) {
|
||||
return OutlinedButton(
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor:
|
||||
selected ? Theme.of(context).colorScheme.primary : Colors.grey,
|
||||
side: BorderSide(
|
||||
color:
|
||||
selected ? Theme.of(context).colorScheme.primary : Colors.grey,
|
||||
),
|
||||
),
|
||||
onPressed: onTap,
|
||||
child: child,
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
/// 显示目录
|
||||
void showMenu() {
|
||||
setShowControls();
|
||||
showModalBottomSheet(
|
||||
context: Get.context!,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(16),
|
||||
topRight: Radius.circular(16),
|
||||
),
|
||||
),
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 500,
|
||||
),
|
||||
builder: (context) => Column(
|
||||
children: [
|
||||
ListTile(
|
||||
title: Text("目录(${chapters.length})"),
|
||||
trailing: IconButton(
|
||||
onPressed: Get.back,
|
||||
icon: const Icon(Icons.close),
|
||||
),
|
||||
contentPadding: AppStyle.edgeInsetsL12,
|
||||
),
|
||||
Divider(
|
||||
height: 1.0,
|
||||
color: Theme.of(context).dividerColor.withOpacity(.2),
|
||||
),
|
||||
Expanded(
|
||||
child: ScrollablePositionedList.separated(
|
||||
initialScrollIndex: chapterIndex.value,
|
||||
itemCount: chapters.length,
|
||||
separatorBuilder: (_, i) => Divider(
|
||||
indent: 12,
|
||||
endIndent: 12,
|
||||
height: 1.0,
|
||||
color: Theme.of(context).dividerColor.withOpacity(.2),
|
||||
),
|
||||
itemBuilder: (_, i) {
|
||||
var item = chapters[i];
|
||||
return ListTile(
|
||||
selected: i == chapterIndex.value,
|
||||
selectedTileColor:
|
||||
Theme.of(context).colorScheme.secondaryContainer,
|
||||
selectedColor:
|
||||
Theme.of(context).colorScheme.onSecondaryContainer,
|
||||
title: Text(item.chapterName),
|
||||
subtitle: Text(item.volumeName),
|
||||
onTap: () {
|
||||
chapterIndex.value = i;
|
||||
loadContent();
|
||||
Get.back();
|
||||
},
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
routeSettings: const RouteSettings(name: "/modalBottomSheet"),
|
||||
);
|
||||
}
|
||||
|
||||
/// 设置显示/隐藏控制按钮
|
||||
void setShowControls() {
|
||||
if (settings.novelReaderFullScreen.value) {
|
||||
if (showControls.value) {
|
||||
setFull();
|
||||
} else {
|
||||
setFullEdge();
|
||||
}
|
||||
}
|
||||
Future.delayed(const Duration(milliseconds: 100), () {
|
||||
showControls.value = !showControls.value;
|
||||
});
|
||||
}
|
||||
|
||||
/// 进入全屏
|
||||
void setFull() {
|
||||
SystemChrome.setEnabledSystemUIMode(
|
||||
SystemUiMode.manual,
|
||||
overlays: [],
|
||||
);
|
||||
}
|
||||
|
||||
/// 进入全屏edgeToEdge模式
|
||||
void setFullEdge() {
|
||||
SystemChrome.setEnabledSystemUIMode(
|
||||
SystemUiMode.edgeToEdge,
|
||||
overlays: SystemUiOverlay.values,
|
||||
);
|
||||
SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
|
||||
statusBarColor: Colors.transparent,
|
||||
statusBarIconBrightness: Brightness.light,
|
||||
systemNavigationBarColor: Colors.transparent,
|
||||
systemNavigationBarIconBrightness: Brightness.light,
|
||||
));
|
||||
}
|
||||
|
||||
/// 退出全屏
|
||||
void exitFull() {
|
||||
SystemChrome.setEnabledSystemUIMode(
|
||||
SystemUiMode.edgeToEdge,
|
||||
overlays: SystemUiOverlay.values,
|
||||
);
|
||||
}
|
||||
|
||||
void keyDown(LogicalKeyboardKey key) {
|
||||
if (key == LogicalKeyboardKey.arrowLeft ||
|
||||
key == LogicalKeyboardKey.pageUp) {
|
||||
if (leftHandMode) {
|
||||
nextPage();
|
||||
} else {
|
||||
forwardPage();
|
||||
}
|
||||
} else if (key == LogicalKeyboardKey.arrowRight ||
|
||||
key == LogicalKeyboardKey.pageDown) {
|
||||
if (leftHandMode) {
|
||||
forwardPage();
|
||||
} else {
|
||||
nextPage();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
670
lib/modules/novel/reader/novel_reader_page.dart
Normal file
670
lib/modules/novel/reader/novel_reader_page.dart
Normal file
@@ -0,0 +1,670 @@
|
||||
import 'package:connectivity_plus/connectivity_plus.dart';
|
||||
import 'package:easy_refresh/easy_refresh.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:flutter_dmzj/app/app_color.dart';
|
||||
import 'package:flutter_dmzj/app/app_constant.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/app/dialog_utils.dart';
|
||||
import 'package:flutter_dmzj/app/log.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/reader/novel_horizontal_reader.dart';
|
||||
|
||||
import 'package:flutter_dmzj/modules/novel/reader/novel_reader_controller.dart';
|
||||
import 'package:flutter_dmzj/widgets/custom_header.dart';
|
||||
import 'package:flutter_dmzj/widgets/local_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/status/app_error_widget.dart';
|
||||
import 'package:flutter_dmzj/widgets/status/app_loadding_widget.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:remixicon/remixicon.dart';
|
||||
|
||||
class NovelReaderPage extends GetView<NovelReaderController> {
|
||||
const NovelReaderPage({Key? key}) : super(key: key);
|
||||
|
||||
Color get color =>
|
||||
AppColor.novelThemes[controller.settings.novelReaderTheme.value]!.last;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return KeyboardListener(
|
||||
onKeyEvent: (e) {
|
||||
if (e.runtimeType == KeyUpEvent) {
|
||||
controller.keyDown(e.logicalKey);
|
||||
Log.d(e.toString());
|
||||
}
|
||||
},
|
||||
focusNode: controller.focusNode,
|
||||
autofocus: true,
|
||||
child: Theme(
|
||||
data: Theme.of(context),
|
||||
child: Obx(
|
||||
() => Scaffold(
|
||||
resizeToAvoidBottomInset: false,
|
||||
backgroundColor: AppColor
|
||||
.novelThemes[controller.settings.novelReaderTheme.value]!.first,
|
||||
body: Stack(
|
||||
children: [
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: controller.content.value.isEmpty,
|
||||
child: GestureDetector(
|
||||
onTap: () {
|
||||
controller.setShowControls();
|
||||
},
|
||||
child: controller.isPicture.value
|
||||
? buildPicture(context)
|
||||
: (controller.direction.value ==
|
||||
ReaderDirection.kUpToDown
|
||||
? buildVertical(context)
|
||||
: buildHorizontal(context)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned.fill(
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
controller.leftHandMode
|
||||
? controller.nextPage()
|
||||
: controller.forwardPage();
|
||||
},
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
color: Colors.transparent,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
flex: 8,
|
||||
child: Container(),
|
||||
),
|
||||
Expanded(
|
||||
flex: 1,
|
||||
child: GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
controller.leftHandMode
|
||||
? controller.forwardPage()
|
||||
: controller.nextPage();
|
||||
},
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
color: Colors.transparent,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.pageLoadding.value,
|
||||
child: const AppLoaddingWidget(),
|
||||
),
|
||||
),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.pageError.value,
|
||||
child: AppErrorWidget(
|
||||
errorMsg: controller.errorMsg.value,
|
||||
onRefresh: () => controller.loadContent(),
|
||||
),
|
||||
),
|
||||
),
|
||||
buildBottomStatus(),
|
||||
//顶部
|
||||
Obx(
|
||||
() => AnimatedPositioned(
|
||||
top: controller.showControls.value
|
||||
? 0
|
||||
: -(64 + AppStyle.statusBarHeight),
|
||||
left: 0,
|
||||
right: 0,
|
||||
duration: const Duration(milliseconds: 100),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: const BorderRadius.only(
|
||||
bottomLeft: Radius.circular(16),
|
||||
bottomRight: Radius.circular(16),
|
||||
),
|
||||
),
|
||||
height: 64 + AppStyle.statusBarHeight,
|
||||
padding: EdgeInsets.only(top: AppStyle.statusBarHeight),
|
||||
child: Row(
|
||||
children: [
|
||||
IconButton(
|
||||
onPressed: Get.back,
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Expanded(
|
||||
child: Text(
|
||||
controller.chapters[controller.chapterIndex.value]
|
||||
.chapterName,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: Theme.of(context).textTheme.titleLarge,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
//底部
|
||||
Obx(
|
||||
() => AnimatedPositioned(
|
||||
bottom: controller.showControls.value
|
||||
? 0
|
||||
: -(136 + AppStyle.bottomBarHeight),
|
||||
left: 0,
|
||||
right: 0,
|
||||
duration: const Duration(milliseconds: 100),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: const BorderRadius.only(
|
||||
topLeft: Radius.circular(16),
|
||||
topRight: Radius.circular(16),
|
||||
),
|
||||
),
|
||||
height: 136 + AppStyle.bottomBarHeight,
|
||||
padding:
|
||||
EdgeInsets.only(bottom: AppStyle.bottomBarHeight),
|
||||
alignment: Alignment.center,
|
||||
child: Container(
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 600,
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
buildSilderBar(),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: [
|
||||
IconButton.filledTonal(
|
||||
onPressed: controller.forwardChapter,
|
||||
icon: const Icon(Remix.skip_back_line),
|
||||
tooltip: "上一话",
|
||||
),
|
||||
IconButton.filledTonal(
|
||||
onPressed: controller.showMenu,
|
||||
icon: const Icon(Remix.file_list_line),
|
||||
tooltip: "目录",
|
||||
),
|
||||
IconButton.filledTonal(
|
||||
onPressed: controller.showSettings,
|
||||
icon: const Icon(Remix.settings_line),
|
||||
tooltip: "设置",
|
||||
),
|
||||
IconButton.filledTonal(
|
||||
onPressed: controller.nextChapter,
|
||||
icon: const Icon(Remix.skip_forward_line),
|
||||
tooltip: "下一话",
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildHorizontal(BuildContext context) {
|
||||
return EasyRefresh(
|
||||
header: MaterialHeader2(
|
||||
triggerOffset: 80,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: AppStyle.radius24,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Icon(
|
||||
Icons.arrow_circle_left,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
footer: MaterialFooter2(
|
||||
triggerOffset: 80,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: AppStyle.radius24,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Icon(
|
||||
Icons.arrow_circle_right,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
refreshOnStart: false,
|
||||
onRefresh: () async {
|
||||
controller.forwardChapter();
|
||||
},
|
||||
onLoad: () async {
|
||||
controller.nextChapter();
|
||||
},
|
||||
child: NovelHorizontalReader(
|
||||
controller.content.value,
|
||||
controller: controller.pageController,
|
||||
reverse: controller.direction.value == ReaderDirection.kRightToLeft,
|
||||
style: TextStyle(
|
||||
fontSize: controller.settings.novelReaderFontSize.value.toDouble(),
|
||||
height: controller.settings.novelReaderLineSpacing.value,
|
||||
color: AppColor
|
||||
.novelThemes[controller.settings.novelReaderTheme.value]!.last,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12.copyWith(
|
||||
top: AppStyle.statusBarHeight + 12,
|
||||
bottom: (controller.settings.novelReaderShowStatus.value ? 24 : 12),
|
||||
),
|
||||
onPageChanged: (i, m) {
|
||||
controller.currentIndex.value = i;
|
||||
controller.maxPage.value = m;
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildVertical(BuildContext context) {
|
||||
return SizedBox(
|
||||
height: double.infinity,
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(
|
||||
top: AppStyle.statusBarHeight,
|
||||
),
|
||||
child: Padding(
|
||||
padding: AppStyle.edgeInsetsA12.copyWith(
|
||||
bottom:
|
||||
(controller.settings.novelReaderShowStatus.value ? 32 : 12),
|
||||
),
|
||||
child: EasyRefresh(
|
||||
header: MaterialHeader2(
|
||||
triggerOffset: 80,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: AppStyle.radius24,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Icon(
|
||||
Icons.arrow_circle_up,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
footer: MaterialFooter2(
|
||||
triggerOffset: 80,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: AppStyle.radius24,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Icon(
|
||||
Icons.arrow_circle_down,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
refreshOnStart: false,
|
||||
onRefresh: () async {
|
||||
controller.forwardChapter();
|
||||
},
|
||||
onLoad: () async {
|
||||
controller.nextChapter();
|
||||
},
|
||||
child: SingleChildScrollView(
|
||||
controller: controller.scrollController,
|
||||
child: Text(
|
||||
controller.content.value,
|
||||
textAlign: TextAlign.justify,
|
||||
style: TextStyle(
|
||||
fontSize:
|
||||
controller.settings.novelReaderFontSize.value.toDouble(),
|
||||
height: controller.settings.novelReaderLineSpacing.value,
|
||||
color: AppColor
|
||||
.novelThemes[controller.settings.novelReaderTheme.value]!
|
||||
.last,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildPicture(BuildContext context) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(
|
||||
top: AppStyle.statusBarHeight,
|
||||
),
|
||||
child: EasyRefresh(
|
||||
header: MaterialHeader2(
|
||||
triggerOffset: 80,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: AppStyle.radius24,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Icon(
|
||||
controller.direction.value != ReaderDirection.kUpToDown
|
||||
? Icons.arrow_circle_left
|
||||
: Icons.arrow_circle_up,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
footer: MaterialFooter2(
|
||||
triggerOffset: 80,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: AppStyle.radius24,
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Icon(
|
||||
controller.direction.value != ReaderDirection.kUpToDown
|
||||
? Icons.arrow_circle_right
|
||||
: Icons.arrow_circle_down,
|
||||
color: Theme.of(context).colorScheme.primary,
|
||||
),
|
||||
),
|
||||
),
|
||||
refreshOnStart: false,
|
||||
onRefresh: () async {
|
||||
controller.forwardChapter();
|
||||
},
|
||||
onLoad: () async {
|
||||
controller.nextChapter();
|
||||
},
|
||||
child: controller.direction.value != ReaderDirection.kUpToDown
|
||||
? PageView.builder(
|
||||
controller: controller.pageController,
|
||||
itemCount: controller.pictures.length,
|
||||
reverse:
|
||||
controller.direction.value == ReaderDirection.kRightToLeft,
|
||||
onPageChanged: (e) {
|
||||
controller.currentIndex.value = e;
|
||||
controller.maxPage.value = controller.pictures.length;
|
||||
},
|
||||
itemBuilder: (_, i) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(
|
||||
bottom: (controller.settings.novelReaderShowStatus.value
|
||||
? 24
|
||||
: 12),
|
||||
),
|
||||
child: GestureDetector(
|
||||
onDoubleTap: () {
|
||||
DialogUtils.showImageViewer(
|
||||
i, controller.pictures.toList());
|
||||
},
|
||||
child: controller.isLocal
|
||||
? LocalImage(
|
||||
controller.pictures[i],
|
||||
fit: BoxFit.contain,
|
||||
)
|
||||
: NetImage(
|
||||
controller.pictures[i],
|
||||
fit: BoxFit.contain,
|
||||
progress: true,
|
||||
),
|
||||
),
|
||||
);
|
||||
})
|
||||
: ListView.separated(
|
||||
controller: controller.scrollController,
|
||||
itemCount: controller.pictures.length,
|
||||
padding: EdgeInsets.zero,
|
||||
separatorBuilder: (_, i) => AppStyle.vGap4,
|
||||
itemBuilder: (_, i) {
|
||||
return GestureDetector(
|
||||
onDoubleTap: () {
|
||||
DialogUtils.showImageViewer(
|
||||
i, controller.pictures.toList());
|
||||
},
|
||||
child: controller.isLocal
|
||||
? LocalImage(
|
||||
controller.pictures[i],
|
||||
fit: BoxFit.fitWidth,
|
||||
)
|
||||
: NetImage(
|
||||
controller.pictures[i],
|
||||
fit: BoxFit.fitWidth,
|
||||
progress: true,
|
||||
),
|
||||
);
|
||||
}),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildSilderBar() {
|
||||
if (controller.direction.value == ReaderDirection.kUpToDown) {
|
||||
return Obx(
|
||||
() {
|
||||
var value = controller.progress.value;
|
||||
var max = 1.0;
|
||||
if (value > max) {
|
||||
return const SizedBox(
|
||||
height: 48,
|
||||
);
|
||||
}
|
||||
return SizedBox(
|
||||
height: 48,
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Slider(
|
||||
value: value,
|
||||
max: max,
|
||||
onChanged: (e) {
|
||||
controller.scrollController.jumpTo(
|
||||
controller.scrollController.position.maxScrollExtent *
|
||||
e,
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
return Obx(
|
||||
() {
|
||||
var value = controller.currentIndex.value + 1.0;
|
||||
var max = controller.maxPage.value;
|
||||
if (value > max) {
|
||||
return const SizedBox(
|
||||
height: 48,
|
||||
);
|
||||
}
|
||||
return SizedBox(
|
||||
height: 48,
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Slider(
|
||||
value: value,
|
||||
max: max.toDouble(),
|
||||
onChanged: (e) {
|
||||
controller.jumpToPage((e - 1).toInt());
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildBottomStatus() {
|
||||
return Positioned(
|
||||
right: 8,
|
||||
left: 8,
|
||||
bottom: 4,
|
||||
child: Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.settings.novelReaderShowStatus.value,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.black54,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
padding: AppStyle.edgeInsetsA12.copyWith(top: 4, bottom: 4),
|
||||
child: Obx(
|
||||
() => Row(
|
||||
children: [
|
||||
buildConnectivity(),
|
||||
buildBattery(),
|
||||
const Expanded(child: SizedBox()),
|
||||
controller.direction.value != ReaderDirection.kUpToDown
|
||||
? Text(
|
||||
"${controller.currentIndex.value + 1} / ${controller.maxPage.value}",
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
height: 1.0,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
)
|
||||
: Text(
|
||||
"${(controller.progress.value * 100).toStringAsFixed(0)}%",
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
height: 1.0,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildConnectivity() {
|
||||
var connectivityType = controller.connectivityType.value;
|
||||
IconData icon = Remix.wifi_line;
|
||||
var name = "WiFi";
|
||||
switch (connectivityType) {
|
||||
case ConnectivityResult.bluetooth:
|
||||
icon = Remix.wifi_line;
|
||||
name = "蓝牙";
|
||||
break;
|
||||
case ConnectivityResult.ethernet:
|
||||
icon = Remix.computer_line;
|
||||
name = "有线";
|
||||
break;
|
||||
case ConnectivityResult.mobile:
|
||||
icon = Remix.base_station_line;
|
||||
name = "流量";
|
||||
break;
|
||||
case ConnectivityResult.wifi:
|
||||
icon = Remix.wifi_line;
|
||||
name = "WiFi";
|
||||
break;
|
||||
case ConnectivityResult.vpn:
|
||||
icon = Remix.shield_keyhole_line;
|
||||
name = "VPN";
|
||||
break;
|
||||
case ConnectivityResult.none:
|
||||
icon = Remix.wifi_off_line;
|
||||
name = "无网络";
|
||||
break;
|
||||
case ConnectivityResult.other:
|
||||
icon = Remix.question_line;
|
||||
name = "未知";
|
||||
break;
|
||||
default:
|
||||
}
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(icon, size: 12, color: Colors.white),
|
||||
AppStyle.hGap4,
|
||||
Text(
|
||||
name,
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
height: 1.0,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildBattery() {
|
||||
var battery = controller.batteryLevel.value;
|
||||
// IconData icon = Icons.battery_0_bar;
|
||||
// if (battery >= 90) {
|
||||
// icon = Icons.battery_full_rounded;
|
||||
// } else if (battery < 90 && battery >= 80) {
|
||||
// icon = Icons.battery_6_bar;
|
||||
// } else if (battery < 80 && battery >= 70) {
|
||||
// icon = Icons.battery_5_bar;
|
||||
// } else if (battery < 70 && battery >= 50) {
|
||||
// icon = Icons.battery_4_bar;
|
||||
// } else if (battery < 50 && battery >= 30) {
|
||||
// icon = Icons.battery_3_bar;
|
||||
// } else if (battery < 30 && battery >= 20) {
|
||||
// icon = Icons.battery_2_bar;
|
||||
// } else if (battery < 20 && battery >= 10) {
|
||||
// icon = Icons.battery_1_bar;
|
||||
// } else {
|
||||
// icon = Icons.battery_0_bar;
|
||||
// }
|
||||
return Visibility(
|
||||
visible: controller.showBattery.value,
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
//Icon(icon, size: 12, color: color.withOpacity(.6)),
|
||||
Text(
|
||||
"电量 $battery%",
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
height: 1.0,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
AppStyle.hGap8,
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
55
lib/modules/novel/search/novel_search_controller.dart
Normal file
55
lib/modules/novel/search/novel_search_controller.dart
Normal file
@@ -0,0 +1,55 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/app/log.dart';
|
||||
import 'package:flutter_dmzj/models/novel/search_model.dart';
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelSearchController extends BasePageController<NovelSearchModel> {
|
||||
final String keyword;
|
||||
NovelSearchController(this.keyword) {
|
||||
searchController = TextEditingController(text: keyword);
|
||||
}
|
||||
late TextEditingController searchController;
|
||||
final NovelRequest request = NovelRequest();
|
||||
|
||||
String _keyword = "";
|
||||
RxMap<int, String> hotWords = <int, String>{}.obs;
|
||||
var showHotWord = true.obs;
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
// loadHotWord();
|
||||
if (keyword.isNotEmpty) {
|
||||
submit();
|
||||
}
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
void submit() {
|
||||
if (searchController.text.isEmpty) {
|
||||
list.clear();
|
||||
showHotWord.value = true;
|
||||
return;
|
||||
}
|
||||
showHotWord.value = false;
|
||||
_keyword = searchController.text;
|
||||
refreshData();
|
||||
}
|
||||
|
||||
@override
|
||||
Future<List<NovelSearchModel>> getData(int page, int pageSize) async {
|
||||
if (searchController.text.isEmpty) {
|
||||
return [];
|
||||
}
|
||||
return await request.search(keyword: _keyword, page: page);
|
||||
}
|
||||
|
||||
void loadHotWord() async {
|
||||
try {
|
||||
hotWords.value = await request.searchHotWord();
|
||||
} catch (e) {
|
||||
Log.logPrint(e);
|
||||
}
|
||||
}
|
||||
}
|
||||
171
lib/modules/novel/search/novel_search_page.dart
Normal file
171
lib/modules/novel/search/novel_search_page.dart
Normal file
@@ -0,0 +1,171 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/app/app_style.dart';
|
||||
import 'package:flutter_dmzj/models/novel/search_model.dart';
|
||||
import 'package:flutter_dmzj/modules/novel/search/novel_search_controller.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/widgets/net_image.dart';
|
||||
import 'package:flutter_dmzj/widgets/page_list_view.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelSearchPage extends StatelessWidget {
|
||||
final String keyword;
|
||||
final NovelSearchController controller;
|
||||
NovelSearchPage({this.keyword = "", super.key})
|
||||
: controller = Get.put(NovelSearchController(keyword));
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
automaticallyImplyLeading: false,
|
||||
titleSpacing: 8,
|
||||
title: SizedBox(
|
||||
height: 40,
|
||||
child: TextField(
|
||||
controller: controller.searchController,
|
||||
autofocus: true,
|
||||
decoration: InputDecoration(
|
||||
hintText: "搜索轻小说",
|
||||
contentPadding: AppStyle.edgeInsetsH12,
|
||||
border: const OutlineInputBorder(),
|
||||
prefixIcon: SizedBox(
|
||||
width: 48,
|
||||
child: IconButton(
|
||||
onPressed: () {
|
||||
AppNavigator.closePage();
|
||||
},
|
||||
icon: const Icon(Icons.arrow_back),
|
||||
),
|
||||
),
|
||||
suffixIcon: SizedBox(
|
||||
width: 48,
|
||||
child: IconButton(
|
||||
onPressed: controller.submit,
|
||||
icon: const Icon(Icons.search),
|
||||
),
|
||||
),
|
||||
),
|
||||
onSubmitted: (e) {
|
||||
controller.submit();
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Stack(
|
||||
children: [
|
||||
PageListView(
|
||||
pageController: controller,
|
||||
firstRefresh: false,
|
||||
showPageLoadding: true,
|
||||
separatorBuilder: (context, i) => Divider(
|
||||
endIndent: 12,
|
||||
indent: 12,
|
||||
color: Colors.grey.withOpacity(.2),
|
||||
height: 1,
|
||||
),
|
||||
itemBuilder: (context, i) {
|
||||
var item = controller.list[i];
|
||||
return buildItem(item);
|
||||
},
|
||||
),
|
||||
Positioned.fill(
|
||||
child: Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.showHotWord.value,
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
children: [
|
||||
const ListTile(
|
||||
title: Text("热门搜索"),
|
||||
),
|
||||
Padding(
|
||||
padding: AppStyle.edgeInsetsH12.copyWith(bottom: 12),
|
||||
child: Wrap(
|
||||
spacing: 8,
|
||||
runSpacing: 8,
|
||||
children: controller.hotWords.keys
|
||||
.map(
|
||||
(e) => OutlinedButton(
|
||||
style: OutlinedButton.styleFrom(
|
||||
tapTargetSize:
|
||||
MaterialTapTargetSize.shrinkWrap,
|
||||
),
|
||||
onPressed: () {
|
||||
AppNavigator.toNovelDetail(e);
|
||||
},
|
||||
child: Text(controller.hotWords[e] ?? ""),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildItem(NovelSearchModel item) {
|
||||
return InkWell(
|
||||
onTap: () {
|
||||
AppNavigator.toNovelDetail(item.id);
|
||||
},
|
||||
child: Container(
|
||||
padding: AppStyle.edgeInsetsA12,
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
NetImage(
|
||||
item.cover ?? "",
|
||||
width: 80,
|
||||
height: 110,
|
||||
borderRadius: 4,
|
||||
),
|
||||
AppStyle.hGap12,
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
Text(
|
||||
item.title,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text.rich(
|
||||
TextSpan(children: [
|
||||
const WidgetSpan(
|
||||
child: Icon(
|
||||
Icons.account_circle,
|
||||
color: Colors.grey,
|
||||
size: 18,
|
||||
)),
|
||||
const TextSpan(
|
||||
text: " ",
|
||||
),
|
||||
TextSpan(
|
||||
text: item.authors,
|
||||
style:
|
||||
const TextStyle(color: Colors.grey, fontSize: 14))
|
||||
]),
|
||||
),
|
||||
AppStyle.vGap4,
|
||||
Text(item.types ?? "",
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
AppStyle.vGap4,
|
||||
Text(item.lastName ?? "",
|
||||
style: const TextStyle(color: Colors.grey, fontSize: 14)),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,126 @@
|
||||
import 'package:flutter_dmzj/app/controller/base_controller.dart';
|
||||
import 'package:flutter_dmzj/models/novel/novel_detail_model.dart';
|
||||
|
||||
import 'package:flutter_dmzj/requests/novel_request.dart';
|
||||
import 'package:flutter_dmzj/routes/app_navigator.dart';
|
||||
import 'package:flutter_dmzj/services/novel_download_service.dart';
|
||||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
|
||||
import 'package:get/get.dart';
|
||||
|
||||
class NovelSelectChapterController extends BaseController {
|
||||
final int novelId;
|
||||
NovelSelectChapterController(this.novelId);
|
||||
final NovelRequest request = NovelRequest();
|
||||
|
||||
RxList<NovelDetailVolume> volumes = RxList<NovelDetailVolume>();
|
||||
|
||||
String novelTitle = "";
|
||||
String novelCover = "";
|
||||
|
||||
RxMap<int, RxSet<int>> selectIds = RxMap<int, RxSet<int>>();
|
||||
|
||||
@override
|
||||
void onInit() {
|
||||
loadDetail();
|
||||
|
||||
super.onInit();
|
||||
}
|
||||
|
||||
/// 加载信息
|
||||
void loadDetail() async {
|
||||
try {
|
||||
pageLoadding.value = true;
|
||||
pageError.value = false;
|
||||
var result = await request.novelDetail(novelId: novelId);
|
||||
novelTitle = result.data.name;
|
||||
novelCover = result.data.cover;
|
||||
var chpaterResult = await request.novelChapter(novelId: novelId);
|
||||
var ls = chpaterResult.map((e) => NovelDetailVolume.fromJson(e)).toList();
|
||||
selectIds.value = {};
|
||||
for (var item in ls) {
|
||||
selectIds.addAll({
|
||||
item.volumeId: RxSet<int>(),
|
||||
});
|
||||
}
|
||||
volumes.value = ls;
|
||||
} catch (e) {
|
||||
pageError.value = true;
|
||||
errorMsg.value = e.toString();
|
||||
} finally {
|
||||
pageLoadding.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
void selectItem(NovelDetailChapter item) {
|
||||
var chapterIds = selectIds[item.volumeId]!;
|
||||
if (chapterIds.contains(item.chapterId)) {
|
||||
chapterIds.remove(item.chapterId);
|
||||
} else {
|
||||
chapterIds.add(item.chapterId);
|
||||
}
|
||||
}
|
||||
|
||||
void selectAll() {
|
||||
for (var volume in volumes) {
|
||||
for (var chapter in volume.chapters) {
|
||||
var chapterIds = selectIds[volume.volumeId]!;
|
||||
var id = "${novelId}_${volume.volumeId}_${chapter.chapterId}";
|
||||
if (!NovelDownloadService.instance.downloadIds.contains(id)) {
|
||||
chapterIds.add(chapter.chapterId);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void cleanAll() {
|
||||
for (var volume in selectIds.values) {
|
||||
volume.clear();
|
||||
}
|
||||
}
|
||||
|
||||
void toDownloadManage() {
|
||||
AppNavigator.toNovelDownloadManage(1);
|
||||
}
|
||||
|
||||
void startDownload() {
|
||||
var chapterIds = <int>[];
|
||||
for (var item in selectIds.values) {
|
||||
chapterIds.addAll(item);
|
||||
}
|
||||
if (chapterIds.isEmpty) {
|
||||
SmartDialog.showToast("请选择需要下载的章节");
|
||||
return;
|
||||
}
|
||||
for (var id in chapterIds) {
|
||||
//搜索章节
|
||||
NovelDetailVolume? volume;
|
||||
NovelDetailChapter? chapter;
|
||||
for (var item in volumes) {
|
||||
var chapterItem =
|
||||
item.chapters.firstWhereOrNull((y) => y.chapterId == id);
|
||||
if (chapterItem != null) {
|
||||
volume = item;
|
||||
chapter = chapterItem;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (volume == null || chapter == null) {
|
||||
continue;
|
||||
}
|
||||
NovelDownloadService.instance.addTask(
|
||||
novelId: novelId,
|
||||
chapterId: chapter.chapterId,
|
||||
chapterSort: chapter.chapterOrder,
|
||||
volumeName: volume.volumeName,
|
||||
novelTitle: novelTitle,
|
||||
novelCover: novelCover,
|
||||
chapterName: chapter.chapterName,
|
||||
isVip: false,
|
||||
volumeId: volume.volumeId,
|
||||
volumeOrder: volume.volumeOrder,
|
||||
);
|
||||
}
|
||||
cleanAll();
|
||||
SmartDialog.showToast("已添加到下载列表，下载过程中请保持APP在前台运行");
|
||||
}
|
||||
}
|
||||
175
lib/modules/novel/select_chapter/novel_select_chapter_page.dart
Normal file
175
lib/modules/novel/select_chapter/novel_select_chapter_page.dart
Normal file
@@ -0,0 +1,175 @@
|
||||
import 'package:easy_refresh/easy_refresh.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_dmzj/models/novel/novel_detail_model.dart';
|
||||
|
||||
import 'package:flutter_dmzj/modules/novel/select_chapter/novel_select_chapter_controller.dart';
|
||||
import 'package:flutter_dmzj/services/novel_download_service.dart';
|
||||
import 'package:flutter_dmzj/widgets/status/app_error_widget.dart';
|
||||
import 'package:flutter_dmzj/widgets/status/app_loadding_widget.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:remixicon/remixicon.dart';
|
||||
|
||||
class NovelSelectChapterPage extends StatelessWidget {
|
||||
final int novelId;
|
||||
final NovelSelectChapterController controller;
|
||||
NovelSelectChapterPage(this.novelId, {super.key})
|
||||
: controller = Get.put(
|
||||
NovelSelectChapterController(novelId),
|
||||
tag: DateTime.now().millisecondsSinceEpoch.toString(),
|
||||
);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text("选择下载章节"),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: controller.toDownloadManage,
|
||||
child: const Text("下载管理"),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Stack(
|
||||
children: [
|
||||
EasyRefresh(
|
||||
header: const MaterialHeader(),
|
||||
onRefresh: controller.loadDetail,
|
||||
child: _buildVolumes(),
|
||||
),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.pageLoadding.value,
|
||||
child: const AppLoaddingWidget(),
|
||||
),
|
||||
),
|
||||
Obx(
|
||||
() => Offstage(
|
||||
offstage: !controller.pageError.value,
|
||||
child: AppErrorWidget(
|
||||
errorMsg: controller.errorMsg.value,
|
||||
onRefresh: () => controller.loadDetail(),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
bottomNavigationBar: BottomAppBar(
|
||||
child: SizedBox(
|
||||
height: 48,
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextButton.icon(
|
||||
style: TextButton.styleFrom(
|
||||
textStyle: const TextStyle(fontSize: 14),
|
||||
),
|
||||
onPressed: controller.selectAll,
|
||||
icon: const Icon(
|
||||
Remix.checkbox_line,
|
||||
size: 20,
|
||||
),
|
||||
label: const Text("全选"),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TextButton.icon(
|
||||
style: TextButton.styleFrom(
|
||||
textStyle: const TextStyle(fontSize: 14),
|
||||
),
|
||||
onPressed: controller.cleanAll,
|
||||
icon: const Icon(
|
||||
Remix.checkbox_blank_line,
|
||||
size: 20,
|
||||
),
|
||||
label: const Text("取消选中"),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TextButton.icon(
|
||||
style: TextButton.styleFrom(
|
||||
textStyle: const TextStyle(fontSize: 14),
|
||||
),
|
||||
onPressed: controller.startDownload,
|
||||
icon: const Icon(
|
||||
Remix.download_line,
|
||||
size: 20,
|
||||
),
|
||||
label: const Text("下载选中"),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildVolumes() {
|
||||
return Obx(
|
||||
() => ListView.builder(
|
||||
padding: EdgeInsets.zero,
|
||||
itemCount: controller.volumes.length,
|
||||
itemBuilder: (_, i) {
|
||||
var item = controller.volumes[i];
|
||||
return _buildChapters(item);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildChapters(NovelDetailVolume item) {
|
||||
return Obx(
|
||||
() {
|
||||
var volume = controller.selectIds[item.volumeId]!;
|
||||
return ExpansionTile(
|
||||
title: Text("${item.volumeName}(共${item.chapters.length}话)"),
|
||||
leading: SizedBox(
|
||||
width: 40,
|
||||
child: Checkbox(
|
||||
value: volume.length == item.chapters.length,
|
||||
onChanged: (e) {
|
||||
if (e!) {
|
||||
volume.addAll(
|
||||
item.chapters
|
||||
.where((x) => !NovelDownloadService.instance.downloadIds
|
||||
.contains(
|
||||
"${novelId}_${x.volumeId}_${x.chapterId}"))
|
||||
.map((e) => e.chapterId),
|
||||
);
|
||||
} else {
|
||||
volume.clear();
|
||||
}
|
||||
},
|
||||
),
|
||||
),
|
||||
children: item.chapters
|
||||
.map(
|
||||
(chapter) => CheckboxListTile(
|
||||
value: volume.contains(chapter.chapterId),
|
||||
controlAffinity: ListTileControlAffinity.leading,
|
||||
title: Text(
|
||||
chapter.chapterName,
|
||||
style: Get.textTheme.titleSmall,
|
||||
),
|
||||
enabled: !NovelDownloadService.instance.downloadIds.contains(
|
||||
"${novelId}_${chapter.volumeId}_${chapter.chapterId}"),
|
||||
subtitle: NovelDownloadService.instance.downloadIds.contains(
|
||||
"${novelId}_${chapter.volumeId}_${chapter.chapterId}")
|
||||
? const Text("已下载")
|
||||
: null,
|
||||
onChanged: (e) {
|
||||
if (e!) {
|
||||
volume.add(chapter.chapterId);
|
||||
} else {
|
||||
volume.remove(chapter.chapterId);
|
||||
}
|
||||
},
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user