Question

我正在编码一个可通过单击以下内容将其扩展为FullRepresentation的小部件：

                onClicked: {
                    plasmoid.expanded = !plasmoid.expanded 
                }

我有一个更新其内容并将其放入Gridview的函数。首先从Component.onCompleted调用update函数，但是每当用户更新数据时，我都会调用它。问题在于，我输入到可扩展FullRepresentation中的数据可以包含不同数量的元素，这些元素我可以放入gridview并根据该数字计算其AND FullRepresentation的大小。

但是，我发现我只能从Component.onCompleted块中指定表示形式的大小。当我在其外部调用update函数时，无论大小是否在item属性中定义，它都不会更改大小：

Item 
{
    id: fullRepresentation
    width: no_items > 2 ? 465 : no_items * 155
    height: Math.ceil(no_items / 3)* 155    
    property int no_items

...并且我只尝试从UpdateFunction更改no_items属性，或者尝试从中运行两个方程式。

有什么办法解决吗？我还尝试了隐式高度和隐式宽度属性。我真的很想能够动态调整主要可扩展表示形式的大小，很难对它进行硬编码然后有很多未填充的空间。

编辑：这是要求的示例：

Root.qml

import org.kde.plasma.plasmoid 2.0
import QtQuick 2.2

Item
{
    id: root
    width: 185; height: 185
    Plasmoid.compactRepresentation: Compact {}
    Plasmoid.fullRepresentation: Full {}
    Plasmoid.preferredRepresentation: Plasmoid.compactRepresentation
    signal addItems() 
}

Compact.qml

import QtQuick 2.2

Item
{
    Rectangle
    {      
        width: root.width; height: root.height
        MouseArea
        {
            anchors.fill: parent
            acceptedButtons: Qt.LeftButton | Qt.RightButton
            onClicked: if (mouse.button == Qt.RightButton) root.addItems()
                       else plasmoid.expanded = !plasmoid.expanded
        }
    }
}

Full.qml

import QtQuick 2.2

Item 
{
    width: no_items > 2 ? 465 : no_items * 155
    height: Math.ceil(no_items / 3)* 155    
    property int no_items : 0
    function redrawGridView()  
    {        
        readingListModel.clear()       
        var i
        for (i = 0; i < no_items; i++) readingListModel.append({})                
    }     
    function addItems()
    {
        no_items = 6
        width = no_items > 2 ? 465 : no_items * 155
        height = Math.ceil(no_items / 3)* 155    
        redrawGridView()
    }

    ListModel 
    {
        id: readingListModel
    }

    GridView 
    { 
        id: readingGridView
        width: count > 2 ? 465 : count * 155
        height: Math.ceil(count/3) * 155
        cellWidth: 155; cellHeight: 155
        model: readingListModel
        delegate: Rectangle
        {                  
            width: 150; height: 150;
        }
    }

   Component.onCompleted:
    {            
        root.addItems.connect(addItems)    
        no_items = 3  
        redrawGridView()
    }
}

Answer 1

好吧，我没有答案，但我自己已经弄清楚了。确实，使用plasmoid.expanded方法和“完全表示”方法似乎不可能实现这一点，并且会产生其他错误，正如我在评论中提到的那样。

但是您可以在代码中的任何位置动态调整Window项的大小，因此效果很好：

在Compact.qml中

    Full
    {  
        id: fullRep
    }  
    MouseArea
    {
        anchors.fill: parent
        onClicked: 
        {
            if (!fullRep.visible) fullRep.show()
            else fullRep.close()
        }
    }

Full.qml的开始

Window
{
    x: 100;y: 100
    width: 465;height: 195
    color: theme.backgroundColor
    flags: Qt.FramelessWindowHint //You can make it frameless like the expandable  
                                 //representation is when using the previous method

无法动态更改Component.onCompleted

1 个答案: