update

example/T_Settings.qml

@@ -0,0 +1,51 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Window
+import QtQuick.Controls
+import FluentUI
+import "qrc:///global/"
+import "./component"
+
+FluScrollablePage{
+
+    title:"Settings"
+    leftPadding:10
+    rightPadding:10
+    bottomPadding:20
+    spacing: 0
+
+    FluArea{
+        Layout.fillWidth: true
+        Layout.topMargin: 20
+        height: 200
+        paddings: 10
+
+        ColumnLayout{
+            spacing: 10
+            anchors{
+                verticalCenter: parent.verticalCenter
+                left: parent.left
+            }
+
+            FluText{
+                text:"NavigationView Display Mode"
+                fontStyle: FluText.BodyStrong
+                Layout.bottomMargin: 4
+            }
+
+            Repeater{
+                id:repeater
+                model: [{title:"Top",mode:FluNavigationView2.Top},{title:"Open",mode:FluNavigationView2.Open},{title:"Compact",mode:FluNavigationView2.Compact},{title:"Minimal",mode:FluNavigationView2.Minimal},{title:"Auto",mode:FluNavigationView2.Auto}]
+                delegate:  FluRadioButton{
+                    selected : MainEvent.displayMode===modelData.mode
+                    text:modelData.title
+                    onClicked:{
+                       MainEvent.displayMode = modelData.mode
+                        console.debug(modelData.mode)
+                    }
+                }
+            }
+        }
+
+    }
+}

example/global/ItemsFooter.qml

@@ -5,17 +5,22 @@ import FluentUI
 
 FluObject{
     id:footer_items
+
+    property var navigationView
+
     FluPaneItemSeparator{}
     FluPaneItem{
-        title:"意见反馈"
-        onTap:{
-            Qt.openUrlExternally("https://github.com/zhuzichu520/FluentUI/issues/new")
-        }
-    }
-    FluPaneItem{
-        title:"关于"
-        onTap:{
+        title:"About"
+        icon:FluentIcons.Contact
+        tapFunc:function(){
             FluApp.navigate("/about")
         }
     }
+    FluPaneItem{
+        title:"Settings"
+        icon:FluentIcons.Settings
+        onTap:{
+            navigationView.push("qrc:/T_Settings.qml")
+        }
+    }
 }

example/global/ItemsOriginal.qml

@@ -308,7 +308,6 @@ FluObject{
                 if(navigationView.getCurrentIndex() === i){
                     return
                 }
-                item.tap()
                 navigationView.setCurrentIndex(i)
                 if(item.parent){
                     item.parent.isExpand = true

example/global/MainEvent.qml

@@ -0,0 +1,10 @@
+pragma Singleton
+
+import QtQuick
+import FluentUI
+
+QtObject {
+
+    property int displayMode : FluNavigationView2.Open
+
+}

example/global/qmldir

@@ -1,2 +1,3 @@
 singleton ItemsOriginal 1.0 ItemsOriginal.qml
 singleton ItemsFooter 1.0 ItemsFooter.qml
+singleton MainEvent 1.0 MainEvent.qml

example/page/MainPage.qml

@@ -15,25 +15,27 @@ FluWindow {
 
     FluAppBar{
         id:appbar
-        z:10
+        z:9
         showDark: true
         width:parent.width
+        darkText: "Dark Mode"
     }
 
-    FluNavigationView{
+    FluNavigationView2{
         id:nav_view
         anchors.fill: parent
         items: ItemsOriginal
         footerItems:ItemsFooter
+        z:11
+        displayMode:MainEvent.displayMode
         logo: "qrc:/res/image/favicon.ico"
-        z: 11
         title:"FluentUI"
         autoSuggestBox:FluAutoSuggestBox{
             width: 280
             anchors.centerIn: parent
             iconSource: FluentIcons.Zoom
             items: ItemsOriginal.getSearchData()
-            placeholderText: "查找"
+            placeholderText: "Search"
             onItemClicked:
                 (data)=>{
                     ItemsOriginal.startPageByItem(data)
@@ -41,8 +43,8 @@ FluWindow {
         }
         Component.onCompleted: {
             ItemsOriginal.navigationView = nav_view
+            ItemsFooter.navigationView = nav_view
             nav_view.setCurrentIndex(0)
-            nav_view.push("qrc:/T_Home.qml")
         }
     }
 

example/qml.qrc

@@ -158,5 +158,7 @@
         <file>component/CodeExpander.qml</file>
         <file>T_TableView.qml</file>
         <file>T_StatusView.qml</file>
+        <file>T_Settings.qml</file>
+        <file>global/MainEvent.qml</file>
     </qresource>
 </RCC>