如何在 QML 的 gridview 顶部添加文本？

debugcn 发表于 Dev

欧扇

我正在我的程序中设计布局。我想在 gridview 顶部添加一个文本，但我只能让它们重叠在一起。如何在 gridview 顶部添加文本？谢谢。

我的代码：

import QtQuick 2.9
import QtQuick.Controls 2.2
import QtMultimedia 5.8
import QtQuick.Layouts 1.3
import com.contentplayermod.filemodel 1.0
import QtQuick.Window 2.2

ApplicationWindow {
    id:main_win
    visible: true
    width: 640
    height: 480
    title: qsTr("Player")
    property int idx: 0
    property bool isActive: true

    Row {
        Text  {
            id:text1
            anchors.bottom: grid_main.top
            width: 240
            height: 35
            text: myModel.folder.toString()
            font.family: "Helvetica"
            font.pointSize: 20
            color: "blue"
            focus: true

        }
    }


     GridView {
                       id:grid_main
                       anchors.fill: parent
                       anchors.top: text1.bottom
                       cellWidth: 100; cellHeight: 100
                       focus: true
                       currentIndex: 0
                     ...

     }

埃利亚内斯克

你的问题是在GridView你以冲突的方式设置锚点时，一方面你表明它占用了 main_win 的空间，另一方面你表明顶部锚点是文本项。

您必须做的是GridView将文本作为顶部，其他锚点来自父级。

ApplicationWindow {
    id:main_win
    visible: true
    width: 640
    height: 480
    title: qsTr("Player")
    property int idx: 0
    property bool isActive: true

    Text  {
        id:text1
        anchors.top: parent.top
        width: 240
        height: 35
        text: myModel.folder.toString()
        font.family: "Helvetica"
        font.pointSize: 20
        color: "blue"
        focus: true

    }

    GridView {
        id: grid_main
        // annchors
        anchors{
            bottom: parent.bottom
            right: parent.right
            left: parent.left
            top: text1.bottom
        }
        cellWidth: 100; cellHeight: 100
        focus: true
        currentIndex: 0
        ...
    }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。