QT5带UI的常用控件

目录新建工程Qmainwindow带UIUI设计器常用控件区Buttons 按钮containers 容器控件属性区域对象监视区布局工具区信号与槽区简单例子1放置一个按钮控件改文本为发送该按键为Button1按钮关联信号和槽菜单栏、工具栏、状态栏可以在这里面直接点击编辑增加菜单和菜单项先设计页面再用代码控制简单例子2设计一个槽容器和一个按钮布局任意容器插入页按钮设计槽代码设计新建工程Qmainwindow带UIQT5先设计页面再用代码控制且必须是ui-setupUi(this);之后设计代码且都是操作UI的界面所以控制ui上面的对象都是ui-引用#include mainwindow.h #include ui_mainwindow.h MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui-setupUi(this); ui-Button1-setText(123); } MainWindow::~MainWindow() { delete ui; }UI设计器常用控件区layouts 布局spacer 间隔Buttons 按钮item views 显示和数据是分离的item widgetscontainers 容器input widgets 输入控件display Widgets 显示图片 标签Buttons 按钮1、常用按键2、和常用按键差不多3、单选框4、复选框多选5、链接按钮6 标准对话按钮ok或者取消containers 容器1 组容器2 滚动容器3抽屉式容器4标签式容器5栈容器6带边框的容器布局7不带边框8分栏显示9浮动窗口10window上使用的input widgets 输入控件1选项下拉框2字体选择下拉框3行编辑4文本编辑多行也可以图片5文本编辑只能文字6整形数字的微调 设置数值7Double 类型数字调节 设置数值8调时间9调日期10调时间调日期11旋转按钮12水平滚动13垂直滚动14水平、垂直滚动15设置快捷方式display Widgets 显示图片 标签1标签 可以显示图片、文字、动画、网址2文本浏览器3绘图4日历5数码管6进度条7横线8垂直线9101112简单网页浏览控件属性区域对象监视区对象可以更改名字类就是父类布局工具区信号与槽区Buttons 按钮控件类 UI实战设计PushButton普通按钮举例1、设置初始文本双击按钮控件2、设置对象名字选择按钮控件-对象观察器-双击对象3、生成槽 选中按钮控件右键--转到槽-生成了槽代码但是不需要自己去关联信号否则会出现双重关联导致响应2次菜单栏、工具栏、状态栏应该是主窗口类专有吧可以在这里面直接点击编辑增加菜单和菜单项应该是主窗口类专有吧Scroll Area容器类设计 UI实战设计使用滑动的容器没有如下操作滑动条就没有如下高度一定要大Containers 容器类 UI实战设计标签式容器1、给每个页修改标签选中一个标签页-属性编辑器-QTabWidget-currentTabText2、修改每个页的对象名选择按钮控件-对象观察器-双击对象3、增加页选中标签容器-右键选中插入-插入当前之后4、再将所需控件布局到每一页input widgets 输入控件类 UI实战设计标签1、设置输出文本双击控件-输入即可2、修改标签对象名选中控件-对象观察器-双击对象简单例子4显示控件标签添加资源文件布局四个标签改四个标签对象名字给四个标签设置text给四个标签选择资源或者文件pixmap也可以通过新建资源方式由代码添加资源把准备好的文件加入工程保存的地方给工程添加资源文件进入该资源文件编辑入口给资源文件添加资源添加前缀添加文件添加结果如可以右键复制资源路径提供代码使用代码添加资源//设置一个图片 //setPixmap,设置资源 参 是资源地址 ,格式转换低分辨数据标志 ui-label_Image-setPixmap(QPixmap(://image/tupu1.jpg,0,0)); //setScaledContents 图片大小自适应标签大小 ui-label_Image-setScaledContents(true); QMovie *mymovie new QMovie(://image/1.gif);//新建一个动画 ui-label_Gif-setMovie(mymovie);//给标签设置动画 mymovie-start();//动画开始播放 ui-label_Gif-setScaledContents(true);//自适应标签大小 ui-label_Url-setText(a href\https://www.baidu.com/\baidu/a); //设置网页a href\ 地址 /\ 标签名字 /a ui-label_Url-setOpenExternalLinks(true);//打开外部链接ui-label_Image-setPixmap() //F1查看填入的参数得知参数类型如下发现这个参数是一个类这个类能使用的是什么可以看看看共有函数调用发现是有调用的选择一个有地址的选择第三个可以查看可以知道第一个参是图片地址第二个参应该是格式筛选 可默认0第三个参数转换标记 高分辨率转低 可默认为0 If the image needs to be modified to fit in a lower-resolution result (e.g. converting from 32-bit to 8-bit), use the flags to control the conversion.scaledcontents适应大小勾选简单例子5进度条网页浏览ui-progressBar-setMinimum(0);//设置进度调最小值 ui-progressBar-setMaximum(100);//设置进度调最大值 ui-progressBar-setValue(50);//设置当前值 ui-webView-load( QUrl(https://www.baidu.com));//加载网址ui-webView-load(1) F1进入帮助文档可以知道变量添加的参数为QUrl 类型可以看出使用QUrl 需要添加 core 和包含头文件可以看有什么可以调用的公有查看QUrl也是地址参数