api/lib/channel.dart

@@ -1,5 +1,5 @@
-import 'package:dde_gesture_manager/model/model.dart';
 import 'package:dde_gesture_manager/dde_gesture_manager.dart';
+import 'package:dde_gesture_manager/model/model.dart';
 
 /// This type initializes an application.
 ///

api/test/harness/app.dart

@@ -1,10 +1,10 @@
-import 'package:dde_gesture_manager/dde_gesture_manager.dart';
 import 'package:conduit_test/conduit_test.dart';
+import 'package:dde_gesture_manager/dde_gesture_manager.dart';
 
-export 'package:dde_gesture_manager/dde_gesture_manager.dart';
+export 'package:conduit/conduit.dart';
 export 'package:conduit_test/conduit_test.dart';
+export 'package:dde_gesture_manager/dde_gesture_manager.dart';
 export 'package:test/test.dart';
-export 'package:conduit/conduit.dart';
 
 /// A testing harness for dde_gesture_manager.
 ///

app/README.md

@@ -1,16 +1,55 @@
-# dde_gesture_manager
+# DDE Gesture Manager
+专为 DDE 桌面环境打造的触摸板手势管理工具
 
-A new Flutter project.
+## ProviderGenerator
+利用 [source_gen](https://pub.dev/packages/source_gen) 和 [build_runner](https://pub.flutter-io.cn/packages/build_runner) 生成 [provider](https://pub.flutter-io.cn/packages/provider) 的模板代码：
+1. 在 `lib/models/` 下编写模型类
+```dart
+import 'package:dde_gesture_manager/builder/provider_annotation.dart';
 
-## Getting Started
+@ProviderModel()
+class Test {
+  @ProviderModelProp()
+  bool? tested;
 
-This project is a starting point for a Flutter application.
+  @ProviderModelProp()
+  String? name;
+}
 
-A few resources to get you started if this is your first Flutter project:
+```
 
-- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
+2. `app` 项目目录下执行 `flutter packages pub get && flutter packages pub run build_runner build --delete-conflicting-outputs`
-- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
 
-For help getting started with Flutter, view our
+3. 将在 `lib/models/test.provider.dart` 生成如下代码:
-[online documentation](https://flutter.dev/docs), which offers tutorials,
+```dart
-samples, guidance on mobile development, and a full API reference.
+import 'package:flutter/foundation.dart';
+import 'package:dde_gesture_manager/extensions/compare_extension.dart';
+import 'test.dart';
+
+class TestProvider extends Test with ChangeNotifier {
+  void setProps({
+    bool? tested,
+    String? name,
+  }) {
+    bool changed = false;
+    if (tested.diff(this.tested)) {
+      this.tested = tested;
+      changed = true;
+    }
+    if (name.diff(this.name)) {
+      this.name = name;
+      changed = true;
+    }
+    if (changed) notifyListeners();
+  }
+}
+
+```
+
+## easy_localization
+### 生成资源代码
+`flutter pub run easy_localization:generate && flutter pub run easy_localization:generate -f keys -o locale_keys.g.dart`
+
+### 已经支持语言
+- 简体中文(zh-CN)
+- English(en)

app/build.yaml

@@ -0,0 +1,11 @@
+builders:
+  provider_builder:
+    import: 'lib/builder/provider_builder.dart'
+    builder_factories: [ 'providerBuilder' ]
+    build_extensions: { '.dart': [ '.provider.dart' ] }
+    auto_apply: root_package
+    build_to: source
+    defaults:
+      generate_for:
+        include:
+          - lib/models/**

app/lib/builder/provider_annotation.dart

@@ -0,0 +1,9 @@
+class ProviderModel {
+  const ProviderModel();
+}
+
+class ProviderModelProp {
+  const ProviderModelProp({this.nullable = true});
+
+  final bool nullable;
+}

app/lib/builder/provider_builder.dart

@@ -0,0 +1,6 @@
+import 'package:dde_gesture_manager/builder/provider_generator.dart';
+import 'package:source_gen/source_gen.dart';
+import 'package:build/build.dart';
+
+Builder providerBuilder(BuilderOptions options) =>
+    LibraryBuilder(ProviderGenerator(), generatedExtension: '.provider.dart');

app/lib/builder/provider_generator.dart

@@ -0,0 +1,48 @@
+import 'package:analyzer/dart/element/element.dart';
+import 'package:build/src/builder/build_step.dart';
+import 'package:dde_gesture_manager/builder/provider_annotation.dart';
+import 'package:source_gen/source_gen.dart';
+import 'package:collection/collection.dart';
+
+class AnnotationField {
+  String name;
+  String type;
+
+  AnnotationField(this.name, this.type);
+}
+
+class ProviderGenerator extends GeneratorForAnnotation<ProviderModel> {
+  @override
+  generateForAnnotatedElement(Element element, ConstantReader annotation, BuildStep buildStep) {
+    var className = (element as ClassElement).source.shortName;
+    List<AnnotationField> fields = [];
+    element.fields.forEach((field) {
+      var annotation = field.metadata.firstWhereOrNull(
+          (m) => m.computeConstantValue()?.type?.getDisplayString(withNullability: true) == 'ProviderModelProp');
+      if (annotation != null)
+        fields.add(
+          AnnotationField(
+            field.displayName,
+            field.type.getDisplayString(
+              withNullability: annotation.computeConstantValue()?.getField('nullable')?.toBoolValue() ?? true,
+            ),
+          ),
+        );
+    });
+    return '''
+import 'package:flutter/foundation.dart';
+import 'package:dde_gesture_manager/extensions/compare_extension.dart';
+import '$className';
+
+class ${element.displayName}Provider extends ${element.displayName} with ChangeNotifier {
+  void setProps({
+    ${fields.map((f) => '${f.type.endsWith('?') ? '' : 'required '}${f.type} ${f.name},').join('\n')}
+  }) {
+    bool changed = false;    
+    ${fields.map((f) => 'if (${f.name}.diff(this.${f.name})) {this.${f.name} = ${f.name}; changed = true; }').join('\n')}
+    if (changed) notifyListeners();
+  }
+}
+    ''';
+  }
+}

app/lib/constants/sp_keys.dart

@@ -0,0 +1,4 @@
+class SPKeys {
+  static final String brightnessMode = 'BRIGHTNESS_MODE';
+  static final String userLanguage = 'USER_LANGUAGE';
+}

app/lib/constants/supported_locales.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+
+enum SupportedLocale {
+  zh_CN,
+  en,
+}
+
+const zh_CN = Locale('zh', 'CN');
+const en = Locale('en');
+
+const supportedLocales = [
+  zh_CN,
+  en,
+];
+
+const supportedLocaleNames = {
+  SupportedLocale.zh_CN: '简体中文',
+  SupportedLocale.en: 'English',
+};
+
+Locale getSupportedLocale(SupportedLocale supportedLocale) => supportedLocales[supportedLocale.index];
+

app/lib/extensions.dart

@@ -0,0 +1,11 @@
+library extensions;
+
+export 'package:dde_gesture_manager/extensions/sout_extension.dart';
+export 'package:dde_gesture_manager/extensions/string_extension.dart';
+export 'package:dde_gesture_manager/extensions/context_extension.dart';
+export 'package:dde_gesture_manager/extensions/shared_preferences_extension.dart';
+
+export 'package:dde_gesture_manager/generated/locale_keys.g.dart';
+export 'package:easy_localization/easy_localization.dart';
+
+export 'package:provider/provider.dart';

app/lib/extensions/compare_extension.dart

@@ -0,0 +1,3 @@
+extension CompareExtension on Object? {
+  bool diff(other) => this != null && this != other;
+}

app/lib/extensions/context_extension.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+
+extension ContextExtension on BuildContext {
+  ThemeData get t => Theme.of(this);
+
+  NavigatorState get n => Navigator.of(this);
+}

app/lib/extensions/shared_preferences_extension.dart

@@ -0,0 +1,13 @@
+import 'package:shared_preferences/shared_preferences.dart';
+
+extension SharedPreferencesExtenstion on SharedPreferences {
+  Future<bool> updateInt(String key, int value) {
+    if (this.getInt(key) == value) return Future.value(false);
+    return this.setInt(key, value);
+  }
+
+  Future<bool> updateString(String key, String value) {
+    if (this.getString(key) == value) return Future.value(false);
+    return this.setString(key, value);
+  }
+}

app/lib/extensions/sout_extension.dart

@@ -0,0 +1,12 @@
+extension SoutExtension on Object? {
+  void sout() {
+    switch (this.runtimeType) {
+      case String:
+        return print(this);
+      case Null:
+        return print(null);
+      default:
+        return print(this.toString());
+    }
+  }
+}

app/lib/extensions/string_extension.dart

@@ -0,0 +1,3 @@
+extension StringNotNull on String? {
+  bool get notNull => this != null && this != '';
+}

app/lib/main.dart

@@ -1,97 +1,79 @@
-import 'package:flutter/foundation.dart';
+import 'package:dde_gesture_manager/constants/sp_keys.dart';
+import 'package:dde_gesture_manager/constants/supported_locales.dart';
+import 'package:dde_gesture_manager/extensions.dart';
+import 'package:dde_gesture_manager/generated/codegen_loader.g.dart';
+import 'package:dde_gesture_manager/generated/locale_keys.g.dart';
+import 'package:dde_gesture_manager/models/configs.dart';
+import 'package:dde_gesture_manager/models/configs.provider.dart';
+import 'package:dde_gesture_manager/models/settings.provider.dart';
+import 'package:dde_gesture_manager/themes/dark.dart';
+import 'package:dde_gesture_manager/themes/light.dart';
+import 'package:dde_gesture_manager/utils/helper.dart';
+import 'package:dde_gesture_manager/utils/init.dart';
+import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
-import 'package:gsettings/gsettings.dart';
+import 'package:flutter/widgets.dart';
-import 'package:window_manager/window_manager.dart';
+
-import 'package:xdg_directories/xdg_directories.dart' as xdgDir;
+import 'pages/home.dart';
 
 Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();
-  if (!kIsWeb) {
+  EasyLocalization.logger.enableLevels = [];
-    print(await xdgDir.configHome);
+  await EasyLocalization.ensureInitialized();
-    print(await xdgDir.cacheHome);
+  await initConfigs();
-    print(await xdgDir.dataHome);
+  runApp(EasyLocalization(
-    print('------');
+    supportedLocales: supportedLocales,
-    print(await xdgDir.configDirs.join('\n'));
+    fallbackLocale: zh_CN,
-    print('------');
+    path: 'resources/langs',
-    print(await xdgDir.dataDirs.join('\n'));
+    assetLoader: CodegenLoader(),
-    print('------');
+    child: MyApp(),
-    print(await xdgDir.runtimeDir);
+  ));
-    print('------');
-    var windowManager = WindowManager.instance;
-    windowManager.setTitle('Gesture Manager For DDE');
-    windowManager.setMinimumSize(const Size(800, 600));
-    var xsettings = GSettings('com.deepin.xsettings');
-    // xsettings.get('scale-factor').then((value) {
-    //   print(value.toString());
-    // });
-    xsettings.get('theme-name').then((value) {
-      print(value.toString());
-    });
-    xsettings.keysChanged.listen((event) {
-      xsettings.get('theme-name').then((value) {
-        print(value.toString());
-      });
-    });
-  }
-  runApp(MyApp());
 }
 
 class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return MultiProvider(
-      title: 'Flutter Demo',
+      providers: [
-      theme: ThemeData(
+        ChangeNotifierProvider(create: (context) => SettingsProvider()),
-        primarySwatch: Colors.blue,
+        ChangeNotifierProvider(create: (context) => ConfigsProvider()),
-      ),
+      ],
-      home: MyHomePage(title: 'Flutter Demo Home Page'),
+      builder: (context, child) {
-    );
+        var isDarkMode = context.watch<SettingsProvider>().isDarkMode;
-  }
+        var brightnessMode = context.watch<ConfigsProvider>().brightnessMode;
-}
+        H().sp.updateInt(SPKeys.brightnessMode, brightnessMode?.index ?? 0);
-
+        late bool showDarkMode;
-class MyHomePage extends StatefulWidget {
+        if (brightnessMode == BrightnessMode.system) {
-  MyHomePage({Key? key, required this.title}) : super(key: key);
+          showDarkMode = isDarkMode ?? false;
-
+        } else {
-  final String title;
+          showDarkMode = brightnessMode == BrightnessMode.dark;
-
+        }
-  @override
+        return MaterialApp(
-  _MyHomePageState createState() => _MyHomePageState();
+          title: CodegenLoader.mapLocales[context.locale.toString()]?[LocaleKeys.app_name],
-}
+          theme: showDarkMode ? darkTheme : lightTheme,
-
+          localizationsDelegates: context.localizationDelegates,
-class _MyHomePageState extends State<MyHomePage> {
+          supportedLocales: context.supportedLocales,
-  int _counter = 0;
+          locale: context.locale,
-
+          home: AnimatedCrossFade(
-  void _incrementCounter() {
+            crossFadeState: isDarkMode != null ? CrossFadeState.showSecond : CrossFadeState.showFirst,
-    setState(() {
+            alignment: Alignment.center,
-      _counter++;
+            layoutBuilder: (topChild, topChildKey, bottomChild, bottomChildKey) => Stack(
-    });
+              clipBehavior: Clip.none,
-  }
+              alignment: Alignment.center,
-
+              children: <Widget>[
-  @override
+                Positioned(key: bottomChildKey, child: bottomChild),
-  Widget build(BuildContext context) {
+                Positioned(key: topChildKey, child: topChild),
-    return Scaffold(
+              ],
-      appBar: AppBar(
-        title: Text(widget.title),
-      ),
-      body: Center(
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headline4,
             ),
-          ],
+            firstChild: Builder(builder: (context) {
-        ),
+              Future.microtask(() => initEvents(context));
-      ),
+              return Container();
-      floatingActionButton: FloatingActionButton(
+            }),
-        onPressed: _incrementCounter,
+            secondChild: HomePage(),
-        tooltip: 'Increment',
+            duration: Duration(milliseconds: 500),
-        child: Icon(Icons.add),
+          ),
-      ),
+        );
+      },
     );
   }
 }

app/lib/models/configs.dart

@@ -0,0 +1,20 @@
+import 'package:dde_gesture_manager/builder/provider_annotation.dart';
+import 'package:dde_gesture_manager/constants/sp_keys.dart';
+import 'package:dde_gesture_manager/utils/helper.dart';
+
+enum BrightnessMode {
+  system,
+  light,
+  dark,
+}
+
+@ProviderModel()
+class Configs {
+  @ProviderModelProp()
+  BrightnessMode? brightnessMode;
+
+  Configs() {
+    this.brightnessMode =
+        BrightnessMode.values[H().sp.getInt(SPKeys.brightnessMode)?.clamp(0, BrightnessMode.values.length - 1) ?? 0];
+  }
+}

app/lib/models/settings.dart

@@ -0,0 +1,7 @@
+import 'package:dde_gesture_manager/builder/provider_annotation.dart';
+
+@ProviderModel()
+class Settings {
+  @ProviderModelProp()
+  bool? isDarkMode;
+}

app/lib/pages/home.dart

@@ -0,0 +1,33 @@
+import 'package:dde_gesture_manager/widgets/footer.dart';
+import 'package:flutter/material.dart';
+
+class HomePage extends StatefulWidget {
+  const HomePage({Key? key}) : super(key: key);
+
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Column(
+        mainAxisSize: MainAxisSize.max,
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          Row(
+            mainAxisSize: MainAxisSize.max,
+            children: [
+              Text('WIP'),
+            ],
+          ),
+          SizedBox(
+            height: 36,
+            child: Footer(),
+          ),
+        ],
+      ),
+    );
+  }
+}

app/lib/themes/dark.dart

@@ -0,0 +1,5 @@
+import 'package:flutter/material.dart';
+
+var darkTheme = ThemeData.dark().copyWith(
+  primaryColor: Colors.grey,
+);

app/lib/themes/light.dart

@@ -0,0 +1,5 @@
+import 'package:flutter/material.dart';
+
+var lightTheme = ThemeData.light().copyWith(
+  primaryColor: Colors.blue,
+);

app/lib/utils/helper.dart

@@ -0,0 +1,17 @@
+import 'package:shared_preferences/shared_preferences.dart';
+
+class H {
+  H._();
+
+  static final _h = H._();
+
+  factory H() => _h;
+
+  late SharedPreferences _sp;
+
+  SharedPreferences get sp => _sp;
+
+  initSharedPreference() async {
+    _sp = await SharedPreferences.getInstance();
+  }
+}

app/lib/utils/init.dart

@@ -0,0 +1 @@
+export 'init_web.dart' if (dart.library.io) 'init_linux.dart';

app/lib/utils/init_linux.dart

@@ -0,0 +1,46 @@
+import 'package:dde_gesture_manager/constants/sp_keys.dart';
+import 'package:dde_gesture_manager/constants/supported_locales.dart';
+import 'package:dde_gesture_manager/extensions.dart';
+import 'package:dde_gesture_manager/generated/codegen_loader.g.dart';
+import 'package:dde_gesture_manager/generated/locale_keys.g.dart';
+import 'package:dde_gesture_manager/models/settings.provider.dart';
+import 'package:dde_gesture_manager/utils/helper.dart';
+import 'package:flutter/material.dart';
+import 'package:gsettings/gsettings.dart';
+import 'package:provider/provider.dart';
+import 'package:window_manager/window_manager.dart';
+
+Future<void> initEvents(BuildContext context) async {
+  var isDark = MediaQuery.of(context).platformBrightness == Brightness.dark;
+  if (isDark) {
+    context.read<SettingsProvider>().setProps(isDarkMode: isDark);
+  } else {
+    var xsettings = GSettings('com.deepin.xsettings');
+    String? themeName;
+    try {
+      themeName = (await xsettings.get('theme-name')).toString();
+    } catch (e) {
+      print(e);
+      context.read<SettingsProvider>().setProps(isDarkMode: false);
+    }
+
+    if (themeName != null) {
+      context.read<SettingsProvider>().setProps(isDarkMode: themeName.contains('dark'));
+      xsettings.keysChanged.listen((event) {
+        xsettings.get('theme-name').then((value) {
+          context.read<SettingsProvider>().setProps(isDarkMode: value.toString().contains('dark'));
+        });
+      });
+    }
+  }
+}
+
+Future<void> initConfigs() async {
+  await H().initSharedPreference();
+  var userLanguageIndex = H().sp.getInt(SPKeys.userLanguage) ?? 0;
+  var locale = supportedLocales[userLanguageIndex];
+  windowManager.setTitle(CodegenLoader.mapLocales[locale.toString()]?[LocaleKeys.app_name]);
+  windowManager.setMinimumSize(const Size(800, 600));
+}
+
+var windowManager = WindowManager.instance;

app/lib/utils/init_web.dart

@@ -0,0 +1,13 @@
+import 'package:dde_gesture_manager/models/settings.provider.dart';
+import 'package:dde_gesture_manager/utils/helper.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+Future<void> initEvents(BuildContext context) async {
+  var isDark = MediaQuery.of(context).platformBrightness == Brightness.dark;
+  context.read<SettingsProvider>().setProps(isDarkMode: isDark);
+}
+
+Future<void> initConfigs() async {
+  await H().initSharedPreference();
+}

app/lib/widgets/footer.dart

@@ -0,0 +1,39 @@
+import 'package:dde_gesture_manager/extensions.dart';
+import 'package:dde_gesture_manager/widgets/language_switcher.dart';
+import 'package:dde_gesture_manager/widgets/theme_switcher.dart';
+import 'package:dde_gesture_manager/widgets/version_checker.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class Footer extends StatefulWidget {
+  const Footer({Key? key}) : super(key: key);
+
+  @override
+  _FooterState createState() => _FooterState();
+}
+
+class _FooterState extends State<Footer> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: context.t.backgroundColor,
+      child: Padding(
+        padding: EdgeInsets.symmetric(horizontal: 12),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            VersionChecker(),
+            Row(
+              children: [
+                LanguageSwitcher(),
+                Container(width: 6),
+                ThemeSwitcher(),
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

app/lib/widgets/language_switcher.dart

@@ -0,0 +1,52 @@
+import 'package:dde_gesture_manager/constants/sp_keys.dart';
+import 'package:dde_gesture_manager/constants/supported_locales.dart';
+import 'package:dde_gesture_manager/extensions.dart';
+import 'package:dde_gesture_manager/generated/locale_keys.g.dart';
+import 'package:dde_gesture_manager/utils/helper.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:collection/collection.dart';
+import 'package:window_manager/window_manager.dart';
+
+class LanguageSwitcher extends StatelessWidget {
+  const LanguageSwitcher({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var _locale = EasyLocalization.of(context)?.currentLocale;
+    var _supportedLocale = supportedLocales.firstWhereOrNull((element) => element == _locale);
+
+    return PopupMenuButton<SupportedLocale>(
+      child: Row(
+        children: [
+          Icon(Icons.language_outlined, size: 20),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 3),
+            child: Text(LocaleKeys.language_label).tr(),
+          ),
+        ],
+      ),
+      itemBuilder: (BuildContext context) => supportedLocales
+          .map(
+            (locale) => PopupMenuItem(
+              value: SupportedLocale.zh_CN,
+              child: ListTile(
+                leading: Visibility(
+                  child: Icon(CupertinoIcons.check_mark),
+                  visible: _supportedLocale == locale,
+                ),
+                title: Text(supportedLocaleNames[SupportedLocale.values[supportedLocales.indexOf(locale)]] ?? ''),
+              ),
+              onTap: () {
+                EasyLocalization.of(context)?.setLocale(locale).then((_) {
+                  if (!kIsWeb) WindowManager.instance.setTitle(LocaleKeys.app_name.tr());
+                });
+                H().sp.setInt(SPKeys.userLanguage, supportedLocales.indexOf(locale));
+              },
+            ),
+          )
+          .toList(),
+    );
+  }
+}

app/lib/widgets/theme_switcher.dart

@@ -0,0 +1,59 @@
+import 'package:dde_gesture_manager/generated/locale_keys.g.dart';
+import 'package:dde_gesture_manager/models/configs.dart';
+import 'package:dde_gesture_manager/models/configs.provider.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:dde_gesture_manager/extensions.dart';
+
+class ThemeSwitcher extends StatelessWidget {
+  const ThemeSwitcher({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var _brightnessMode = context.watch<ConfigsProvider>().brightnessMode;
+    return PopupMenuButton(
+      initialValue: _brightnessMode,
+      child: Row(
+        children: [
+          Icon(Icons.palette_outlined, size: 20),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 3),
+            child: Text(LocaleKeys.theme_label).tr(),
+          ),
+        ],
+      ),
+      padding: EdgeInsets.zero,
+      tooltip: LocaleKeys.theme_label.tr(),
+      itemBuilder: (BuildContext context) => [
+        PopupMenuItem<BrightnessMode>(
+          child: ListTile(
+            leading: Visibility(
+              child: Icon(CupertinoIcons.check_mark),
+              visible: _brightnessMode == BrightnessMode.system,
+            ),
+            title: Text(LocaleKeys.theme_system).tr(),
+          ),
+          onTap: () => context.read<ConfigsProvider>().setProps(brightnessMode: BrightnessMode.system),
+        ),
+        PopupMenuItem<BrightnessMode>(
+          child: ListTile(
+              leading: Visibility(
+                child: Icon(CupertinoIcons.check_mark),
+                visible: _brightnessMode == BrightnessMode.light,
+              ),
+              title: Text(LocaleKeys.theme_light).tr()),
+          onTap: () => context.read<ConfigsProvider>().setProps(brightnessMode: BrightnessMode.light),
+        ),
+        PopupMenuItem<BrightnessMode>(
+          child: ListTile(
+              leading: Visibility(
+                child: Icon(CupertinoIcons.check_mark),
+                visible: _brightnessMode == BrightnessMode.dark,
+              ),
+              title: Text(LocaleKeys.theme_dark).tr()),
+          onTap: () => context.read<ConfigsProvider>().setProps(brightnessMode: BrightnessMode.dark),
+        ),
+      ],
+    );
+  }
+}

app/lib/widgets/version_checker.dart

@@ -0,0 +1,32 @@
+import 'package:dde_gesture_manager/extensions.dart';
+import 'package:flutter/material.dart';
+import 'package:package_info_plus/package_info_plus.dart';
+import 'package:dde_gesture_manager/generated/locale_keys.g.dart';
+
+class VersionChecker extends StatelessWidget {
+  const VersionChecker({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return FutureBuilder<PackageInfo>(
+      future: PackageInfo.fromPlatform(),
+      initialData: null,
+      builder: (context, snapshot) => Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          if (snapshot.hasData && snapshot.data != null)
+            Text(
+              '${LocaleKeys.version_current.tr()} : ${snapshot.data?.version ?? ''}',
+            ),
+          Padding(
+            padding: const EdgeInsets.symmetric(horizontal: 3),
+            child: TextButton(
+              child: Text(LocaleKeys.version_check_update).tr(),
+              onPressed: () {},
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

app/linux/my_application.cc

@@ -40,12 +40,12 @@ static void my_application_activate(GApplication* application) {
   if (use_header_bar) {
     GtkHeaderBar *header_bar = GTK_HEADER_BAR(gtk_header_bar_new());
     gtk_widget_show(GTK_WIDGET(header_bar));
-    gtk_header_bar_set_title(header_bar, "DDE Gesture Manager");
+    gtk_header_bar_set_title(header_bar, "");
     gtk_header_bar_set_show_close_button(header_bar, TRUE);
     gtk_window_set_titlebar(window, GTK_WIDGET(header_bar));
   }
   else {
-    gtk_window_set_title(window, "DDE Gesture Manager");
+    gtk_window_set_title(window, "");
   }
 
   gtk_window_set_default_size(window, 800, 600);

app/pubspec.yaml

@@ -29,14 +29,19 @@ dependencies:
   shared_preferences: ^2.0.7
   xdg_directories: 0.2.0
   gsettings: 0.2.0
+  provider: ^6.0.0
+  package_info_plus: ^1.0.6
   window_size:
     path: 3rd_party/window_size
   xdg_directories_web:
     path: 3rd_party/xdg_directories_web
+  easy_localization: ^3.0.0
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  build_runner: 2.1.2
+  source_gen: 1.1.0
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
@@ -51,6 +56,7 @@ flutter:
 
   # To add assets to your application, add an assets section, like this:
   # assets:
+  #   - resources/langs/
   #   - images/a_dot_burr.jpeg
   #   - images/a_dot_ham.jpeg
 

app/resources/langs/en.json

@@ -0,0 +1,16 @@
+{
+  "theme": {
+    "label": "Theme",
+    "dark": "Dark",
+    "light": "Light",
+    "system": "System"
+  },
+  "version": {
+    "current": "current version",
+    "check_update": "Check for updates"
+  },
+  "app_name": "Gesture Manager for DDE",
+  "language": {
+    "label": "Language"
+  }
+}

app/resources/langs/zh-CN.json

@@ -0,0 +1,16 @@
+{
+  "theme": {
+    "label": "主题",
+    "dark": "深色",
+    "light": "浅色",
+    "system": "跟随系统"
+  },
+  "version": {
+    "current": "当前版本",
+    "check_update": "检查更新"
+  },
+  "app_name": "DDE手势管理器",
+  "language": {
+    "label": "语言"
+  }
+}

app/source_gen.sh

@@ -0,0 +1,6 @@
+#!/usr/bin/env bash
+
+flutter packages pub get
+flutter packages pub run build_runner build --delete-conflicting-outputs
+flutter pub run easy_localization:generate
+flutter pub run easy_localization:generate -f keys -o locale_keys.g.dart