FluentUI/Gallery/res/qml/component/base/AnchorChoose.qml

import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import FluentUI.Controls
import FluentUI.impl

Rectangle{
    width: 26
    height: 26
    color: "transparent"
    anchors.verticalCenter: parent.verticalCenter
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 0
        anchors.topMargin: 0
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 0
        anchors.topMargin: 10
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 0
        anchors.topMargin: 20
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 10
        anchors.topMargin: 0
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 10
        anchors.topMargin: 10
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 10
        anchors.topMargin: 20
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 20
        anchors.topMargin: 0
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 20
        anchors.topMargin: 10
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
    Rectangle{
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.leftMargin: 20
        anchors.topMargin: 20
        width: 5
        height: 5
        color: Qt.rgba(216/255,216/255,216/255, 0.2)
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered: parent.color = "#ffffff"
            onExited: parent.color = Qt.rgba(216/255,216/255,216/255, 0.2)
        }
    }
}