Qml练习：颜色选择器

「已注销」

于 2019-12-20 16:31:02 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Qt 文章标签： qml qt

本文链接：https://blog.youkuaiyun.com/ssspppfff/article/details/103634604

这篇博客展示了如何在Qml中实现一个颜色选择器功能，用户可以通过点击小色块来改变大矩形的填充颜色。代码包括ColorPicker.qml和main.qml两个部分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果

单击下面小颜色块，改变上方大矩形填充色

效果如图

在这里插入图片描述

代码：

ColorPicker.qml

import QtQuick 2.0

Rectangle {
   
    width: 60
    height: width
    border.width: focus?3:0
    border.color: "white"
    signal colorChecked(color msg)
    MouseArea{
   
        id:m
        anchors.fill: parent
        onClicked:colorChecked(color);
    }

最低0.47元/天解锁文章