Breaking News: Grepper is joining You.com. Read the official announcement!

add handlers to shapes by type to be able to resize them. use Repeater and DelegateChooser QML Type for draw shapes provided from ListModel. each changing should be saved in this model. provide example of model that contains each type of shapes

Easy Eland answered on June 23, 2023 Popularity 1/10 Helpfulness 1/10

answer add handlers to shapes by type to be able to resize them. use Repeater and DelegateChooser QML Type for draw shapes provided from ListModel. each changing should be saved in this model. provide example of model that contains each type of shapes

add handlers to shapes by type to be able to resize them. use Repeater and DelegateChooser QML Type for draw shapes provided from ListModel. each changing should be saved in this model. provide example of model that contains each type of shapes

Comment

import QtQuick 2.15
import QtQuick.Shapes 1.15

Item {
    width: 400
    height: 400

    ListView {
        id: shapeListView
        width: parent.width
        height: parent.height
        model: shapeModel
        delegate: DelegateChooser {
            model: shapeModel
            role: "type"

            Rectangle {
                delegate: ShapeDelegate {}
                when: model.type === "Rectangle"
            }

            Ellipse {
                delegate: ShapeDelegate {}
                when: model.type === "Ellipse"
            }

            RoundedRectangle {
                delegate: ShapeDelegate {}
                when: model.type === "RoundedRectangle"
            }

            ClosedFreehandShape {
                delegate: ShapeDelegate {}
                when: model.type === "ClosedFreehandShape"
            }
        }
    }

    Component {
        id: shapeDelegateComponent
        Rectangle {
            id: shapeDelegate

            width: model.width
            height: model.height
            color: model.fillColor
            border.color: model.borderColor
            border.width: model.borderWidth

            DragHandler {
                target: shapeDelegate
            }

            ResizeHandler {
                id: resizeHandler
                target: shapeDelegate
                width: shapeDelegate.width
                height: shapeDelegate.height
                enabled: shapeDelegate.resizable
            }

            onXChanged: model.x = x
            onYChanged: model.y = y
            onWidthChanged: model.width = width
            onHeightChanged: model.height = height
            onColorChanged: model.fillColor = color
            onBorderColorChanged: model.borderColor = border.color
            onBorderWidthChanged: model.borderWidth = border.width
        }
    }

    Repeater {
        id: shapeRepeater
        model: shapeModel

        delegate: shapeDelegateComponent
    }

    ListModel {
        id: shapeModel

        ListElement { type: "Rectangle"; x: 50; y: 50; width: 100; height: 100; fillColor: "green"; borderColor: "black"; borderWidth: 2; resizable: true }
        ListElement { type: "Ellipse"; x: 200; y: 150; width: 150; height: 100; fillColor: "blue"; borderColor: "black"; borderWidth: 2; resizable: true }
        ListElement { type: "RoundedRectangle"; x: 100; y: 300; width: 120; height: 80; cornerRadius: 10; fillColor: "yellow"; borderColor: "black"; borderWidth: 2; resizable: true }
        ListElement { type: "ClosedFreehandShape"; x: 250; y: 250; width: 150; height: 150; fillColor: "red"; borderColor: "black"; borderWidth: 2; resizable: true }
    }
}

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: chat.openai.com

Tags: add contains draw each handlers model qml repeater shapes this whatever

Link to this answer
Share Copy Link

Contributed on Jun 23 2023

Easy Eland

0 Answers Avg Quality 2/10

add handlers to shapes by type to be able to resize them. use Repeater and DelegateChooser QML Type for draw shapes provided from ListModel. each changing should be saved in this model. provide example of model that contains each type of shapes

Contents

More Related Answers

add handlers to shapes by type to be able to resize them. use Repeater and DelegateChooser QML Type for draw shapes provided from ListModel. each changing should be saved in this model. provide example of model that contains each type of shapes

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.