feat(learning_pages_build): add WordCard overview page

完成了单词总览界面的基本实现

Signed-off-by: OctagonalStar <[email protected]>

Author: OctagonalStar

lib/funcs/ui.dart

@@ -464,6 +464,7 @@ class WordCard extends StatelessWidget {
                             style: ElevatedButton.styleFrom(
                               fixedSize: Size(width ?? (mediaQuery.size.width * 0.9), height == null ? (mediaQuery.size.height * 0.3) : height! * 0.6),
                               backgroundColor: Colors.transparent,
+                              shadowColor: Colors.transparent,
                               shape: RoundedRectangleBorder(borderRadius: BorderRadiusGeometry.vertical(bottom: Radius.circular(25.0)))
                             ),
                             onPressed: (){

lib/pages/learning_page.dart

@@ -17,38 +17,62 @@ class LearningPage extends StatelessWidget {
       child: Column(
         mainAxisAlignment: MainAxisAlignment.start,
         children: [
-          ElevatedButton(
-            style: ElevatedButton.styleFrom(
-              backgroundColor: Theme.of(context).colorScheme.onPrimary.withAlpha(150),
-              shadowColor: Colors.transparent,
-              fixedSize: Size(mediaQuery.size.width * 0.9, mediaQuery.size.height * 0.2),
-              shape: RoundedRectangleBorder(
-                borderRadius: BorderRadiusGeometry.vertical(bottom: Radius.circular(25.0)),
-              ),
-            ),
-            onPressed: () {
-              shiftToStudy(context, 0);
-            },
-            child: Container(
-              width: mediaQuery.size.width * 0.9,
-              height: mediaQuery.size.height * 0.2,
-              alignment: Alignment.center,
-              child: Column(
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: [
-                  Icon(Icons.sync_alt, size: 24.0),
-                  Text(
-                    '中阿混合学习',
-                    style: TextStyle(fontSize: 40.0, fontWeight: FontWeight.bold),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+            children: [
+              ElevatedButton(
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Theme.of(context).colorScheme.onPrimary.withAlpha(150),
+                  shadowColor: Colors.transparent,
+                  fixedSize: Size(mediaQuery.size.width * 0.5, mediaQuery.size.height * 0.2),
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadiusGeometry.vertical(bottom: Radius.circular(25.0)),
                   ),
-                  SizedBox(height: mediaQuery.size.height * 0.01),
-                  Text(
-                    '还有${(context.read<Global>().wordCount - context.read<Global>().settingData["learning"]["KnownWords"].length).toString()}个单词待学习~',
-                    style: TextStyle(fontSize: 12.0),
+                ),
+                onPressed: () {
+                  shiftToStudy(context, 0);
+                },
+                child: FittedBox(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Icon(Icons.sync_alt, size: 24.0),
+                      Text(
+                        '中阿混合学习',
+                        style: TextStyle(fontSize: 40.0, fontWeight: FontWeight.bold),
+                      ),
+                    ],
                   ),
-                ],
+                ),
               ),
-            ),
+              ElevatedButton(
+                style: ElevatedButton.styleFrom(
+                  backgroundColor: Theme.of(context).colorScheme.onPrimary.withAlpha(150),
+                  shadowColor: Colors.transparent,
+                  fixedSize: Size(mediaQuery.size.width * 0.4, mediaQuery.size.height * 0.2),
+                  shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadiusGeometry.vertical(bottom: Radius.circular(25.0)),
+                  ),
+                ),
+                onPressed: (){
+                  Navigator.push(
+                    context, 
+                    MaterialPageRoute(
+                      builder: (context) => WordCardOverViewPage()
+                    )
+                  );
+                },
+                child: FittedBox(
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Icon(Icons.abc, size: 24),
+                      Text("词汇总览", style: TextStyle(fontSize: 40.0, fontWeight: FontWeight.bold)),
+                    ],
+                  ),
+                ), 
+              )
+            ],
           ),
           SizedBox(height: mediaQuery.size.height * 0.01),
           Row(

lib/sub_pages_builder/learning_pages/learning_pages_build.dart

@@ -559,4 +559,36 @@ class _ConcludePageState extends State<ConcludePage> {
       ),
     );
   }
+}
+
+class WordCardOverViewPage extends StatefulWidget {
+  const WordCardOverViewPage({super.key});
+
+  @override
+  State<StatefulWidget> createState() => _WordCardOverViewPage();
+}
+
+class _WordCardOverViewPage extends State<WordCardOverViewPage> {
+
+  @override
+  Widget build(BuildContext context) {
+    MediaQueryData mediaQuery = MediaQuery.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("单词总览"),
+      ),
+      body: GridView.builder(
+        itemCount: context.read<Global>().wordData["Words"].length,
+        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 3), 
+        itemBuilder: (context, index) {
+          return WordCard(
+            word: context.read<Global>().wordData["Words"][index],
+            useMask: false,
+            height: mediaQuery.size.height * 0.4,
+          );
+        }
+      ),
+    );
+
+  }
 }