swift 實現對UItableView下cell中內容的搜索(1)

最近練習swift,於是找微信這個app作爲模版 這次實現的是UITableView下的搜索功能 類似於搜索好友會話中的好友

第一部分的內容是在storyboard中對於需要的UI元素的一些處理

1.首先我們新建一個Single View Application的project

2.添加TableView 和 Search Bar

既然是要實現搜索功能那麼我們需要一個search Bar,需要注意的是,在添加search Bar之前我們需要先在原本View上面放置一個tableView 然後再將 Search Bar放在tableView上

你會發現Search Bar的一部分和電池圖標重疊了,由於主要實現的是搜索功能,所以用了一個簡單的方法,添加tableVIew之前 我們先在View上添加一個navigation Bar效果如圖

3.運行效果如下


顯然,我們忘記了設置Constraints 設置好Constrains後運行如下


看起來還不錯 到此UI的部分就算是完成了!

發佈了33 篇原創文章 · 獲贊 17 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章