Qt使用教程:创建一个基于Qt部件的应用程序(二)

原创|使用教程|编辑:龚雪|2015-10-29 09:07:52.000|阅读 987 次

概述:在本教程中,我们将继续为大家介绍创建一个基于Qt部件的应用程序的另一部分重要内容——如何填充缺失部分。

相关链接:

<Qt Enterprise最新版下载>

创建一个基于Qt部件的应用程序(一)中,我们为大家介绍了如何创建文本搜索项目。在本文中,我们将继续介绍另一部分重要内容——如何填充缺失部分。

填充缺失部分

从设计用户界面开始,然后转移到填充缺失的代码,最后添加查找功能。

设计用户界面
创建一个基于Qt部件的应用程序(二)

1. 在Editor模式中,双击Projects视图中的textfinder.ui文件来启动集成的Qt Designer。

2. 拖放以下的小部件到表单中:

创建一个基于Qt部件的应用程序(二)

注意:想要轻松地找到部件,那么使用在Sidebar顶部的搜索框。例如,想要查找Label部件,输入label即可。

创建一个基于Qt部件的应用程序(二)

3. 双击Label部件输入文本Keyword。

4. 双击Push Button部件然后输入文本Find。

5. 在Properties面板中,将objectName更改为findButton。

创建一个基于Qt部件的应用程序(二)

6. 使用Ctrl + A(或Cmd + A)来选择部件,然后点击Lay out Horizontally(或在Linux或Windows中使用Ctrl+H;在OS X中使用Ctrl+Shift+H)来应用一个水平布局 (QHBoxLayout)。

创建一个基于Qt部件的应用程序(二)

7. 拖放一个Text Edit部件 (QTextEdit) 到表单中。

8. 选择屏幕区域然后点击Lay out Vertically(或使用Ctrl+L)来应用一个垂直布局 (QVBoxLayout)。

创建一个基于Qt部件的应用程序(二)

应用该水平布局和垂直布局是为了确保应用程序的用户界面可扩展到不同的屏幕尺寸上。

9. 当用户点击Find按钮时想要调用查找功能,那么可以使用Qt的信号和slots机制。当一个特定事件发生并且slot被调用来响应一个特定信号时,一个信号将会被发射。Qt部件可以预定义信号和slots,你可以直接从Qt Designer中使用它。为查找功能添加一个slot:

  • 右键单击Find按钮来打开上下文菜单。
  • 选择Go to Slot > clicked(),然后选择OK。
    一个私有的slot,添加on_findButton_clicked()到头文件、textfinder.h和私有功能中;TextFinder::on_findButton_clicked()添加到源文件、textfinder.cpp中。

10. 使用 Ctrl+S (或 Cmd+S)来保存你的更改。

有关使用Qt Designer设计表单的更多信息请参见Qt Designer Manual

完成头文件

textfinder.h文件已经拥有了必要的#includes、构造函数、析构函数以及UI对象。你需要添加一个私有函数、loadTextFile()来读取并显示在QTextEdit中的输入文本文件的内容。

1. 在Edit视图的Projects面板中,双击textfinder.h文件来打开它并编辑。

2. 新增一个私有功能到私有部分中,在Ui::TextFinder指针后就说明了下面的代码片段:

private slots:
void on_findButton_clicked();

private:
Ui::TextFinder *ui;
void loadTextFile();

购买Qt Enterprise最新正版授权!详情请"咨询在线客服"

集团授权强势登陆!满额即送好礼哦,精彩不容错过!优惠详情点击查看>>



标签:跨平台UI界面C/C++

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


慧都网友 2015-10-29 10:14:23.000
0

首次接触,作为参考,文章很赞。。。


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat