C++Qt分享计划——制作有道词典主界面(一)

接下来,我们以制作有道词典主界面来初步了解Qt中各控件的用法。

有道主程序界面

C++Qt分享计划——制作有道词典主界面(一)_第1张图片
原有道主程序界面

Qt实现的有道界面,目前只做了标题栏和导航栏,后面会随着一步步深入,补足界面。

C++Qt分享计划——制作有道词典主界面(一)_第2张图片
Qt编写的有道界面

1.先隐藏Qt自带的标题栏

隐藏标题栏

常用窗口标识:

Qt::SplashScreen 在还没有展示出主界面前的启动画面

Qt::FramelessWindowHint 隐藏标题栏,并且去掉窗口的边框,窗口不能移动和缩放。

Qt::CustomizeWindowHint 隐藏标题栏,不会去掉窗口的边框,窗口不能移动,但可以缩放。

Qt::WindowStaysOnTopHint 使窗口始终处于最顶部。类似于播放器中的总在最前功能。


2. 自定义标题栏

所有设置均采用Qt样式表实现

C++Qt分享计划——制作有道词典主界面(一)_第3张图片
设置标题栏1


C++Qt分享计划——制作有道词典主界面(一)_第4张图片
设置标题栏2

3.查找编辑框

C++Qt分享计划——制作有道词典主界面(一)_第5张图片
设置查询编辑框

编译运行程序,可看到标题栏如下图

制作好的标题栏

这次分享就到这里,如果你想第一时间看到我的技术分享,就赶快关注吧。

你可能感兴趣的:(C++Qt分享计划——制作有道词典主界面(一))