Qt:创建SideBar
来源:互联网 发布:nba2k17捏脸数据大全 编辑:程序博客网 时间:2024/05/17 02:04
先看最终效果:@import url(http://www.cppblog.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
1. 使用Qt Creator创建GUI工程
2. 在左边放置一个QWidget (其objectName设置为sideBar),右边放置一个QLabel (其objectName设置为content)
3. 在sideBar里放几个QToolButton,并使用QGridLayout布局把他们布局在sideBar里
4. 设置这些QToolButton的图标大小为64(可以自己调节),且SizePolice为Expanding
5. sideBar的SizePolicy为Fixed,minimumSize为90,Margin都设置为0
6. 主窗口使用GridLayout布局sideBar和右边的content,并把主窗口的Margin, Spacing都设置为0,效果如图
7. 有一个分隔符?
因为Qt自带的Horizontal Line效果不佳,所以拖一个QWidget到按钮之间,设置其minimumSize和maximumSize的height都为0,这样一个1像素高的分隔符就完成了。
8. 至此,界面布局已经完成,接下来使用style sheet控制界面的显示效果.
给sideBar加一个class属性,其值为"SideBar",
分隔符加class属性,值为"Separator".
加class属性值是为了在style sheet里更方便的使用类选择器,了解CSS的同学应该明白什么是类选择器。
在Qt Designer里给widget加属性的方法如下:
9. 相应的class属性都加载完全了,接下来是应用style sheet到widget里了,选中最顶层的widget,在它的style sheet框里放置style sheet代码:
点击确定后,在Qt Designer立即可以看到应用style sheet的效果
10. Qt Designer里的工作都已经完成了,运行程序的效果如上图,但是我们想动态的实现当按钮被按下后显示按钮的按下状态而其他按钮恢复常态,需要使用程序去改变按钮的current属性值。
具体代码看附件工程的源文件:
/Files/biao/SideBar.7z
- Qt:创建SideBar
- Qt:创建SideBar
- SideBar
- SideBar
- SideBar
- 简单创建 vista/win7的侧边栏sidebar
- SideBar+ListView
- QT:Qt多线程创建
- 如何使用JavaScript快速的创建一种常用类型的导航组件:sidebar
- C# WinForm利用sideBar动态加载菜单栏,并创建菜单栏事件
- div#sidebar{}与#sidebar div{}的区别
- div#sidebar{}与#sidebar div{}的区别
- Qt创建shared library
- Qt创建文件夹
- Qt学习--创建对话框
- QT 创建文件
- Qt创建新文件
- Qt创建文件夹
- javascript中document.write详解
- 矩形子数组的最大和
- Android zygote的分裂总结
- VGA、QVGA、CIF、QCIF?
- easy_install, pip installation
- Qt:创建SideBar
- 视频监控之 Video Data Center
- hdu 1019
- 磁盘管理——RAID 0
- 安全第一!!!Win 7系统创建标准账户【系统收藏】
- Linux SVN 常用命令
- 记录备份
- java--IO流-文件读取1
- 优秀书籍集锦