How to put borders for a camera preview in QML

Pradeep Kumar

Hi,

I have a query, how can we put border for an Camera in QML.

Thanks,

? Offline

Hi! Just place the video output on top of a rectangle:

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtMultimedia 5.6

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Rectangle {
        id: rect
        width: 300
        height: 200
        color: "red"
        border.color: "red"
        border.width: border_width
        radius: border_width

        property int border_width: 10

        Camera {
            id: camera
        }

        VideoOutput {
            id: videoOutput
            source: camera
            width: parent.width - rect.border_width*2
            height: parent.height - rect.border_width*2
            anchors.centerIn: rect
        }
    }
}

Pradeep Kumar

Hi @Wieland

Thanks , it is working.
I am customizing your application so i can get dotted borders and at cornered gets highlighted.

https://www.google.co.in/search?q=dotted+cornered+images&espv=2&biw=1309&bih=651&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjwmY2unZnQAhWKOo8KHQiRAQEQ_AUIBigB#imgrc=q8vaPeDsNyCnOM%3A