UIKit User Interface Catalog(about Views)

UIKit User Interface Catalog(about Views)

果果官方文檔就是辣么帥氣

我的總結(jié)

1.如果要?jiǎng)?chuàng)建自己的接口的view的話净薛,是由閉包創(chuàng)建的。盡量使用更多的view去修正各個(gè)元件的距離先蒋。如果要?jiǎng)?chuàng)建一個(gè)view連接著一個(gè)view的結(jié)構(gòu)的話缆瓣,你最好有屬于你自己的view的分層結(jié)構(gòu)

Alt text
Alt text

2.目的:view允許開發(fā)者們?nèi)?/h3>
(1)檢驗(yàn)app的上下文
(2)在app進(jìn)行導(dǎo)航

3.執(zhí)行:view執(zhí)行的是UIview這個(gè)類

4.配置:配置views在Interface Builder里,在在view段的Atrributes Inspector里。少量配置可以直接通過Atrributes Inspector咕宿,但是如果你想要?jiǎng)?chuàng)建你自己的特殊的view的話,用代碼搞定

Alt text
Alt text

5.視圖內(nèi)容

所有的view都是基類UIKit的子類蜡秽,UIkit包括圖片府阀,文檔以及其他格式。如果預(yù)定義的view沒有你想要的芽突,你可以自己創(chuàng)建屬于你自己的views并且手動管理和繪制试浙。
使用Mode可以控制你當(dāng)前視圖的大小。
tag是一個(gè)整數(shù)用來識別在你的app里的view


Alt text
Alt text

6.視圖行為

默認(rèn)激活交互(the User Interaction Enabled )checkbox如果被選擇了寞蚌,意味著一些使用事件被正常提供田巴,例如觸摸和鍵盤钠糊。當(dāng)默認(rèn)激活交互(the User Interaction Enabled )不被選擇,則在view上的事件將被忽略并且移除事件隊(duì)列固额。
多點(diǎn)觸控的checkbox默認(rèn)是不被選擇的眠蚂,意味著該view只能接受第一次觸摸事件在多點(diǎn)觸控的序列里。當(dāng)被選擇的時(shí)候斗躏,這個(gè)視圖接受所有的接觸在多點(diǎn)觸控的序列里逝慧。

Alt text
Alt text

view有一系列屬性關(guān)于繪圖行為

Alt text
Alt text
  • Opaque如果被選擇的話,則意味著完全不透明(這個(gè)意味著允許drawing system去優(yōu)化性能)如果沒有選擇的話啄糙,系統(tǒng)將聯(lián)合上下文去分析如何處理此事件

  • 如果Hidden被選擇了笛臣,該視圖將從window消失并且不接受輸入的額任何事件

  • 當(dāng)Clears Graphics Contex被選擇的時(shí)候,drawing 緩沖區(qū)將在view被繪制的時(shí)候清楚所有的transparent black隧饼。這個(gè)行為確保不會留下任何重繪之前的痕跡

  • 選擇Clip Subview會讓子類的邊框適合于view沈堡,如果不被選擇的話,子類的框架可能會超過可見的view的邊界

  • 當(dāng)Autoresize Subviews被選擇的話燕雁,view會自動調(diào)整子類的大小

7.視圖外觀

背景顏色和透明度

透明度(alpha)可以改變整個(gè)view的透明度诞丽。這個(gè)值從0.0到1.0,0.0為透明拐格,1.0為不透明僧免,設(shè)置這個(gè)值對于嵌入的子視圖并沒有作用

Alt text
Alt text

使用背景顏色選擇一個(gè)顏色填滿整個(gè)view。這個(gè)背景顏色在其他在這個(gè)view的最底層
外觀代理
你可以使用外觀代理去設(shè)置特別的外觀屬性在你的應(yīng)用的所有實(shí)例view中捏浊。例如懂衩,如果你想要你所有的在你的app中的slider有一個(gè)在最小值的顏色,你可以使用在slider外觀代理的一個(gè)消息去指定這個(gè)金踪。
這里有兩種方式去定制對象的外觀:對于所有的實(shí)例和包含實(shí)例的容器類浊洞。

