Qt实现圆角窗口理论上来说不难 [复制链接]

图片:Round-corner.png

Qt理论上能很容易的实现圆角窗口，但不知道Nokia为什么不去做。
如上图的圆角效果看上去很完美，这个圆角是使用mask + stylesheet来实现的，实现的方式非常另类。
1. mask为1x1的图片
2. 主窗口随便使用一个QWidget，在上面设置Mask
3. 添加一个QLineEdit到此widget里，设置此QLineEdit的水平和垂直 size policy 都为expanding，并为它使用style sheet设置圆角：
    border: 2px dashed black;
    border-radius: 10px;
4. 然后所有的组件都添加到这个QLineEdit里即可，自由的使用QLayout布局所有的子组件。
5. 显示主窗口即可以看到图中的效果。


思考：
使用Mask的时候，如QLineEdit，QPushButton, QTextEdit等可以显示出来。
但如QFrame，QWidget，QLabel却完全是透明的，即使设置setAutoFillBackground(true)也不行，设置了palette的Base, Window等角色都还是不行。

不过却可以说明，如果QWidget绘制不透明背景使用如QLineEdit的方式，那么就可以很容易的使用QWidget来实现圆角窗口了，只要设置一下style sheet就能实现。
1. 不使用QLineEdit等来作为窗口容器，是因为不能在Designer里直接往他们内部放组件
2. 上面的实现中，QLineEdit的子组件如QLabel还是不能绘制出背景，只有QPushButton等可以。


至少通过上面的例子，可以知道Qt从理论上来说可以很方便的实现圆角窗口，而且圆角只需要使用style sheet就能实现。
可是，如此简单的方式，Nokia至少现在还没有提供。

其实装一个PS，把图片放大什么都能看出来。

那个容易，启用抗锯齿，先用浅颜色输出文本，再用深颜色输出一次文本。
两次文本的位置差一个像素，深色比浅色位置往上（或左上）一个像素。
自己试试哪个效果好。

话说标题栏中的那个文字效果是怎么绘制出来的？

引用第7楼jorneyr于2011-10-11 10:11发表的  :
应该影响不大，style sheet最终都被编译成了QStyle这个类的实现

实际上底层仍然每次都去解析那个stylesheet的字符串...

将主QWidget设置成全透明，
子QWidget设置一个有透明效果的背景图可以实现任意样子的窗口什么的我会到处乱说嘛……嗯，这样设置一下主窗口……然后顺便使用最大化的方式显示出来……
你就拥有了一个在整个桌面上“绘制”的能力了……

引用第6楼fuzhongyao于2011-10-10 17:35发表的  :
是不是nokia追求反应速度啊。听说style sheet会影响速度。

应该影响不大，style sheet最终都被编译成了QStyle这个类的实现

是不是nokia追求反应速度啊。听说style sheet会影响速度。

引用第4楼jdwx于2011-10-10 09:23发表的 回 3楼(jorneyr) 的帖子 :
本人这个是纯正Qt窗口在XP下运行，看看滚动条，还是XP样式。
还得说：乔布斯厉害啊（可惜死的太早了），那个macosx的配色很好。
.......

可以看看你的代码吗？非常感兴趣。

本人这个是纯正Qt窗口在XP下运行，看看滚动条，还是XP样式。
还得说：乔布斯厉害啊（可惜死的太早了），那个macosx的配色很好。

因为你的这个窗口圆角有反锯齿功能，Windows XP的窗口圆角默认也没有这个功能，必须使用WindowBlind这种软件才能实现。

引用第1楼jdwx于2011-10-09 22:13发表的  :
事实上Qt提供的功能非常够用，可以做任何窗口。

你的这个窗口看上去非常舒服，怎么实现的呢？

事实上Qt提供的功能非常够用，可以做任何窗口。