UISearchBar和UISearchController學習使用01

開發中經常要用到搜索框這個控件,如下圖所示



很多人不熟悉怎么使用搜索框,本文和大家一起學習系統提供的UISearchBar怎么用,UISearchBar、UISearchController、UISearchContainerViewController、UISearchDisplayController分別是什么,以及該在什么時候使用自定義的搜索框,此篇先研究UISearchBar的使用

1. UISearchBar是什么

UISearchBar和UIButton一樣,是系統已經提供給我們使用的用于輸入文字進行搜索的一個搜索框,由一個文本框和幾個按鈕組成,當用戶在文本框內輸入部分內容之后,程序即可按照指定的規則執行搜索。

UISearchBar使用

最簡單的創建方法

UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(100, 100, 200, 50)];
[self.view addSubview:searchBar];

效果
UISearchBar效果圖

進入UISearchBar頭文件,我們解剖一下它的構成

  • UISearchBarIcon 枚舉類型,用于識別搜索欄中使用的圖標的常量。表示UISearchBar相關子控件Icon,可以在設置子控件Icon時使用
    UISearchBarIconSearch, // 搜索圖標,放大鏡
    UISearchBarIconClear __TVOS_PROHIBITED, // 清除圖標,里面有一個X的圓
    UISearchBarIconBookmark __TVOS_PROHIBITED, // 書簽圖標,打開書圖標
    UISearchBarIconResultsList __TVOS_PROHIBITED, // 結果列表圖標,名單菱形圖標
  • UISearchBarStyle 枚舉類型,指定搜索欄背景樣式。表示UISearchBar樣式
    UISearchBarStyleDefault,    // 默認樣式,即UISearchBarStyleProminent
    UISearchBarStyleProminent,  // 類似于通訊錄搜索欄,搜索欄具有半透明背景,搜索區域不透明。
    UISearchBarStyleMinimal     // 類似于音樂搜索欄,搜索欄沒有背景,搜索字段是半透明的。
  • 常見的或經常使用的相關屬性

    1. @property(nonatomic) UIBarStyle barStyle; 這個屬性可以設置searchBar的搜索框的背景風格,枚舉如下:

    typedef NS_ENUM(NSInteger, UIBarStyle) {
    UIBarStyleDefault = 0,//默認風格 白色搜索框,多出的背景為灰色暗內容
    UIBarStyleBlack = 1,//黑色風格,黑色背景的白色搜索框
    //下面兩個枚舉已經被禁用,作用和黑色風格一樣
    UIBarStyleBlackOpaque = 1, // Deprecated. Use UIBarStyleBlack
    UIBarStyleBlackTranslucent = 2, // Deprecated. Use UIBarStyleBlack and set the translucent property to YES};
    ```

    1. @property(nullable,nonatomic,weak) id<UISearchBarDelegate> delegate; 設置searchBar的代理,用于搜索時調用一些代理方法
    2. @property(nullable,nonatomic,copy) NSString *text; 設置搜索框中的文字
    3. @property(nullable,nonatomic,copy) NSString *prompt; 在搜索欄頂部顯示的單行文本。默認為空,官方解釋是在搜索框頂部顯示一行文字,其實就是背景文字,上圖說明:
    4. @property(nullable,nonatomic,copy) NSString *placeholder; 文本字段中沒有其他文本時顯示的字符串。和其他文本輸入控件的placeholder相同,在輸入文字時就會消失
    5. @property(nonatomic) BOOL showsBookmarkButton; 是否在搜索框右側顯示一個圖書的按鈕,默認為NO,YES的效果如下:
    6. @property(nonatomic) BOOL showsCancelButton; 是否顯示取消按鈕,默認為NO,YES的效果如下:
    7. @property(nonatomic) BOOL showsSearchResultsButton; 是否顯示搜索結果按鈕,默認為NO,YES效果如下:
    8. @property(nonatomic, getter=isSearchResultsButtonSelected) BOOL searchResultsButtonSelected; 設置搜索結果按鈕的選中狀態,設為YES,則按鈕為選中的藍色狀態
    9. @property (nonatomic, readonly, strong) UITextInputAssistantItem *inputAssistantItem;用于配置鍵盤快捷鍵的輸入助手,只讀屬性,不能設置更改
    10. @property(null_resettable, nonatomic,strong) UIColor *tintColor; 設置這個顏色值會影響搜索框中的光標的顏色
    11. @property(nullable, nonatomic,strong) UIColor *barTintColor; 設置這個顏色會影響搜索框的背景顏色
    12. @property (nonatomic) UISearchBarStyle searchBarStyle; 設置搜索框的風格
    13. @property(nonatomic,assign,getter=isTranslucent) BOOL translucent; 設置是否半透明
    14. @property(nullable, nonatomic,copy) NSArray<NSString *> *scopeButtonTitles; 設置選擇按鈕試圖的按鈕標題
    15. @property(nonatomic) NSInteger selectedScopeButtonIndex; 設置一個默認的選中按鈕
    16. @property(nonatomic) BOOL showsScopeBar; 是否顯示搜索欄的附件選擇按鈕試圖,要想顯示這個試圖,首先要將這個屬性設置為YES,之后給按鈕數組中添加按鈕,使用scopeButtonTitles屬性和selectedScopeButtonIndex屬性
    17. @property (nullable, nonatomic, readwrite, strong) UIView *inputAccessoryView; 鍵盤的附屬視圖
    18. @property(nullable, nonatomic,strong) UIImage *backgroundImage; 設置搜索框的背景圖案
    19. @property(nullable, nonatomic,strong) UIImage *scopeBarBackgroundImage; 設置附屬選擇按鈕視圖的背景圖案
    20. @property(nonatomic) UIOffset searchFieldBackgroundPositionAdjustment; textfield在搜索框中的位置偏移
    21. @property(nonatomic) UIOffset searchTextPositionAdjustment; 搜索文字在搜索框中的位置偏移
  • 常見的或經常使用的方法

    1. - (instancetype)init;
      - (instancetype)initWithFrame:(CGRect)frame;
      初始化創建方法
    2. - (void)setShowsCancelButton:(BOOL)showsCancelButton animated:(BOOL)animated 帶動畫設置取消按鈕的顯示狀態
    3. - (void)setBackgroundImage:(nullable UIImage *)backgroundImage forBarPosition:(UIBarPosition)barPosition barMetrics:(UIBarMetrics)barMetrics;
      設置在給定位置和給定度量的背景圖像,用于設置某個狀態枚舉下的搜索框的背景圖案
    4. - (nullable UIImage *)backgroundImageForBarPosition:(UIBarPosition)barPosition barMetrics:(UIBarMetrics)barMetrics;
      返回給定位置和給定度量值中用于背景的圖像,獲取某個狀態枚舉下的搜索框的背景圖案
    5. - (void)setSearchFieldBackgroundImage:(nullable UIImage *)backgroundImage forState:(UIControlState)state;
      設置給定狀態搜索文本框圖像,用于設置搜索框中TextField的背景圖案
    6. - (nullable UIImage *)searchFieldBackgroundImageForState:(UIControlState)state;
      返回給定狀態的搜索文本框圖像,用于獲取搜索框中TextField的背景圖案
    7. - (void)setImage:(UIImage *)iconImage forSearchBarIcon:(UISearchBarIcon)icon state:(UIControlState)state ;
      - (UIImage *)imageForSearchBarIcon:(UISearchBarIcon)icon state:(UIControlState)state ;
      這一對方法用于獲取和設置搜索欄icon圖片的圖案
    8. - (void)setScopeBarButtonBackgroundImage:(UIImage *)backgroundImage forState:(UIControlState)state;
      - (UIImage *)scopeBarButtonBackgroundImageForState:(UIControlState)state;
      這一對方法用于設置和獲取搜索框的附加選擇按鈕視圖的背景圖案
    9. - (void)setScopeBarButtonDividerImage:(UIImage *)dividerImage forLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState;
      - (UIImage *)scopeBarButtonDividerImageForLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState;
      這一對方法用于獲取和設置附加選擇按鈕視圖中切換按鈕的圖案
    10. - (void)setScopeBarButtonTitleTextAttributes:(NSDictionary *)attributes forState:(UIControlState)state;
      - (NSDictionary *)scopeBarButtonTitleTextAttributesForState:(UIControlState)state;
      這一對方法用于設置和獲取切換按鈕標題文字的字體屬性字典
    11. - (void)setPositionAdjustment:(UIOffset)adjustment forSearchBarIcon:(UISearchBarIcon)icon;
      - (UIOffset)positionAdjustmentForSearchBarIcon:(UISearchBarIcon)icon;
      設置和獲取搜索欄中圖片的位置偏移
  • 常見的或經常使用的delegate代理方法

    1. - (BOOL)searchBarShouldBeginEditing:(UISearchBar *)searchBar;
      將要開始編輯時的回調,返回為NO,則不能編輯
    2. - (void)searchBarTextDidBeginEditing:(UISearchBar *)searchBar;
      已經開始編輯時的回調
    3. - (BOOL)searchBarShouldEndEditing:(UISearchBar *)searchBar;
      將要結束編輯時的回調
    4. - (void)searchBarTextDidEndEditing:(UISearchBar *)searchBar;
      已經結束編輯的回調
    5. - (void)searchBar:(UISearchBar *)searchBar textDidChange:(NSString *)searchText;
      編輯文字發生改變的回調
    6. - (BOOL)searchBar:(UISearchBar *)searchBar shouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
      編輯文字將要改變前的回調,返回NO則不能加入新的編輯文字
    7. - (void)searchBarSearchButtonClicked:(UISearchBar *)searchBar;
      搜索按鈕點擊的回調
    8. - (void)searchBarBookmarkButtonClicked:(UISearchBar *)searchBar;
      書本按鈕點擊的回調
    9. - (void)searchBarCancelButtonClicked:(UISearchBar *)searchBar;
      取消按鈕點擊的回調
    10. - (void)searchBarResultsListButtonClicked:(UISearchBar *)searchBar;
      搜索結果按鈕點擊的回調
    11. - (void)searchBar:(UISearchBar *)searchBar selectedScopeButtonIndexDidChange:(NSInteger)selectedScope;
      搜索欄的附加試圖中切換按鈕觸發的回調
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,460評論 6 538
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,067評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,467評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,468評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,184評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,582評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,616評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,794評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,343評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,096評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,291評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,863評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,513評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,941評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,190評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,026評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,253評論 2 375

推薦閱讀更多精彩內容

  • 初始化:UISearchBar繼承于UIView,我們可以像創建View那樣創建 searchBarUISearc...
    smile小芳閱讀 3,583評論 0 6
  • iOS中UISearchBar(搜索框)使用總結 初始化:UISearchBar繼承于UIView,我們可以像創建...
    雪_晟閱讀 490評論 0 0
  • 概述在iOS開發中UITableView可以說是使用最廣泛的控件,我們平時使用的軟件中到處都可以看到它的影子,類似...
    liudhkk閱讀 9,082評論 3 38
  • 我想著窗外的星空, 一閃一閃的, 仿佛是你在遠處, 給迷失的我指路 我聽著黑色的夜風 它擊打著窗子, 格外沉重, ...
    陳年的舊事莫重提閱讀 149評論 0 4
  • 花, 瑞氣東來織紫霞。 臨仙鏡, 美景趁年華。
    酉時七若閱讀 290評論 0 1