IOS學習之基於IOS7的tab bar

2021-09-08 18:11:17 字數 1625 閱讀 6652

什麼是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下面,需要能隱...