天天看點

Qt之自定義搜尋框簡述效果細節分析Coding源碼下載下傳

關于搜尋框,大家都經常接觸。例如:浏覽器搜尋、windows資料總管搜尋等。

Qt之自定義搜尋框簡述效果細節分析Coding源碼下載下傳
Qt之自定義搜尋框簡述效果細節分析Coding源碼下載下傳

當然,這些對于qt實作來說毫無壓力,隻要思路清晰,分分鐘搞定。

方案一:調用qlineedit現有接口

void addaction(qaction * action, actionposition position)

在qlineedit的前/後添加部件,actionposition表示部件所在方位。

qaction * addaction(const qicon & icon, actionposition position)

重載函數。

枚舉:qlineedit::actionposition

常量

描述

qlineedit::leadingposition

當使用布局方向qt::lefttoright時,部件顯示在文本左側,使用qt::righttoleft則顯示在右側。

qlineedit::trailingposition

1

當使用布局方向qt::lefttoright時,部件顯示在文本右側,使用qt::righttoleft則顯示在左側。

方案二:自定義(可以實作任何組合)

下面,我們來針對自定義進行講解。

<a href="#%e7%ae%80%e8%bf%b0">簡述</a>

<a href="#%e6%95%88%e6%9e%9c">效果</a>

<a href="#%e7%bb%86%e8%8a%82%e5%88%86%e6%9e%90">細節分析</a>

<a href="#coding">coding</a>

<a href="#%e6%ba%90%e7%a0%81%e4%b8%8b%e8%bd%bd">源碼下載下傳</a>

Qt之自定義搜尋框簡述效果細節分析Coding源碼下載下傳

實作細節需要如下步驟:

組合實作,輸入框+按鈕

事件關聯

擷取輸入文本,進行文本搜尋

為了更人性、易用,這裡有一些細節需要注意:

輸入框的文本不能處于按鈕之下

輸入框無文本時必須給與友好性提示

按鈕無文本描述,一般需要給予tooltip提示

按鈕樣式-正常、滑過、按下,以及滑鼠滑過滑鼠樣式手型,

這些都想清楚了,我們就能快速實作一個搜尋框了。

搜尋框實作

槽函數實作

<a href="http://download.csdn.net/detail/u011012932/9367684">qt之自定義搜尋框</a>

<a href="http://blog.csdn.net/liang19890820/article/details/52044639">qt之qlineedit</a>

繼續閱讀