zhuzichu520 / FluentUI

FluentUI for QML
MIT License
3.16k stars 422 forks source link

请问FluNavigationView上方增加一排按钮有办法实现么 #390

Open BugTan opened 6 months ago

EveryOrigin commented 6 months ago

我记得返回键和LOGO那里 是留了一个actionItem的loader。可以直接指定FluNavigationView的actionItem到一个自定义的component

BugTan commented 6 months ago

image 可能和您理解的不一样,我大概想实现这样一个效果

EveryOrigin commented 6 months ago

image 可能和您理解的不一样,我大概想实现这样一个效果

那好像自己布局一下就好了

FluWindow {

    id: mainWindow
    minimumWidth: Screen.width * 0.7
    minimumHeight: Screen.desktopAvailableHeight * 0.7
    launchMode: FluWindowType.SingleTask
    closeDestory: true
    backgroundColor: "#fbfbfb"
    fitsAppBarWindows: false

    Column {
        Row {
            id: toolArea
            width: parent.width
            height: 80
        }

        NavigationView {
            id: navView
            width: parent.width
            height: parent.height - toolArea.height
            z: 10
            //hideNavAppBar: true
            title: "XXX"
            logo: "qrc:/res/favicon.ico"
            backBtnVisible: false
            pageMode: FluNavigationViewType.Stack
            displayMode: FluNavigationViewType.Minimal
            items: NavigationContent{ navigationView: navView}
            topPadding: FluTools.isMacos() ? 20 : 0
            Component.onCompleted: setCurrentIndex(0)
        }
    }
}
BugTan commented 6 months ago

感谢回复,这个我之前也试过,刚刚又试了一下会报下面这种崩溃 QML Column: Column called polish() inside updatePolish() of Column qrc:/qt/qml/lenDetect/qml/window/Main.qml:67:5: QML Column: possible QQuickItem::polish() loop qrc:/qt/qml/lenDetect/qml/window/Main.qml:67:5: QML Column: Column called polish() inside updatePolish() of Column

suterberg commented 6 months ago

感谢回复,这个我之前也试过,刚刚又试了一下会报下面这种崩溃 QML Column: Column called polish() inside updatePolish() of Column qrc:/qt/qml/lenDetect/qml/window/Main.qml:67:5: QML Column: possible QQuickItem::polish() loop qrc:/qt/qml/lenDetect/qml/window/Main.qml:67:5: QML Column: Column called polish() inside updatePolish() of Column

循环调用了,找找polish的文档看看

BugTan commented 6 months ago

感谢回复,这个我之前也试过,刚刚又试了一下会报下面这种崩溃 QML Column: Column called polish() inside updatePolish() of Column qrc:/qt/qml/lenDetect/qml/window/Main.qml:67:5: QML Column: possible QQuickItem::polish() loop qrc:/qt/qml/lenDetect/qml/window/Main.qml:67:5: QML Column: Column called polish() inside updatePolish() of Column

循环调用了,找找polish的文档看看

我把column改成ColumnLayout倒是不报错了,但是FluNavigationView显示的不正确了,难顶,估计FluNavigationView里面的代码要大改

suterberg commented 6 months ago

这个效果? 无标题8

suterberg commented 6 months ago

这个得修改源码,把接口引出来,这个只是个演示,FluNavigationView 681 无标题9

BugTan commented 6 months ago

对,差不多是这个意思,非常感谢,我自己再调整下就能用了