什麼是tabbar? 先幾張圖:
上圖中藍色框起來的部分就是tabbar, 它有例如以下幾個特徵:
1 它通常位於螢幕的最下方,不是必定,但大部分情況是這樣。
2 tab bar的每乙個選項**常表示不同的功能。這也是它與segmentedcontrol最重要的差別, 後者強調的是同一功能不同類別的區分,前者則是不同功能的區分。
拿開頭兩個圖作為樣例,看看他們上面紅色框起來的部分,叫segmentedcontrol。
3 由於2的原因,tab bar的不同選項**常相應不同的檢視。
4 tab bar的每乙個選項卡一般都有圖示,有些是圖示+文字(比方最上面兩個圖),一般不會僅僅有文字。
這個也是和segmentedcontrol的乙個差別。
我今天寫的這個demo,為了涉及面比較廣一些,我會分別用乙個系統的圖示,兩個自己定義的圖示(乙個帶文字和,乙個僅僅有文字), 來設定不同的tabbar item。終於效果例如以下:
開發環境
mac os + xcode5.0 + ios7模擬器
tab bar上的圖示大小大通常是30*30,tab bar的總體高度是49。
假設須要自己定義圖示,請參考這個大小比例。
新建乙個single view的project, 然後拖乙個tabbar controller到storyboard。你會發現這個tabbar controller還同一時候帶著兩個viewcontroller過來,並自己主動關連到item。 這個」擅自做主」的行為並不會引起我們的反感,由於我們差點兒總是須要這樣做。
為了便於區分, 我們設定兩個view的背景色,終於例如以下圖所看到的(初始的那個viewcontroller已經被我刪除):
然後我們再新增乙個item。
拖乙個viewcontroller過來。設定一下背景色。
然後按住conrol鍵。從tabbar controller拖到這個viewcontroller, 選擇最以下的」relationship」,例如以下圖所看到的:
然後終於的storyboard例如以下圖所看到的:
好了,編譯執行,一切ok。有沒有注意到我一行**都沒有寫,是不是非常奇妙呢!
或
iOS7 動畫學習
該部分 實現了乙個黑色的圖形view從左到右地平滑移動 當然通過修改y座標也可以實現,由上到下的平滑移動 源自 ios7 programming code import viewcontroller.h inte ce viewcontroller property weak,nonatomic i...
iOS7 學習筆記 UIPickerView
uipickerview的功能是讓使用者從一系列待選的值中選取乙個他們取需要的值,iphone鬧鐘的計時器就使用了uipickerview來選擇時間。uipickerview的用法很簡單,即初始化 選擇資料來源 選擇委託物件 顯示。returns the number of columns to d...
iOS7適配問題
ios 7發布了,適配問題來了,開發者都忙起來了。先記乙個ios7 的幾個特點 1.座標 以螢幕左上角為原點 ios7以前在狀態列或者導航條下 2.uiscrollview 包括其子類,比如uitableview 會自動在頂部和底部預留一些空白 因為滾動經過半透明導航條或者tabbar下面,需要能隱...