Qt之自定义搜索框
2016-05-10 11:32
387 查看
简述
关于搜索框,大家都经常接触。例如:浏览器搜索、Windows资源管理器搜索等。
当然,这些对于Qt实现来说毫无压力,只要思路清晰,分分钟搞定。
效果
细节分析
实现细节需要如下步骤:
组合实现,输入框+按钮
事件关联
获取输入文本,进行文本搜索
为了更人性、易用,这里有一些细节需要注意:
输入框的文本不能处于按钮之下
输入框无文本时必须给与友好性提示
按钮无文本描述,一般需要给予ToolTip提示
按钮样式-正常、滑过、按下,以及鼠标滑过鼠标样式手型,
这些都想清楚了,我们就能快速实现一个搜索框了。
Coding
搜索框实现
槽函数实现
文章转至:http://blog.csdn.net/liang19890820/article/details/50357523
关于搜索框,大家都经常接触。例如:浏览器搜索、Windows资源管理器搜索等。
当然,这些对于Qt实现来说毫无压力,只要思路清晰,分分钟搞定。
效果
细节分析
实现细节需要如下步骤:
组合实现,输入框+按钮
事件关联
获取输入文本,进行文本搜索
为了更人性、易用,这里有一些细节需要注意:
输入框的文本不能处于按钮之下
输入框无文本时必须给与友好性提示
按钮无文本描述,一般需要给予ToolTip提示
按钮样式-正常、滑过、按下,以及鼠标滑过鼠标样式手型,
这些都想清楚了,我们就能快速实现一个搜索框了。
Coding
搜索框实现
m_pSearchLineEdit = new QLineEdit(); QPushButton *pSearchButton = new QPushButton(this); pSearchButton->setCursor(Qt::PointingHandCursor); pSearchButton->setFixedSize(22, 22); pSearchButton->setToolTip(QStringLiteral("搜索")); pSearchButton->setStyleSheet("QPushButton{border-image:url(:/images/icon_search_normal); background:transparent;} \ QPushButton:hover{border-image:url(:/images/icon_search_hover)} \ QPushButton:pressed{border-image:url(:/images/icon_search_press)}"); //防止文本框输入内容位于按钮之下 QMargins margins = m_pSearchLineEdit->textMargins(); m_pSearchLineEdit->setTextMargins(margins.left(), margins.top(), pSearchButton->width(), margins.bottom()); m_pSearchLineEdit->setPlaceholderText(QStringLiteral("请输入搜索内容")); QHBoxLayout *pSearchLayout = new QHBoxLayout(); pSearchLayout->addStretch(); pSearchLayout->addWidget(pSearchButton); pSearchLayout->setSpacing(0); pSearchLayout->setContentsMargins(0, 0, 0, 0); m_pSearchLineEdit->setLayout(pSearchLayout); connect(pSearchButton, SIGNAL(clicked(bool)), this, SLOT(search()));
槽函数实现
void Widget::search() { QString strText = m_pSearchLineEdit->text(); if (!strText.isEmpty()) { QMessageBox::information(this, QStringLiteral("搜索"), QStringLiteral("搜索内容为%1").arg(strText)); } }
文章转至:http://blog.csdn.net/liang19890820/article/details/50357523
相关文章推荐
- 搜狗百度360市值齐跌:搜索引擎们陷入集体焦虑?
- QT学习 第一章:基本对话框
- 使用Shiboken为C++和Qt库创建Python绑定
- 本人即将筹备败家日志,敬请期待!
- Qt 5.6更新至RC版,最终版本近在咫尺
- IE:使用搜索助手
- C++深度优先搜索的实现方法
- 基于文本的搜索
- php实现搜索一维数组元素并删除二维数组对应元素的方法
- 使用Sphinx对索引进行搜索
- asp 多关键词搜索的简单实现方法
- C#使用foreach语句搜索数组元素的方法
- WordPress中用于获取搜索表单的PHP函数使用解析
- JavaScript中数组的排序、乱序和搜索实现代码
- jquery ztree实现树的搜索功能
- Qt定时器和随机数详解
- C#编程实现Excel文档中搜索文本内容的方法及思路
- sqlserver中在指定数据库的所有表的所有列中搜索给定的值
- 可以用来搜索当前页面内容的js代码
- 全文搜索和替换