想问一下大家,现在QT界面编程中怎么把界面做的好看一点?就比如这个界面,这些按钮的效果是用的什么技术

想问一下大家,现在QT界面编程中怎么把界面做的好看一点?就比如这个界面,这些按钮的效果是用的什么技术,第1张

这个一般人都会靠重载控件的paint函数来做.让按钮背景透明,失去按钮原来方方正正的边框然后在上面贴一个好看的按钮图袭答迅片.相应按钮不同状态做不同的处理.(比如按下的时候让按钮颜色表按之类的)但是工作量,就是一个大啊.重载一两个控件还行.

Qt里面还可以用(视图,场景,模型举握)QGraphicsView,QGraphicsIitem.等等这一系列的类来开发不规则控件.用起来比较灵活.听说Qt Demo 就是用这个框架来开发的.

一个书上说比较好用的方法就是用QStyle来写界面的风拍此格,不过对个人能力的要求还是比较搞的.搞过一两次,觉得是挺好用.比起上两个来说工作量小很多.但是要了解QStyle的用法....老实说这个东西实在很难.

另外你还可以用qss来搞.一种Qt中使用的css,虽然官方一直说是参考css搞出来的东西.但我怎么看都是一个样....

用代码搞了那么久的Qt界面美化.一直到qml出现了.我爱死他了.如果你一定要搞的话我建议你用qml来搞.那就是一个给力.就是有一点,现在qml的资料少得可怜...

最后.如果你是初学者的话最好不要去硬搞界面美化这一块....很伤的...到后面你会慢慢明白搞界面美化不是一个人可以做的事.你至少需要一个美工吧....呵呵呵呵....上述一切均为个人意见.仅供参考.....

我先来抛砖引玉吧

1)内嵌VC开发的话,可以使用visual

studio的各种C++功能,文本编辑/自动补全/调试等等和普通的C++哪野握开发差不多,gui界面会调用designer插件,这个vc/eclipse/kdevelop/qt

creator都一脊态样。相对来说比李庆较方便。但是因为visua...

1

Qt Quick Controls2的默认风格是一种朴素,轻量的风格,这种风格体现在控件的所有方面。其好处就是能够最大程度提高你的App性能

2

Qt Quick还根据谷歌提出的Material Design设计规则,提供了一套界面精美诱人的风格方案,相对默认风格来说,这种风格会更消耗系统资源

3

Qt Quick还根据微李山软提出的Universal Design设计规则,提供了一套界面精美诱人的风格方案,相对默认风格来说,这种风格会更消耗系统资源

4

配置应用程序界面风格的一种方法是在C++源文件的main.c中,通过QQuickStyle的静态方法setStyle来设置,比如下面的代码将App风格设置为Material Design

5

另一种配置程序界面风格的方法是使用配置文件qtquickcontrols2.conf

该配置文件最终会作为程序的资源文件被编译进程序当中,下面的配置代码指定了目标程序使用Material Design规则,并且主题为light。为了使该配置文件生效,该文件必须被编译进应用程序中,作为程序的资源文件

6

使用Material Style,需要import QtQuick.Controls.Material 2.0

其附加属性有:

1. accent,color类型,表示重点色仔稿,默认是Material.Pink

2. primary,color类型,表示优选色,默认是 Material.Indigo

3. backbround,color类型,表示背景色,默认由主题指定(light或者dark)

4. elevation,int类型,表示海拔高度,值越大,阴影越深,该值与具体控件相关

5. foreground,color类型,表示前景色,默认值由主题指定(light或者dark)

6. theme,枚举类型,表示主题,默认是Material.Light,也可修改为Material.Dark

所有的属性都可以被任何Item或者Window单独设置,且可以传递给子对象Item。可以在QML文档中设置,也可以在配置文件中设置全局的,但是在QML文档中设置的念扰孝优先级更高

7

系统预定义的颜色有很多,并且在不同的主题下有不同的表现。

Material Style有一个附件方法:

color color(enumeration predefined, enumeration shade)

可以返回一个实际有效的color值,这个值由预定义的Material color和用户指定的阴影值给出,shade缺省为Material.Shade500


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12414385.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存