美文网首页Qt学习
QML 美化界面

QML 美化界面

作者: SmileAgain_e | 来源:发表于2018-06-26 18:34 被阅读31次

1、设置应用图标

  1、需要图为.ico 格式 ;2、RC_ICONS = image/logo.ico  (相对路径 )若在qrc/  下 则RC_ICONS =  logo.ico ;3、重新make

图片位置

2、应用程序(ApplicationWindow)隐藏标题栏、最小化、拖拽

隐藏标题栏: flags:Qt.FramelessWindowHint|Qt.Window //去掉标题栏(标题栏提供了最大化,最小化、拖拽)

最小化:mainWindow.visibility=Window.Minimized(ApplicationWindow的id是mainWindow)

ApplicationWindow进行随意拖拽:

MouseArea{

        anchors.fill: parent

        acceptedButtons: Qt.LeftButton

        property point cliCkPos: "0,0"

        onPressed: {

            cliCkPos=Qt.point(mouse.x,mouse.y) //得到鼠标的位置

        }

        onPositionChanged: {//鼠标按下后位置改变

            var delta=Qt.point(mouse.x-cliCkPos.x,mouse.y-cliCkPos.y)

            mainWindow.x=(mainWindow.x+delta.x) //

            mainWindow.y=(mainWindow.y+delta.y)

        }

    } //MouseArea end

3、常用控件的封装(下拉框、checkbox、对话框)以后可以直接在基础上扩展

效果图:

下拉框1 下拉框2 checkbox 弹框

资源地址: qml基础知识(对话框、checkbox、下拉框)-CSDN下载

相关文章

  • QML 美化界面

    1、设置应用图标 1、需要图为.ico 格式 ;2、RC_ICONS = image/logo.ico (相对路...

  • 官方提供的基础指南一

    1.Hello World 程序 2.QML 实现GUI界面 QML 使用声明式语法实现GUI界面,要使用QML实...

  • PyQt5

    用QML渲染界面 第一种: 通过QQickView 注意: QQickView的main.qml根节点不能是App...

  • QML Book 第四章 入门 1

    4. 出发 本章概述 Qt 5 中使用的声明式用户界面语言 QML。我们将讨论 QML 语法,这是一个元素树,其次...

  • Day25作业

    界面未美化

  • Qml界面渲染机制

    渲染层次: 渲染循环分三种,basic, windows, and threaded,其中Basic和Window...

  • AndroidStudio界面美化

    Tips: 如果你发现以下主题和插件无法下载,那就是被墙了。如果你懒得找梯子,可以评论留邮箱,我发种子梯子给你。 ...

  • 11.21c#总结

    今天做设计,完成了界面美化。

  • Qt中的界面美化简介

    ​Hello,大家好,最近有很多朋友都很关心程序界面的美化问题,那么小豆君就从美化界面这个问题开始,跟大家分享如何...

  • QML 模仿TIM登录界面

    1、需要知识 TIM 所用基础控件(Item Text、Rectangle、TextInput等)、事件(鼠标事件...

网友评论

    本文标题:QML 美化界面

    本文链接:https://www.haomeiwen.com/subject/twxmyftx.html