Color picker

Buenas,
un pequeño aporte

Requiere 7.11 [attachment=26987,2105]

ColorPicker.zip (10.7 KB)

ColorPicker.zip (10.7 KB)

Referencias
http://blog.ruslans.com/2010/12/cute-quick-colorpicker.html
https://github.com/silverio/qt/blob/master/colorpicker/colorpicker.qml

Hay un error en el qml que no cambia el color del panel cuando se cambia el color base, si alguno de los entendidos los arregla por favor postearlo

Cambiar en la linea 19 hueSlider.value por ColorUtils.hsba(hueSlider.value, 1.0, 1.0, 1.0, 1.0):
// saturation/brightness picker box SBPicker { id: sbPicker <strong>hueColor : hueSlider.value</strong> // cambiar por ColorUtils.hsba(hueSlider.value, 1.0, 1.0, 1.0, 1.0) width: parent.height; height: parent.height }

Perfecto @bitcodesoft,
subo el vin modificado.

Añado además, que si se quiere devolver el canal alfa del color: cambiar en la linea 13
colorValue.toString() por ColorUtils.fullColorString(colorPicker.colorValue, alphaSlider.value)

[attachment=26997,2106]

ColorPicker.zip (4.68 KB)

ColorPicker.zip (4.68 KB)

@manuel.rd.gmail @bitcodesoft

Gracias por el aporte

saludos
Antonio Vela
http://www.velavisual.com

Gracias Manuel

Hola,

he utilizado el selector de color que hay en los ejercicios de Paco Satué,

¿alguien sabe indicarme como puedo capturar y guardar el color en el formulario, para alimentar datos de una rejilla?

siempre se queda guardado el color que indica en la propiedad color en el codigo qml:

ColorDialog {
id: colorDialog
visible: colorDialogVisible.checked
modality: colorDialogModal.checked ? Qt.WindowModal : Qt.NonModal
title: “Choose a color”
color: “blue”
showAlphaChannel: colorDialogAlpha.checked
onAccepted: { console.log("Accepted: " + color) }
onRejected: { console.log(“Rejected”) }
}

saludos

image

Paso el valor a una variable local del QML y luego la lees.

Hola Manuel,

gracias por responder, pero no he conseguido capturar el color desde el formulario QML, en un formulario o en una rejilla de Velneo.

http://doc.qt.io/qt-5/qtquickdialogs-systemdialogs-colordialogs-qml.html

si te interesa asesorarme en este ejercicio y me indicas el precio, este es mi correo electrónico:

dani-torro@hotmail.com

gracias

saludos

En el onAccepted: { theRoot.setVar(“COLOR”, color) }

Debes revisar la documentación con respecto a QML de las clases javascript para poder avanzar.