开发者社区> 狐狸家的鱼> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

QML学习笔记(六)-自定义控件-Button

简介: 源码:https://github.com/sueRimn/QML-ExampleDemos 按钮控件也是一个组成部分,单独成一个文件 我自定义了一个按钮的控件,边框按钮,鼠标悬浮经过、按压按钮,都会变色,效果如下,录制软件没有将鼠标录入。
+关注继续查看

源码:https://github.com/sueRimn/QML-ExampleDemos

按钮控件也是一个组成部分,单独成一个文件

我自定义了一个按钮的控件,边框按钮,鼠标悬浮经过、按压按钮,都会变色,效果如下,录制软件没有将鼠标录入。

取名叫BorderButton,首字母要大写

1.BorderButton.qml

import QtQuick 2.0
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
Button{
    id:appBtn;
    property alias borderbtnText: tex.text
    width: parent.width;
    height: parent.height;
    style: ButtonStyle{
        background: Rectangle{
            color: control.pressed ? "#00cc00" : control.hovered ? "#00cc00" : control.activeFocus ? "#00cc00" : "#ffff00"
            border.color: "#00cc00"
            radius: 3;
            anchors.fill: parent;
        }
    }
    Text{
        id:tex;
        color: parent.pressed ? "#ffff00" : parent.hovered ? "#ffff00" : parent.activeFocus ? "#ffff00" : "#00cc00"
        font.pointSize:12;
        anchors.centerIn: parent;
        text: "";
    }
}

2.main.qml

引用BorderButton.qml控件


    Rectangle{
        anchors.fill: parent;

        color: "#ffff00"
        BorderButton{
            width: 100;
            height: 50;
            anchors.verticalCenter: parent.verticalCenter;
            anchors.horizontalCenter: parent.horizontalCenter
            borderbtnText: "Button"
        }
    }


 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Qt编写自定义控件32-等待进度条控件
一、前言 在各种各样的执行任务界面,有时候需要比较多的时间,需要给出一个直观的等待进度条表示当前正在执行的进度,而不至于懵逼在那里,用户不会觉得程序死了还是干嘛了。等待进度条有好几种办法,比如直接叫美工做好gif图,用QLabel配合QMovie来加载gif图片,这种方法最简单最省事,或者做好多张进度条的图片,采用定时贴图来实现,这些办法省事归省事,就是还不够灵活,写死了,比如有时候需要更换颜色或者换一种展示形式,又需要美工重新做图了,折磨的要死。
1706 0
Qt编写自定义控件39-导航标签
一、前言 在很多菜单导航界面中,当单击了二级菜单或者三级菜单以后,顶部会显示带箭头或者其他标识的导航标签,可以单击该标签快速切换到对应的界面,也作为指示当前处于哪一级菜单下的界面,主要在WEB中大肆流行,在CS架构的项目中也逐渐应用开来,发现现在越来越多的CS开发的程序,都学习和模仿并应用BS架构的程序中好的方面,尤其是UI方面,取长补短,挺好,专业UI设计师的美感比绝大多数程序员的美感要好很多,他们设计出来的效果都是非常棒的,我个人喜欢去UI中国参看学习各种各样的UI设计,看到好的会下载下来,直接搞个拾色器查看颜色,看下人家的颜色配色搭配的多好。
722 0
Qt编写自定义控件9-导航按钮控件
一、前言 导航按钮控件,主要用于各种漂亮精美的导航条,我们经常在web中看到导航条都非常精美,都是html+css+js实现的,还自带动画过度效果,Qt提供的qss其实也是无敌的,支持基本上所有的CSS2属性,配合QPainter这个无敌大法工具,没有什么不能绘制的。
976 0
Qt编写自定义控件23-广告轮播控件
一、前言 广告轮播这个控件做的比较早,是很早以前定制一个电信客户端时候用到的,该客户端需要在首页展示轮播预先设定好的图片,图片的路径可以自由设定,然后轮播的间隔速度可以自由控制,同时该控件还需要提供两种指示器的风格,一种是迷你型的样式,一种是数字型的样式。
648 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载