Qml练习：颜色选择器

最新推荐文章于 2023-09-19 14:02:04 发布

「已注销」

最新推荐文章于 2023-09-19 14:02:04 发布

阅读量1k

点赞数

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

本文链接：https://blog.csdn.net/ssspppfff/article/details/103634604

版权

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

摘要由CSDN通过智能技术生成

实现效果

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

效果如图

在这里插入图片描述

代码：

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);
    }