完成页面信息的样式
parent
1aab54a6d8
commit
23264dfd7e
@ -0,0 +1,111 @@
|
|||||||
|
import 'package:flutter/rendering.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
|
class AutoWrap extends StatefulWidget {
|
||||||
|
final List<Widget> children;
|
||||||
|
|
||||||
|
const AutoWrap({super.key, required this.children});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<StatefulWidget> createState() => _AutoWrapState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _AutoWrapState extends State<AutoWrap> {
|
||||||
|
var _computed = false;
|
||||||
|
var _isFirstBuild = true;
|
||||||
|
final Map<int, double> _childWidth = {};
|
||||||
|
var _isRow = true;
|
||||||
|
|
||||||
|
void handleSizeChange(Size size, int id) {
|
||||||
|
_childWidth[id] = size.width;
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void didUpdateWidget(covariant AutoWrap oldWidget) {
|
||||||
|
super.didUpdateWidget(oldWidget);
|
||||||
|
if (_isFirstBuild) {
|
||||||
|
_isFirstBuild = false;
|
||||||
|
var sum = _childWidth.values.reduce((value, element) => value + element);
|
||||||
|
var width = context.size?.width ?? 0;
|
||||||
|
|
||||||
|
setState(() {
|
||||||
|
_computed = true;
|
||||||
|
_isRow = sum < width;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
if (!_computed) {
|
||||||
|
List<Widget> stackChildren = [];
|
||||||
|
for (var i = 0; i < widget.children.length; i++) {
|
||||||
|
// Only first child is visible
|
||||||
|
stackChildren.add(
|
||||||
|
Opacity(
|
||||||
|
opacity: i == 0 ? 1 : 0,
|
||||||
|
child: WidgetSizeOffsetWrapper(
|
||||||
|
id: i,
|
||||||
|
onSizeChange: handleSizeChange,
|
||||||
|
child: widget.children[i],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return Stack(
|
||||||
|
children: stackChildren,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
if (_isRow) {
|
||||||
|
return Row(children: widget.children);
|
||||||
|
} else {
|
||||||
|
return Column(children: widget.children);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
typedef OnWidgetSizeChange = void Function(Size size, int id);
|
||||||
|
|
||||||
|
class WidgetSizeRenderObject extends RenderProxyBox {
|
||||||
|
final OnWidgetSizeChange onSizeChange;
|
||||||
|
final int id;
|
||||||
|
Size? currentSize;
|
||||||
|
|
||||||
|
WidgetSizeRenderObject(this.onSizeChange, this.id);
|
||||||
|
|
||||||
|
@override
|
||||||
|
void performLayout() {
|
||||||
|
super.performLayout();
|
||||||
|
|
||||||
|
try {
|
||||||
|
Size? newSize = child?.size;
|
||||||
|
|
||||||
|
if (newSize != null && currentSize != newSize) {
|
||||||
|
currentSize = newSize;
|
||||||
|
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||||
|
onSizeChange(newSize, id);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
print(e);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class WidgetSizeOffsetWrapper extends SingleChildRenderObjectWidget {
|
||||||
|
final OnWidgetSizeChange onSizeChange;
|
||||||
|
final int id;
|
||||||
|
|
||||||
|
const WidgetSizeOffsetWrapper({
|
||||||
|
Key? key,
|
||||||
|
required this.onSizeChange,
|
||||||
|
required this.id,
|
||||||
|
required Widget child,
|
||||||
|
}) : super(key: key, child: child);
|
||||||
|
|
||||||
|
@override
|
||||||
|
RenderObject createRenderObject(BuildContext context) {
|
||||||
|
return WidgetSizeRenderObject(onSizeChange, id);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,213 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/foundation.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:intl/intl.dart';
|
||||||
|
import 'package:isekai_wiki/api/mw/list.dart';
|
||||||
|
import 'package:isekai_wiki/api/mw/mw_api.dart';
|
||||||
|
import 'package:isekai_wiki/api/response/page_info.dart';
|
||||||
|
import 'package:isekai_wiki/components/auto_wrap.dart';
|
||||||
|
import 'package:isekai_wiki/components/isekai_nav_bar.dart';
|
||||||
|
import 'package:isekai_wiki/components/isekai_page_scaffold.dart';
|
||||||
|
import 'package:isekai_wiki/global.dart';
|
||||||
|
import 'package:isekai_wiki/reactive/reactive.dart';
|
||||||
|
import 'package:isekai_wiki/utils/dialog.dart';
|
||||||
|
import 'package:isekai_wiki/utils/error.dart';
|
||||||
|
|
||||||
|
class WikiInfoPageController extends GetxController {
|
||||||
|
var pageTitle = "".obs;
|
||||||
|
var pageId = 0.obs;
|
||||||
|
var pageInfo = Rx<PageInfo?>(null);
|
||||||
|
var loadingPageInfo = true.obs;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onInit() {
|
||||||
|
super.onInit();
|
||||||
|
|
||||||
|
Future.delayed(const Duration(milliseconds: 150)).then((_) {
|
||||||
|
loadPageInfo();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> loadPageInfo() async {
|
||||||
|
if (pageTitle.isNotEmpty || pageId.value != 0) {
|
||||||
|
try {
|
||||||
|
// 加载页面信息
|
||||||
|
loadingPageInfo.value = true;
|
||||||
|
MWResponse<List<PageInfo>> pageInfoRes;
|
||||||
|
if (pageId.value != 0) {
|
||||||
|
pageInfoRes = await MWApiList.getPageInfoList(pageids: [
|
||||||
|
pageId.value
|
||||||
|
], prop: [
|
||||||
|
"extracts",
|
||||||
|
"info",
|
||||||
|
"pageimages",
|
||||||
|
"pageviews"
|
||||||
|
], extraParams: {
|
||||||
|
"inprop":
|
||||||
|
"url|protection|watched|watchers|visitingwatchers|displaytitle",
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
pageInfoRes =
|
||||||
|
await MWApiList.getPageInfoList(titles: [pageTitle.value]);
|
||||||
|
}
|
||||||
|
if (pageInfoRes.data.isEmpty) {
|
||||||
|
throw MWApiErrorException(code: 'no-page', info: "页面信息丢失");
|
||||||
|
}
|
||||||
|
|
||||||
|
pageInfo.value = pageInfoRes.data[0];
|
||||||
|
pageId.value = pageInfo.value!.pageid;
|
||||||
|
pageTitle.value = pageInfo.value!.title;
|
||||||
|
} catch (err, stack) {
|
||||||
|
alert(Get.overlayContext!, ErrorUtils.getErrorMessage(err),
|
||||||
|
title: "错误");
|
||||||
|
if (kDebugMode) {
|
||||||
|
print("Exception in page: $err");
|
||||||
|
stack.printError();
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
loadingPageInfo.value = false;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
alert(Get.overlayContext!, "页面不存在");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class WikiInfoPage extends StatefulWidget {
|
||||||
|
final String? targetPage;
|
||||||
|
final int? targetPageId;
|
||||||
|
|
||||||
|
const WikiInfoPage({super.key, this.targetPage, this.targetPageId});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<StatefulWidget> createState() => _WikiInfoPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _WikiInfoPageState extends ReactiveState<WikiInfoPage> {
|
||||||
|
WikiInfoPageController c = WikiInfoPageController();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
c = Get.put(c);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
c.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void receiveProps() {
|
||||||
|
c.pageId.value = widget.targetPageId ?? 0;
|
||||||
|
c.pageTitle.value = widget.targetPage ?? "";
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildLoading(BuildContext context) {
|
||||||
|
return CupertinoListSection.insetGrouped(
|
||||||
|
header: Text("基本信息"),
|
||||||
|
backgroundColor: CupertinoTheme.of(context).scaffoldBackgroundColor,
|
||||||
|
children: <CupertinoListTile>[
|
||||||
|
CupertinoListTile.notched(
|
||||||
|
title: Center(
|
||||||
|
child: CupertinoActivityIndicator(
|
||||||
|
radius: 10 * MediaQuery.of(context).textScaleFactor),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
CupertinoListTile buildPageInfo(
|
||||||
|
BuildContext context, String label, dynamic value,
|
||||||
|
{VoidFutureCallback? onTap}) {
|
||||||
|
final Locale appLocale = Localizations.localeOf(context);
|
||||||
|
var valueStr = "未知";
|
||||||
|
if (value is String) {
|
||||||
|
valueStr = value;
|
||||||
|
}
|
||||||
|
if (value is int) {
|
||||||
|
valueStr =
|
||||||
|
NumberFormat.decimalPattern(appLocale.toLanguageTag()).format(value);
|
||||||
|
} else if (value is double) {
|
||||||
|
var pattern = NumberFormat.decimalPattern(appLocale.toLanguageTag());
|
||||||
|
pattern.maximumFractionDigits = 2;
|
||||||
|
valueStr = pattern.format(value);
|
||||||
|
} else if (value is DateTime) {
|
||||||
|
// ignore: prefer_interpolation_to_compose_strings
|
||||||
|
valueStr = DateFormat.yMMMd(appLocale.toLanguageTag()).format(value) +
|
||||||
|
" " +
|
||||||
|
DateFormat.Hms(appLocale.toLanguageTag()).format(value);
|
||||||
|
}
|
||||||
|
|
||||||
|
return CupertinoListTile.notched(
|
||||||
|
padding: const EdgeInsetsDirectional.fromSTEB(20.0, 10.0, 14.0, 10.0),
|
||||||
|
title: Container(
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
child: AutoWrap(
|
||||||
|
children: [
|
||||||
|
Text(label),
|
||||||
|
Text(
|
||||||
|
valueStr,
|
||||||
|
style: TextStyle(
|
||||||
|
color: CupertinoColors.systemGrey2.resolveFrom(context)),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
trailing: onTap != null ? const CupertinoListTileChevron() : null,
|
||||||
|
onTap: onTap,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget buildPageInfoList(BuildContext context) {
|
||||||
|
var pageInfo = c.pageInfo.value;
|
||||||
|
return Column(
|
||||||
|
children: [
|
||||||
|
Obx(
|
||||||
|
() => CupertinoListSection.insetGrouped(
|
||||||
|
additionalDividerMargin: 6,
|
||||||
|
header: const Text("基本信息"),
|
||||||
|
backgroundColor: CupertinoTheme.of(context).scaffoldBackgroundColor,
|
||||||
|
children: <CupertinoListTile>[
|
||||||
|
buildPageInfo(
|
||||||
|
context,
|
||||||
|
"显示标题",
|
||||||
|
pageInfo?.mainTitle,
|
||||||
|
onTap: () async {},
|
||||||
|
),
|
||||||
|
buildPageInfo(context, "页面长度（字节）", pageInfo?.length),
|
||||||
|
buildPageInfo(context, "页面ID", pageInfo?.pageid),
|
||||||
|
buildPageInfo(context, "页面内容语言", pageInfo?.pagelanguage),
|
||||||
|
buildPageInfo(context, "页面内容类型", pageInfo?.contentmodel),
|
||||||
|
buildPageInfo(context, "收藏者数", pageInfo?.watchers),
|
||||||
|
buildPageInfo(context, "最后修改于", pageInfo?.updatedTime),
|
||||||
|
buildPageInfo(context, "该页面的子页面数", null),
|
||||||
|
buildPageInfo(context, "过去30天的页面访问量", null),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget render(BuildContext context) {
|
||||||
|
return IsekaiPageScaffold(
|
||||||
|
navigationBar: const IsekaiNavigationBar(
|
||||||
|
middle: Text("页面信息"),
|
||||||
|
),
|
||||||
|
child: SafeArea(
|
||||||
|
child: ListView(
|
||||||
|
children: [
|
||||||
|
Obx(() => c.loadingPageInfo.value
|
||||||
|
? buildLoading(context)
|
||||||
|
: buildPageInfoList(context))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue