Qt:创建SideBar
来源:互联网 发布:二分法法编程 编辑:程序博客网 时间:2024/06/09 09:02
Qt:创建SideBar
先看最终效果:@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创建文件夹
- RegisterStartupScript,RegisterClientScriptBlock使用
- js 巧妙去除数组中的重复项
- 用6次比较,求5个数的中位数
- 聚类算法
- c++ 理解 volatile ,mutable , const 及 const mutable
- Qt:创建SideBar
- 虚函数表指针,虚函数表
- mysql自动定时备份数据库的最佳方法-支持windows系统
- DataTable行列转置
- 块级元素和行内元素的区别
- php中substr()和strpos()函数的用法
- Android实时播放PCM发出“咔咔”声音|缓冲区|cooledit(未写)
- Ubuntu不能修改密码,长度太短或太简单?
- 这些前端面试的问题,搞懂了你就合格了