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

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

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

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

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

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

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

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

QT是一个1991年开发的跨平台编程用户界面的应用程序埋棚开发框架。QT既可以开发图形用户界面程序,也可用于开发非图形用户界凳中面程序,例如控制台工具和服务器。QT软件是面向对象的框架,使用特殊的代码生成扩展,称为元对象编译器,以及一些宏,QT很容易扩展,并且允许真正地组件编程。自从1996年早些时候,QT软件进入商业领域,成为全世界范围内数千种成功的应用程序的基础。QT软件也是流行的桌面环境设计基础。QT软件有专业版本和枣液山企业版本。

用快速开发工具Qt Designer编写Qt程序

我们用的开发系统是Linux,开发工具是Qt Designer.如果大家安装完整版的Linux,系统就带这个工具了.大家可以点击应用程序->编程->Qt Designer来找到它.

Qt Designer首先呈现给用户的是一个New/Open对话框。因为这里要创建一个C++程序,所以在此选择C++ Project,点击“OK”继续。

选择一个想要保滚袭猛存文件的位置,并且给出一个文件名,注意这里文件名的扩展名一定要是.pro。点击“OK”后,到下面的界面. 

禅棚现在我们看到的就是Qt Designer主窗口,确保Property Editor可见。如果它是不可见的,用户可以通过Windows→Views→Property Editor/Signal Handlers选单选项来使其可见.

下面我们建立一个如下图所示的对话框.

通过选择File→New选单,然后选择Dialog来创建一个新的对话框。这时Qt Designer会创建一个新的空白对话框,用户可以在其上放置输入框和按钮。

打开Property Editor,把name的值改为“MainForm”,把caption的值改为“Hello world”。 '

然后我们在对话框上拖拽上一个lable,方法是在左面Toolbox的common widgets里的TextLabel,然后在空白对话框上画一下.改一下caption的值改为“Hello world”就得到如下的界面了.

现在就已经基本完成这个应用程序了。不过在编译和运行此应用程序之前,还要创建一个main.cpp文件。方法是选择File→New→C++Main- File(main.cpp),只需接受缺省的配置即可。main.cpp会自动在Code Editor中打开。因为这里无需改变main.cpp中的 任何东西,所以直接将Code Editor窗口关闭,并且保存main.cpp。

到此为止,在Qt Designer中的工作大桥已经完成了。保存整个项目,下面来编译和运行这个程序。在编译程序之前,要首先生成它的Makefile文件。打开一个终端,然后切换至保存有项目的位置,使用以下命令来生成Makefile文件:

#qmake -o Makefile hellopro

现在,就可以运行make来编译程序了,根据系统的性能,这个步骤需要花费一点时间。当编译工作完成后,输入./hello来运行程序。如果一切正常,用户应该已经看到程序了。

下面是我电脑上程序的界面:

到这里我们完成了第一个Qt的程序,怎么样呢,是不是有点小成就感.


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

原文地址:https://54852.com/yw/12414279.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存