在QML中按下時，Tableview行應更改

Question

我的代表是表視圖中的圖像，如何更改在onPressed和onReleased中選擇的行的圖像，它應該返回到其原始狀態。

itemDelegate: Image
            {
                id:item_id
                height: (tableView.height/(listmodel.count < 4 ? listmodel.count : 4))
                source:
                {
                    var activeRow = tableView.currentRow === styleData.row
                    (activeRow ? Image 1 : styleData.row % 2 ? (image 2): (image 3))
                }

                MouseArea
                {
                    id:table_mouse_id
                    anchors.fill: parent

                    onPressed:
                    {
                       source = image 4
                    }

                    onReleased:
                    {
                        tableView.currentRow = styleData.row
                    }
                }

Answer 1

您可以使用MouseArea的pressed屬性：

source: {
            var activeRow = tableView.currentRow === styleData.row;
            (activeRow ? table_mouse_id.pressed ? image4 //pressed
                                                : Image1 //active
                       : styleData.row % 2 ? (image2)  //odd
                                           : (image3)) //even
        }

重要說明：您應該刪除onPressed處理程序，因為這將覆蓋綁定（這也可能是它在當前設置中不起作用的原因）