码迷,mamicode.com
首页 > 其他好文 > 详细

qt ui界面控件布局设计

时间:2017-09-05 19:16:20      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:nta   显示   push   单选   下拉   界面   ott   固定   设置   

1、布局控件简介

水平布局,里面的控件将水平展示,布局器里面的控件大小若没有固定,其大小将随着布局的大小而自动拉伸。可以通过设置其左(layoutLeftMargin)、上(layoutTopMargin)、右(layoutRightMargin)、下边距(layoutBottomMargin)来调整里面控件相对于布局的边距,控件之间的宽度可以通过layoutSpacing属性进行设定。在Qt Designer里,可以先拖拽控件至窗口中,然后进行点击水平、垂直布局等实现布局,也可以先拖拽布局,再向里面添加控件。布局里不能添加控件时需要先打破布局,再添加,再布局

    垂直布局与水平布局方向不一样,用法类似。

    弹簧(Spacer)可以方便对控件进行分割、自动撑开界面、自动拉伸等,分为水平弹簧(Horizontal Spacer),垂直弹簧(Vertical Spacer)。sizeType属性指定了其伸展策略,Fixed固定大小,Expanding自动拉伸。sizeHint指定了其初始宽高。例如在水平布局里使控件右对齐,可以在布局左侧放置一个Expanding的弹簧,在右侧放置控件。两端对齐,则可以在中间放置一个自动拉伸的弹簧,弹簧的宽度将随着布局的宽度而自动拉伸。

    常用控件:

    QPushButton,按钮,可以被点击,可以显示图标、文字。

    QLabel,可以显示文字、图片、动画(gif)。

    QToolButton,可以显示菜单的按钮。

    QRadioButton,单选按钮,QCheckBox,复选按钮。

    单选按钮组,将单选按钮放在同一个水平或垂直布局里,就自动成为一组了,不一定要放到QGroupBox或QButtonGroup里。

    QLineEdit,单行文本框。QTextEdit,多行文本框。

    Combo Box(QComboBox),下拉选择框。

    QSpinBox,上下数字选择框。

    QWebView,显示网页的控件,支持html、css、js。

    QListView 显示列表项的视图控件,配合model(模型)和delegate(委托)使用,实现mvc模式。

    QListWidget,显示列表项的控件,可以setItemWidget,使列表中的项显示某一控件。

    QScrollArea,实现滚动的控件,带滚动条。

    QTabWidget,实现tab页效果的控件。

    QStackedWidget,控件栈,一次只能显示一个widget。

2、布局方法:

  1>先布局控件到理想位置中,可以水平、垂直和网格布局,一般先水平或垂直布局再网格布局,可以多个布局框镶嵌。

  2>局部布局完成后进行全局布局,点击空白处右键->布局->在窗体布局中布局(默认),然后点击空白处右键->布局->水平或垂直或网格布局

  3>常用布局工具:

  技术分享

  (1) 水平布局

  (2)垂直布局

  (3)splitter(水平分割)

  (4)splitter(垂直分割)

  (5)在窗口布局中布局

  (6)网格布局

  (7)打破布局

  (8)调整窗口大小

qt ui界面控件布局设计

标签:nta   显示   push   单选   下拉   界面   ott   固定   设置   

原文地址:http://www.cnblogs.com/fushou/p/7479912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!