pikapika/lib/basic/config/Themes.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.dark,
        colorScheme: ColorScheme.light(
          secondary: Colors.pink.shade200,
        ),
        appBarTheme: const AppBarTheme(
          systemOverlayStyle: SystemUiOverlayStyle.light,
          color: Color(0xFF1E1E1E),
          foregroundColor: Colors.white,
          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(
        brightness: Brightness.dark,
        scaffoldBackgroundColor: Color.alphaBlend(
          const Color(0x11999999),
          const Color(0xff20253b),
        ),
        cardColor: Color.alphaBlend(
          const Color(0x11AAAAAA),
          const Color(0xff20253b),
        ),
        colorScheme: ColorScheme.light(
          secondary: Colors.blue.shade200,
        ),
        appBarTheme: const AppBarTheme(
          systemOverlayStyle: SystemUiOverlayStyle.light,
          color: Color(0xff20253b),
          foregroundColor: Colors.white,
          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.dark,
        colorScheme: ColorScheme.light(
          secondary: Colors.pink.shade200,
        ),
        scaffoldBackgroundColor: Colors.black,
        appBarTheme: const AppBarTheme(
          systemOverlayStyle: SystemUiOverlayStyle.light,
          color: Color.fromARGB(0xff, 10, 10, 10),
          foregroundColor: Colors.white,
          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();
}