AutoLayout動態(tài)隱藏控件的方法

使用AutoLayout有一段時間了,配合Xcode6新推出的size class做界面適配和自適應布局非常好用。目前網上有關AutoLayout的教程大都淺嘗輒止恕出,或者僅涉及到對設備的橫、豎屏的動態(tài)布局等比較簡單的應用,而對AutoLayout做動態(tài)界面相關的內容卻非常少芜辕,因此結合日常工作中的一些經驗,來為大家做一些分享块差。

我們要做什么

相信很多開發(fā)者都需要解決這樣一系列問題:

我們需要根據用戶操作侵续,或服務端返回的數據,而動態(tài)顯示/隱藏一些控件憨闰,以達到靈活布局的效果状蜗。

我們需要根據需要調整某一控件的尺寸大小,位置信息鹉动,以輸出最適宜的界面布局轧坎。

面對類似高動態(tài)的界面實現時,以往我們的方法是通過代碼來計算和判定控件的大小和位置泽示,并結合控件的hidden,frame等屬性對其進行設置缸血,在實際使用中往往需要進行比較復雜的計算,比較繁瑣械筛。拋開代碼黨和xib黨的爭論捎泻,下面介紹一種使用AutoLayout實現動態(tài)界面的方法。

如示例圖所示埋哟,我們將要構建一個由三個控件構成的簡易應用笆豁,通過底部的show和hide按鈕,控制第二個組件SecondObject的顯示和隱藏,并使得第三個控件根據情況自動布局渔呵。

操作步驟

一怒竿、新建一個iOS項目,在storyboard中拖入三個UILabel控件扩氢,并為其設置合適的AutoLayout約束:

二耕驰、 為需要操作的約束設置屬性并關聯(lián)到代碼

這里的兩個約束分別是: *SecondObjectTopSpace:SecondObject頂部到FirstObject的距離 *secondObjectHeight:SecondObject的高度

三、 編寫show和hide方法录豺,為約束賦值朦肘,直接控制SecondObject的高度和距離'FirstObject'的頂部距離,從而達到完全隱藏/顯示SecondObject的目的双饥。

- (IBAction)show:(id)sender{self.secondObjectHeight.constant =107;self.SecondObjectTopSpace.constant =60;}

- (IBAction)hide:(id)sender{self.secondObjectHeight.constant =0;self.SecondObjectTopSpace.constant =0;}

參考文章

參考代碼

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末媒抠,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子咏花,更是在濱河造成了極大的恐慌趴生,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件昏翰,死亡現場離奇詭異苍匆,居然都是意外死亡,警方通過查閱死者的電腦和手機棚菊,發(fā)現死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門浸踩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人统求,你說我怎么就攤上這事检碗。” “怎么了码邻?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵折剃,是天一觀的道長。 經常有香客問我冒滩,道長微驶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任开睡,我火速辦了婚禮因苹,結果婚禮上,老公的妹妹穿的比我還像新娘篇恒。我一直安慰自己扶檐,他們只是感情好,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布胁艰。 她就那樣靜靜地躺著款筑,像睡著了一般智蝠。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上奈梳,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天杈湾,我揣著相機與錄音,去河邊找鬼攘须。 笑死漆撞,一個胖子當著我的面吹牛,可吹牛的內容都是我干的于宙。 我是一名探鬼主播浮驳,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼捞魁!你這毒婦竟也來了至会?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤谱俭,失蹤者是張志新(化名)和其女友劉穎奉件,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體昆著,經...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡瓶蚂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了宣吱。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡瞳别,死狀恐怖征候,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情祟敛,我是刑警寧澤疤坝,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站馆铁,受9級特大地震影響跑揉,放射性物質發(fā)生泄漏。R本人自食惡果不足惜埠巨,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一历谍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧辣垒,春花似錦望侈、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽侥猬。三九已至,卻和暖如春捐韩,著一層夾襖步出監(jiān)牢的瞬間退唠,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工荤胁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瞧预,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓寨蹋,卻偏偏與公主長得像松蒜,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子已旧,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內容