pikapika/lib/basic/config/Themes.dart

441 lines
12 KiB
Dart

/// 主题
import 'package:event/event.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:pikapika/basic/Common.dart';
import '../Method.dart';
import 'Platform.dart';
// 字体相关
const _fontFamilyProperty = "fontFamily";
String? _fontFamily;
Future initFont() async {
var defaultFont = "";
_fontFamily = await method.loadProperty(_fontFamilyProperty, defaultFont);
}
ThemeData _fontThemeData(bool dark) {
return ThemeData(
brightness: dark ? Brightness.dark : Brightness.light,
fontFamily: _fontFamily == "" ? null : _fontFamily,
);
}
Future<void> inputFont(BuildContext context) async {
var font = await displayTextInputDialog(
context,
src: "$_fontFamily",
title: "字体",
hint: "请输入字体",
desc:
"请输入字体的名称, 例如宋体/黑体, 如果您保存后没有发生变化, 说明字体无法使用或名称错误, 可以去参考C:\\Windows\\Fonts寻找您的字体。",
);
if (font != null) {
await method.saveProperty(_fontFamilyProperty, font);
_fontFamily = font;
_reloadTheme();
}
}
Widget fontSetting() {
return StatefulBuilder(
builder: (BuildContext context, void Function(void Function()) setState) {
return ListTile(
title: const Text("字体"),
subtitle: Text("$_fontFamily"),
onTap: () async {
await inputFont(context);
setState(() {});
},
);
},
);
}
// 主题相关
// 主题包
abstract class _ThemePackage {
String code();
String name();
ThemeData themeData(ThemeData rawData);
bool isDark();
}
class _OriginTheme extends _ThemePackage {
@override
String code() => "origin";
@override
String name() => "原生";
@override
ThemeData themeData(ThemeData rawData) => rawData;
@override
bool isDark() => false;
}
class _PinkTheme extends _ThemePackage {
@override
String code() => "pink";
@override
String name() => "粉色";
@override
ThemeData themeData(ThemeData rawData) => rawData.copyWith(
brightness: Brightness.light,
colorScheme: ColorScheme.light(
secondary: Colors.pink.shade200,
),
appBarTheme: AppBarTheme(
systemOverlayStyle: SystemUiOverlayStyle.light,
color: Colors.pink.shade200,
iconTheme: const IconThemeData(
color: Colors.white,
),
),
bottomNavigationBarTheme: BottomNavigationBarThemeData(
selectedItemColor: Colors.pink[300],
unselectedItemColor: Colors.grey[500],
),
dividerColor: Colors.grey.shade200,
primaryColor: Colors.pink.shade200,
textSelectionTheme: TextSelectionThemeData(
cursorColor: Colors.pink.shade200,
selectionColor: Colors.pink.shade300.withAlpha(150),
selectionHandleColor: Colors.pink.shade300.withAlpha(200),
),
inputDecorationTheme: InputDecorationTheme(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.pink.shade200),
),
),
);
@override
bool isDark() => false;
}
class _BlackTheme extends _ThemePackage {
@override
String code() => "black";
@override
String name() => "酷黑";
@override
ThemeData themeData(ThemeData rawData) => rawData.copyWith(
brightness: Brightness.light,
colorScheme: ColorScheme.light(
secondary: Colors.pink.shade200,
),
appBarTheme: AppBarTheme(
systemOverlayStyle: SystemUiOverlayStyle.light,
color: Colors.grey.shade800,
iconTheme: const IconThemeData(
color: Colors.white,
),
),
bottomNavigationBarTheme: BottomNavigationBarThemeData(
selectedItemColor: Colors.white,
unselectedItemColor: Colors.grey[400],
backgroundColor: Colors.grey.shade800,
),
dividerColor: Colors.grey.shade200,
primaryColor: Colors.pink.shade200,
textSelectionTheme: TextSelectionThemeData(
cursorColor: Colors.pink.shade200,
selectionColor: Colors.pink.shade300.withAlpha(150),
selectionHandleColor: Colors.pink.shade300.withAlpha(200),
),
inputDecorationTheme: InputDecorationTheme(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.pink.shade200),
),
),
);
@override
bool isDark() => false;
}
class _DarkTheme extends _ThemePackage {
@override
String code() => "dark";
@override
String name() => "暗黑";
@override
ThemeData themeData(ThemeData rawData) => rawData.copyWith(
brightness: Brightness.light,
colorScheme: ColorScheme.light(
secondary: Colors.pink.shade200,
),
appBarTheme: const AppBarTheme(
systemOverlayStyle: SystemUiOverlayStyle.light,
color: Color(0xFF1E1E1E),
iconTheme: IconThemeData(
color: Colors.white,
),
),
bottomNavigationBarTheme: BottomNavigationBarThemeData(
selectedItemColor: Colors.white,
unselectedItemColor: Colors.grey.shade300,
backgroundColor: Colors.grey.shade900,
),
primaryColor: Colors.pink.shade200,
textSelectionTheme: TextSelectionThemeData(
cursorColor: Colors.pink.shade200,
selectionColor: Colors.pink.shade300.withAlpha(150),
selectionHandleColor: Colors.pink.shade300.withAlpha(200),
),
inputDecorationTheme: InputDecorationTheme(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.pink.shade200),
),
),
);
@override
bool isDark() => true;
}
class _DustyBlueTheme extends _ThemePackage {
@override
String code() => "dustyBlue";
@override
String name() => "灰蓝";
@override
ThemeData themeData(ThemeData rawData) => rawData.copyWith(
scaffoldBackgroundColor: Color.alphaBlend(
const Color(0x11999999),
const Color(0xff20253b),
),
cardColor: Color.alphaBlend(
const Color(0x11AAAAAA),
const Color(0xff20253b),
),
brightness: Brightness.light,
colorScheme: ColorScheme.light(
secondary: Colors.blue.shade200,
),
appBarTheme: const AppBarTheme(
systemOverlayStyle: SystemUiOverlayStyle.light,
color: Color(0xff20253b),
iconTheme: IconThemeData(
color: Colors.white,
),
),
dialogTheme: const DialogTheme(
backgroundColor: Color(0xff20253b),
),
bottomNavigationBarTheme: BottomNavigationBarThemeData(
backgroundColor: const Color(0xff191b26),
selectedItemColor: Colors.blue.shade200,
unselectedItemColor: Colors.grey.shade500,
),
dividerColor: Colors.grey.shade800,
primaryColor: Colors.blue.shade200,
textSelectionTheme: TextSelectionThemeData(
cursorColor: Colors.blue.shade200,
selectionColor: Colors.blue.shade900,
selectionHandleColor: Colors.blue.shade800,
),
inputDecorationTheme: InputDecorationTheme(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.blue.shade500),
),
),
);
@override
bool isDark() => true;
}
class _DarkBlackTheme extends _ThemePackage {
@override
String code() => "dark_black";
@override
String name() => "纯黑";
@override
ThemeData themeData(ThemeData rawData) => rawData.copyWith(
brightness: Brightness.light,
colorScheme: ColorScheme.light(
secondary: Colors.pink.shade200,
),
scaffoldBackgroundColor: Colors.black,
appBarTheme: const AppBarTheme(
systemOverlayStyle: SystemUiOverlayStyle.light,
color: Color.fromARGB(0xff, 10, 10, 10),
iconTheme: IconThemeData(
color: Colors.white,
),
),
bottomNavigationBarTheme: BottomNavigationBarThemeData(
selectedItemColor: Colors.white,
unselectedItemColor: Colors.grey.shade300,
backgroundColor: const Color.fromARGB(0xff, 10, 10, 10),
),
primaryColor: Colors.pink.shade200,
textSelectionTheme: TextSelectionThemeData(
cursorColor: Colors.pink.shade200,
selectionColor: Colors.pink.shade300.withAlpha(150),
selectionHandleColor: Colors.pink.shade300.withAlpha(200),
),
inputDecorationTheme: InputDecorationTheme(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.pink.shade200),
),
),
dividerColor: const Color.fromARGB(0xff, 64, 64, 64),
);
@override
bool isDark() => true;
}
final _themePackages = <_ThemePackage>[
_OriginTheme(),
_PinkTheme(),
_BlackTheme(),
_DarkTheme(),
_DustyBlueTheme(),
_DarkBlackTheme(),
];
// 主题更换事件
var themeEvent = Event<EventArgs>();
const _nightModePropertyName = "androidNightMode";
const _lightThemePropertyName = "theme";
const _darkThemePropertyName = "theme.dark";
const _defaultLightThemeCode = "pink";
const _defaultDarkThemeCode = "dark";
bool androidNightModeDisplay = false;
bool androidNightMode = false;
String? _lightThemeCode;
ThemeData? _lightThemeData;
String? _darkThemeCode;
ThemeData? _darkThemeData;
// _changeThemeByCode
String _codeToName(String? code) {
for (var package in _themePackages) {
if (code == package.code()) {
return package.name();
}
}
return "";
}
String currentLightThemeName() {
return _codeToName(_lightThemeCode);
}
String currentDarkThemeName() {
return _codeToName(_darkThemeCode);
}
ThemeData? currentLightThemeData() {
return _lightThemeData;
}
ThemeData? currentDarkThemeData() {
return _darkThemeData;
}
// 根据Code选择主题, 并发送主题更换事件
ThemeData? _themeByCode(String? themeCode) {
for (var package in _themePackages) {
if (themeCode == package.code()) {
return package.themeData(_fontThemeData(package.isDark()));
}
}
return null;
}
void _reloadTheme() {
_lightThemeData = _themeByCode(_lightThemeCode);
if (androidNightMode) {
_darkThemeData = _themeByCode(_darkThemeCode);
} else {
_darkThemeData = _lightThemeData;
}
themeEvent.broadcast();
}
Future<dynamic> initTheme() async {
androidNightModeDisplay = androidVersion >= 29;
androidNightMode =
await method.loadProperty(_nightModePropertyName, "true") == "true";
_lightThemeCode = await method.loadProperty(
_lightThemePropertyName, _defaultLightThemeCode);
_darkThemeCode =
await method.loadProperty(_darkThemePropertyName, _defaultDarkThemeCode);
_reloadTheme();
}
// 选择主题的对话框
Future<String?> _chooseTheme(BuildContext buildContext) {
return showDialog<String>(
context: buildContext,
builder: (BuildContext context) {
return StatefulBuilder(
builder: (BuildContext context, StateSetter setState) {
var list = <SimpleDialogOption>[];
list.addAll(_themePackages.map((e) => SimpleDialogOption(
child: Text(e.name()),
onPressed: () {
Navigator.of(context).pop(e.code());
},
)));
return SimpleDialog(
title: const Text("选择主题"),
children: list,
);
});
},
);
}
Future<dynamic> chooseLightTheme(BuildContext buildContext) async {
String? theme = await _chooseTheme(buildContext);
if (theme != null) {
await method.saveProperty(_lightThemePropertyName, theme);
_lightThemeCode = theme;
_reloadTheme();
}
}
Future<dynamic> chooseDarkTheme(BuildContext buildContext) async {
String? theme = await _chooseTheme(buildContext);
if (theme != null) {
await method.saveProperty(_darkThemePropertyName, theme);
_darkThemeCode = theme;
_reloadTheme();
}
}
Future setAndroidNightMode(bool value) async {
await method.saveProperty(_nightModePropertyName, "$value");
androidNightMode = value;
_reloadTheme();
}