定制一個(gè)類的所有實(shí)例,使用appearance去得到這個(gè)類的外觀實(shí)例
[[UISlider appearance] setMinimumTrackTintColor:[UIColor greenColor]];
定制一個(gè)外觀嘞的實(shí)例胡岔,當(dāng)這個(gè)類包含在一個(gè)容器類里法希,或者實(shí)例在分層結(jié)構(gòu)中,你可以使用appearanceWhenContainedIn:去得到外觀代理在這個(gè)類里姐军。
[[UISlider appearanceWhenContainedIn:[UIView class], nil]
setMinimumTrackTintColor:[UIColor greenColor]];

8.Tint Color

view有一個(gè)tintcolor的屬性在view里的指定顏色的元件里铁材。每一個(gè)UIview的子類定義了一個(gè)自己的對于tintColor的外觀和行為。例如奕锌,這個(gè)屬性決定了outline著觉,divider,和icons在stepper的顏色

[站外圖片上傳中……(7)]

這個(gè)tintColor屬性是一個(gè)快速并且簡單的方式去作為你的app所使用的顏色惊暴。設(shè)置一個(gè)tintcolor在一個(gè)view里可以自動的為它所有的子類也設(shè)置饼丘。然而,你可以手動重載這個(gè)屬性對于任何特悶的子視圖或者是子視圖的子視圖等辽话。換句話說肄鸽,每一個(gè)view遺傳它的父視圖卫病,除非父視圖為空。如果對于最高級別的view在view的分層結(jié)構(gòu)tintColor是空值典徘,則默認(rèn)為系統(tǒng)的藍(lán)色蟀苛。

9.模板圖片

在ios7里,你可以選擇任意的圖片在你的app中作為模板或者模板圖片逮诲。當(dāng)你挑選一張圖片作為模板的時(shí)候帜平,系統(tǒng)會忽略照片的顏色信息并且創(chuàng)建一張照片末班基于alpha值的,這兒末班可以用tintColor重置顏色去匹配剩余的用戶接口梅鹦。

