工具按钮-分配“菜单”属性时,下拉箭头(⯆)与文本重叠

时间:2019-07-19 10:53:10

标签: qml qt-quick qtquickcontrols

如果您为menu:项目分配了ToolButton属性,则QQC1中内容的顶部会自动出现一个向下箭头符号。 Button也会发生同样的情况。

import QtQuick 2.4
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.4

Item {
    width: 400
    height: 400

    Column {
        anchors.fill: parent

        ToolBar { // simple version
            Row {
                height: 25
                ToolButton {
                    text: "One"
                }
                ToolButton {
                    text: "Two"
                }
                ToolButton {
                    text: "hello i am the bugged item"
                    menu: Menu {
                        MenuItem {
                            text: "menu item"
                        }
                    }
                }
                ToolButton {
                    text: "Three"
                }
            }
        }

        ToolBar { // advanced version
            Row {
                ToolButton {
                    text: "bar 2 button"
                }
                ToolButton {
                    implicitWidth: 32 * 3.8

                    menu: Menu {
                        MenuItem {
                            text: "menu item"
                        }
                    }

                    Item {
                        // wrapper for Image (add margins)
                        width: 26
                        height: 32
                        implicitHeight: 32
                        implicitWidth: 32
                        id: img
                        Image {
                            width: 32 * 0.6
                            height: 32 * 0.6
                            verticalAlignment: Image.AlignVCenter
                            source: "qrc:/icons/book.png"
                            anchors {
                                fill: parent
                                topMargin: 5
                                bottomMargin: 5
                                leftMargin: 4
                            }
                        }
                    }

                    Text {
                        height: 32
                        text: "My own Books"
                        anchors {
                            left: img.right
                            leftMargin: 2
                        }

                        verticalAlignment: Text.AlignVCenter
                    }

                    Layout.preferredHeight: 32
                    Layout.preferredWidth: implicitWidth
                }

                ToolButton {
                    text: "bar 2 button 2"
                }
            }
        }
    }
}

它看起来不错,直到我添加了一个下拉菜单,现在我在ToolButton项的水平中心正好看到一个讨厌的“箭头”符号⯆。它仅在运行时可见,而在设计器中不可见。

(尽管两个示例是不同的(一个只是带有菜单的工具按钮,另一个是内部具有自己的Text和Image的工具按钮,但它们始终显示为向下箭头字符)。 enter image description here

我如何摆脱它?

更新

添加了屏幕截图和高级QML示例

0 个答案:

没有答案