Связать слайдеры и ползунки

@Rembee · Регистрация: 14.01.2019

Javascript

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.11
import QtQuick.Controls 2.15
 
Window {
id: window
width: 640
height: 480
visible: true
title: qsTr("Hello World")
 
ColumnLayout {
 
id: columnLayout
anchors.fill: parent
spacing: none.none
 
 
Rectangle {
id: rectangle
width: 200
height: 200
color: "#cca2ca"
Layout.fillWidth: false
Layout.fillHeight: true
}
}
 
 
 
RowLayout {
id: rowLayout
x: 0
y: 0
width: 199
height: 256
Text {
id: text1
text: qsTr("Высота")
font.pixelSize: 12
}
Slider {
id: slider
from: 0
Layout.fillHeight: true
value: 0.5
}
 
 
}
 
RowLayout {
id: rowLayout1
x: 0
y: 0
width: 199
height: 155
Text {
id: text2
text: qsTr("Ширина")
font.pixelSize: 12
}
Slider {
id: slider1
from: 0
Layout.fillWidth: true
value: 0.5
}
 
 
}
 
RowLayout {
id: rowLayout2
x: 0
y: 0
width: 199
height: 61
Text {
id: text3
text: qsTr("Толщина")
font.pixelSize: 12
}
Slider {
id: slider2
from: 0
Layout.fillWidth: true
value: 0.5
}
 
 
}
 
Rectangle {
id: rectangle1
x: 341
y: 149
width: 174
height: 172
color: "#00000000"
border.color: "#70075e"
}
 
}

Как в этом коде связать слайдеры с рамкой, чтобы при перемещении ползунка менялось одно из свойств рамки?

@insite2012 · 03.11.2020, 17:22

Сообщение от Rembee

при перемещении ползунка менялось одно из свойств рамки?

О какой рамке речь?

@Rembee · 03.11.2020, 17:53 **[ТС]**

Квадрат на скриншоте

Croessmah · 04.11.2020, 12:01

Как-то так:

Код

//slider:
from: 0.0
to: 1.0

Код

//rectangle
width: maxRectWidth * slider.value
height: maxRectHeight * slider.value

@Rembee · 04.11.2020, 13:13 **[ТС]**

Этот код реагирует словно maxRectWidth и maxRectHeight равны нулю.

Croessmah · 04.11.2020, 13:20

Код

import QtQuick 2.13
import QtQuick.Window 2.13
import QtQuick.Controls 2.12

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


	Slider {
		id: slider
		width: 100
		height: 24
		from: 0.0
		to: 1.0
	}

	Rectangle {
		anchors.centerIn: parent
		property int maxWidth: 400
		property int maxHeight: 400
		width: maxWidth * slider.value
		height: maxHeight * slider.value
		border {
			width: 1
			color: "red"
		}
	}
}

@insite2012 Модератор 5303 / 4098 / 1182 Регистрация: 12.10.2013 Сообщений: 11,909 Записей в блоге: 2
	03.11.2020, 17:22	2
	Сообщение от Rembee при перемещении ползунка менялось одно из свойств рамки? О какой рамке речь? 0

@Rembee 2 / 1 / 1 Регистрация: 14.01.2019 Сообщений: 21
	03.11.2020, 17:53 [ТС]	3
	Квадрат на скриншоте 0

Croessmah Don't worry, be happy 16958 / 9839 / 1895 Регистрация: 27.09.2012 Сообщений: 24,394 Записей в блоге: 2
	04.11.2020, 12:01	4
	Как-то так: Код //slider: from: 0.0 to: 1.0 Код //rectangle width: maxRectWidth * slider.value height: maxRectHeight * slider.value 0

@Rembee 2 / 1 / 1 Регистрация: 14.01.2019 Сообщений: 21
	04.11.2020, 13:13 [ТС]	5
	Этот код реагирует словно maxRectWidth и maxRectHeight равны нулю. 0

Опции темы

Связать слайдеры и ползунки

Решение