對于默認(rèn)的裆甩,image用UIImageRenderingModeAutomatic.來創(chuàng)建。如果你用UIImageRenderingModeAutomatic來創(chuàng)建圖片齐唆。它將被作為模板對待或者默認(rèn)的基于它的上下文來對待嗤栓。對于某一個(gè)UIKit元件,包括navigation bars, tab bars, toolbars, segmented controls箍邮,自動的將其前端照片作為模板茉帅,盡管他們的背景圖片作為原始的來對待其他的元件,例如image views 和web views 锭弊。將他們的照片當(dāng)做原始來對待担敌。如果你想要你的照片一致被當(dāng)做模板對待不管上下文,則設(shè)置UIImageRenderingModeAlwaysTemplate;如果你想要你的照片并且一直被作為原始照片來對待則用UIImageRenderingModeAlwaysOriginal廷蓉。
指定一張照片的表演模式,首先創(chuàng)建一張標(biāo)準(zhǔn)的照片马昙,然后使用imageWithRenderingMode: 方法在照片中

   UIImage *myImage = [UIImage imageNamed:@"myImageFile.png"];
   myImage = [myImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

10.使用自動布局在view里

自動不育允許你去定義布局的約束對于用戶界面接口元件桃犬,例如view和control。約束代表用戶界面元件之間的關(guān)系行楞。你可以創(chuàng)建自動布局約束選擇合適的元件或者是一組元件在Interface Builder的右下角攒暇。
自動布局約束包含兩個(gè)系統(tǒng)參數(shù)的菜單:pin和align。pin菜單允許你去指定約束去定義一些基于特別的值或者一定范圍的值的關(guān)系子房,一些支持去控制它自己(例如寬度和高度)還有一些則只是定義在元件之間的關(guān)系(例如水平間隔)形用。接下來的表描述了完成每組自動布局約束的參數(shù)。
<table>
<tr>
<td>約束名字</td>
<td>目的</td>
</tr>
<tr>
<td>[站外圖片上傳中……(8)]</td>
<td>設(shè)置單個(gè)元件的寬和高</td>
</tr>
<tr>
<td>[站外圖片上傳中……(9)]</td>
<td>設(shè)置兩個(gè)準(zhǔn)確的元件之間的水平間隔或垂直間隔</td>
</tr>
<tr><td>[站外圖片上傳中……(10)]</td><td>設(shè)置來一個(gè)或者更多個(gè)元件的左证杭,右田度,上,下的對于俯視圖的間隔</td>
</tr>
<tr><td>[站外圖片上傳中……(11)]</td><td>設(shè)置兩個(gè)或者更多個(gè)元件跟彼此相同的寬度或者高度</td></tr>

<tr><td>[站外圖片上傳中……(12)]</td><td>排列左解愤,右镇饺,上,下對于兩個(gè)或者更多個(gè)的邊界</td></tr>

<tr><td>[站外圖片上傳中……(13)]</td><td>排列兩個(gè)或者更多個(gè)元件更具他們的水平中心送讲,垂直中心或者底部的基線奸笤。記得基線是不同于底部的邊界的惋啃。這些值可能對于某些元件并沒有定義</td></tr>
<tr><td>[站外圖片上傳中……(14)]</td><td>排列水平中心或者垂直中心對于一個(gè)或者更多的元件在他們的容器里(父視圖)</td></tr>
</table>
這個(gè)“Constant”值是指定的對于一些Pin約束(除了Widths/Heights Equally)是一些關(guān)系的一部分。那是监右,你可以指定你想要的等于边灭,小于,小于等于或者大于那個(gè)值健盒。
[站外圖片上傳中……(15)]對于更多的記得看果果的官方文檔嘞绒瘦。

11制作容易獲取的view

提高對于一個(gè)項(xiàng)目的易接近的信息,選擇在故事版的對象或者打開一個(gè)檢查身份的易接近段味榛。(accessibility information我不會翻譯嘞)
對于更多信息椭坚,看果果。

12.調(diào)試視圖

當(dāng)view出現(xiàn)問題的時(shí)候搏色,看大眾的易犯錯(cuò)誤善茎。
設(shè)置矛盾的不透明的設(shè)置的時(shí)候,如果你的視圖的alpha值小于1.你不應(yīng)該設(shè)置opaque屬性為yes频轿。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末垂涯,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子航邢,更是在濱河造成了極大的恐慌耕赘,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件膳殷,死亡現(xiàn)場離奇詭異操骡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)赚窃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進(jìn)店門册招,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人勒极,你說我怎么就攤上這事是掰。” “怎么了辱匿?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵键痛,是天一觀的道長。 經(jīng)常有香客問我匾七,道長絮短,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任昨忆,我火速辦了婚禮戚丸,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己限府,他們只是感情好夺颤,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著胁勺,像睡著了一般世澜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上署穗,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天寥裂,我揣著相機(jī)與錄音,去河邊找鬼案疲。 笑死封恰,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的褐啡。 我是一名探鬼主播诺舔,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼备畦!你這毒婦竟也來了低飒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤懂盐,失蹤者是張志新(化名)和其女友劉穎褥赊,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體莉恼,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡拌喉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了俐银。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片司光。...
    茶點(diǎn)故事閱讀 39,919評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖悉患,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情榆俺,我是刑警寧澤售躁,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站茴晋,受9級特大地震影響陪捷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜诺擅,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一市袖、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦苍碟、人聲如沸酒觅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽舷丹。三九已至,卻和暖如春蜓肆,著一層夾襖步出監(jiān)牢的瞬間颜凯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工仗扬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留症概,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓早芭,卻偏偏與公主長得像彼城,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子逼友,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容