feat: main framework complete.

app/lib/widgets/footer.dart

@@ -1,8 +1,9 @@
-import 'package:dde_gesture_manager/models/configs.dart';
-import 'package:dde_gesture_manager/models/configs.provider.dart';
+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';
-import 'package:dde_gesture_manager/extensions.dart';
 
 class Footer extends StatefulWidget {
   const Footer({Key? key}) : super(key: key);
@@ -14,7 +15,6 @@ class Footer extends StatefulWidget {
 class _FooterState extends State<Footer> {
   @override
   Widget build(BuildContext context) {
-    var _brightnessMode = context.watch<ConfigsProvider>().brightnessMode;
     return Container(
       color: context.t.backgroundColor,
       child: Padding(
@@ -23,42 +23,14 @@ class _FooterState extends State<Footer> {
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
-            Container(),
-            PopupMenuButton(
-              initialValue: _brightnessMode,
-              icon: Icon(Icons.brightness_4_outlined),
-              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),
-                ),
+            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: () {},
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}