ios8人機(jī)界面指南ui元素與設(shè)計尺寸_第1頁
ios8人機(jī)界面指南ui元素與設(shè)計尺寸_第2頁
ios8人機(jī)界面指南ui元素與設(shè)計尺寸_第3頁
ios8人機(jī)界面指南ui元素與設(shè)計尺寸_第4頁
ios8人機(jī)界面指南ui元素與設(shè)計尺寸_第5頁
已閱讀5頁,還剩64頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

UI元素(UIUI元素(UI設(shè)計尺寸(Design1UI元素(UI 條欄 狀態(tài)欄(The us 導(dǎo)航欄(Navigation 工具欄 搜索欄(Search 工具欄和導(dǎo)航欄按鈕(ToolbarandNavigationBar1UI元素(UI 條欄 狀態(tài)欄(The us 導(dǎo)航欄(Navigation 工具欄 搜索欄(Search 工具欄和導(dǎo)航欄按鈕(ToolbarandNavigationBar 欄圖標(biāo)(TabBarIcons) 范圍欄(ScopeBar)內(nèi)容視圖(Content活動 精選視圖(Collection 圖像視圖(Image1.2.7 頁面視圖控制器(PageViewController) 滾動視圖(ScrollView) Web視圖(Web 活動視圖控制器(ActivityView 容器視圖控制器(ContainerViewController) 地圖視圖(MapView) 彈層窗口 分欄視圖控制器(SplitViewController) 文本視圖(TextView)1UI元素(UI 控制 活動指示燈(Activity 添加聯(lián)系人按鈕(ContactAdd 日期選取器 信息按鈕(Info 網(wǎng)絡(luò)活動指示器(NetworkActivityIndicator) 1UI元素(UI 控制 活動指示燈(Activity 添加聯(lián)系人按鈕(ContactAdd 日期選取器 信息按鈕(Info 網(wǎng)絡(luò)活動指示器(NetworkActivityIndicator) 刷新控件(Refresh 分段控件(Segmented 步進(jìn)器 系統(tǒng)按鈕(System 詳細(xì)信息按鈕 Disclosure 頁碼控制(Page 進(jìn)度視圖(Progress 圓角矩形按鈕(Rounded 滑塊 開關(guān) 文本框(Text 警告框 操作菜單(Action 模態(tài)視圖(Modal2設(shè)計尺寸(Design Android Android2設(shè)計尺寸(Design Android Android Android AndroidSDK AndroidDP/SP/PX換算條欄條欄 條欄 狀態(tài)欄(TheStatus顯示了設(shè)備和當(dāng)前環(huán)境的重要信息(iPhone上顯示如下當(dāng)用戶滾動頁面時,app 條欄 狀態(tài)欄(TheStatus顯示了設(shè)備和當(dāng)前環(huán)境的重要信息(iPhone上顯示如下當(dāng)用戶滾動頁面時,app默認(rèn)(白底黑字·使用導(dǎo)航控制器去顯示內(nèi)容。導(dǎo)航控制器會自動顯示狀態(tài)欄背景,(如需了解更多關(guān)于導(dǎo)航控制器的信息,參閱NavigationControllers」。態(tài)欄背后你可以使用視圖控制器來保證這張圖片在滾動視圖之上,或者你可以使用滾動視圖并讓其·淺色內(nèi)容(黑底白字·透明內(nèi)容(黑字或白字-底透明特別是你不能讓用戶誤認(rèn)為輕點狀態(tài)欄可以獲取內(nèi)容或觸發(fā)你的APP中的控件能看到當(dāng)前時間,Wi-Fi連接。*也可設(shè)置隱藏,但要想清楚比如想知道是否連接上了wifi,當(dāng)前時間等。都會給用戶帶來困擾在用戶全屏觀看多媒體內(nèi)容時,考慮隱藏狀態(tài)欄——則要避免重新定義一個手勢來喚起狀態(tài)欄,API備注app設(shè)置統(tǒng)一的狀態(tài)欄樣式,也可以為單獨視圖設(shè)置合適樣式。如需了UIStatusBarStylepreferredStatusBarStyle屬性的信息,參閱《UIApplicationClassReference》及《UIViewControllerClassReference選擇一個和你的app默認(rèn)樣式以白底黑字顯示,appapp適當(dāng)?shù)臅r候,現(xiàn)這樣的指示器,請參閱「網(wǎng)絡(luò)活動指示器」(156頁)app中隱藏狀態(tài)欄UI 條欄 導(dǎo)航欄(Navigation能實現(xiàn)在不同信息層級結(jié)構(gòu)之間的導(dǎo)航,可以考慮在app 條欄 導(dǎo)航欄(Navigation能實現(xiàn)在不同信息層級結(jié)構(gòu)之間的導(dǎo)航,可以考慮在app「分段控件」(159頁)以了解使···app頁面頂部,iPad上,導(dǎo)航欄也可以在視圖內(nèi)部顯示而不用貫穿整個屏幕,例如分欄視iPhone切換設(shè)備方向時,iPad上API備注航欄包含于導(dǎo)航控制器(一個管理顯示自定義視圖層級結(jié)構(gòu)的程序?qū)ο?中。如需了,請參閱「NavigationContollers和「NavigationBars」題,必要時,必要,使用導(dǎo)航欄可以在各個視圖之間導(dǎo)航,并能提供管理視圖中條目的控件(果合適的話)。如果你需要提供更多的控件而且你不需要啟用導(dǎo)航,工具欄作為替代(如需了解更多信息,請參閱「工具欄」(第123頁))當(dāng)用戶在導(dǎo)航層級中進(jìn)入一個新的層級,會發(fā)生兩個變化在導(dǎo)航欄左側(cè)顯示返回按鈕,如果你需要使用提示語, 條欄 導(dǎo)航欄(Navigation避免用過多的控件將導(dǎo)航欄擠滿 條欄 導(dǎo)航欄(Navigation避免用過多的控件將導(dǎo)航欄擠滿,導(dǎo)航欄(工具欄)隱藏導(dǎo)航欄(工具欄)如果在導(dǎo)航欄中那些或左或右的按鈕之間沒有足夠間隔,一塊,而這會讓用戶很難區(qū)分它們。如果導(dǎo)航欄的按鈕標(biāo)題看上去太過接近,可以使用e在它們之間增加適當(dāng)?shù)拈g距。(如需了解更多信息,《UIBarButtonItemClassReference》。盡可能確保自定義的導(dǎo)航欄外觀在整個你的app例如,,用戶知道,自定義圖像替代掉系統(tǒng)自帶的返回箭頭,請確保這是一個自定義的蒙版圖層。iOS重要不要創(chuàng)建多節(jié)的返回按鈕。通常, 條欄 工具欄考慮使用分段控件,,app圖或者模態(tài)窗口,更多信息,請參閱「分段控件」(159頁);多信息閱「標(biāo)簽欄」( 條欄 工具欄考慮使用分段控件,,app圖或者模態(tài)窗口,更多信息,請參閱「分段控件」(159頁);多信息閱「標(biāo)簽欄」(126頁)·如果需要在工具欄中放置超過三個項目,由于文字按鈕通常會比圖標(biāo)更占空間,····在上,iPad上,如果工具欄中那些或左或右的按鈕之間沒有足夠間隔,按鈕上的文字就會被擠到一塊,讓用戶很難區(qū)分它們。如果工具欄中的按鈕標(biāo)題看上去太過接近,在改變設(shè)備方向時,在iPad上UIBarButtonSystemItemFixedSpace在它們之間增加適參閱《UIBarButtonItemClassReference》。)間距。(如需了解更多API備注需了解關(guān)于如何在代碼中定義一個工具欄 更多信息,請參閱《ViewControllerCatalogforiOS》中的「DisplayingaNavigationToolbar」和「Toolbar」在上,中寫死工具欄的高度,相反,UIBarMetrics常量來確保你的內(nèi)容可以很好應(yīng)對 條欄 工具欄和導(dǎo)航欄按鈕(ToolbarandNavigationBariOS提供了大量的標(biāo)準(zhǔn)工具欄和導(dǎo)航欄按鈕,,請參閱「條欄按鈕圖標(biāo)」(182頁)tintColor35-1中符號名稱和按鍵的對應(yīng)關(guān)系,請參閱《ClassReference 條欄 工具欄和導(dǎo)航欄按鈕(ToolbarandNavigationBariOS提供了大量的標(biāo)準(zhǔn)工具欄和導(dǎo)航欄按鈕,,請參閱「條欄按鈕圖標(biāo)」(182頁)tintColor35-1中符號名稱和按鍵的對應(yīng)關(guān)系,請參閱《ClassReference》中關(guān)于UIBarButtonSystemItem重要,appUI仍然可以繼續(xù)使用。35-1中顯示的按鈕外,app,請參閱《UIBarButtonItemClassReference》中的UIBarButtonSystemItem最后,你也可以在工具欄中使用系統(tǒng)自帶的信息按鈕分享打開一個操作菜單,app相機(jī)打開一個操作菜單,撰寫書簽app搜索新增回收站整理app內(nèi)的目標(biāo)位置,回復(fù)刷新刷新內(nèi)容(只在必要時使用,盡量自動刷新播放快進(jìn)暫停暫停多媒體或幻燈片播放(注意,這意味著要保留所處情境快退 條欄 標(biāo)簽欄(Tab如果你需要為用戶提供這些操作,你可以使用工具欄作為替代 條欄 標(biāo)簽欄(Tab如果你需要為用戶提供這些操作,你可以使用工具欄作為替代(如需了解使用準(zhǔn)則,請參閱具欄」(123頁))在某個標(biāo)簽的功能不可用時,一個禁用的標(biāo)簽。如果你在某些情況下移除了標(biāo)簽欄而其他時候又沒有,app的界原因。比如,iOS設(shè)備中沒有歌曲,在「音樂」app的「歌曲」標(biāo)簽中就會顯示一API說明標(biāo)簽欄的更多信息,參閱「TabBarControllers」和「TabBars」部分在iPad上,如果這些標(biāo)簽是用于切換或過濾視圖內(nèi)容,你就可以這樣做。不過,的底部使用分段控件效果往往會更好,調(diào)。(如需了解使用分段控件的更多信息,請參閱「分段控件」(159頁)。)iPhone上,5個標(biāo)簽(如果有更多標(biāo)簽,標(biāo)簽欄會顯示其中4個并增加一,再將其他的標(biāo)簽以列表形式收納在其中)可以用徽標(biāo)——一個紅底白字并顯示數(shù)字或感嘆號的橢圓形——app有關(guān)的特在iPad上,在標(biāo)簽欄放置過多的標(biāo)簽會讓用戶很難點中他們需要的標(biāo)簽。每多一個標(biāo)簽,app又多了一分的復(fù)雜。通常,7個以內(nèi)。而在彈出窗口或分欄視圖左側(cè)窗格中,5在iPad上,iPadapp中,使用標(biāo)簽欄可以讓用戶在同一組數(shù)據(jù)的不同視圖中切換,或是在和app在iPad上,橫屏豎屏都顯示一樣的標(biāo)簽,以增強(qiáng)app豎屏方向時,7,你應(yīng)該將同樣的標(biāo)簽沿屏幕寬彈出窗口中使用了一個標(biāo)簽欄,那在切換成橫屏?xí)r,一般來說,app的主界面中,因為它可以很好地扁平化信息層級,并同時提供了進(jìn)入 條欄 iOS為標(biāo)簽欄提供了標(biāo)準(zhǔn)圖標(biāo),見表35-2。如需了解如何設(shè)計自定 條欄 iOS為標(biāo)簽欄提供了標(biāo)準(zhǔn)圖標(biāo),見表35-2。如需了解如何設(shè)計自定義標(biāo)簽圖標(biāo),請參閱「條欄按鈕圖標(biāo)」(182頁)要了解符號名稱和按鍵的對應(yīng)關(guān)系,請參閱《UIBarButtonItemReference》UIBarButtonSystemItem重要app,即便是相關(guān)含義的圖標(biāo)外觀被改變了。書簽app聯(lián)系人聯(lián)系人收藏推薦app歷史更多(最新最多瀏覽最近app搜索最高評分 條欄 可以接收用戶輸入的文本并將其作為一次搜索輸入(如下圖所示)· 條欄 可以接收用戶輸入的文本并將其作為一次搜索輸入(如下圖所示)·結(jié)果列表圖標(biāo)。此圖標(biāo)用來表示搜索結(jié)果。當(dāng)用戶點擊這個圖標(biāo)時,app提供引導(dǎo)或搜索欄在app中所處的情境。API說明如需了解如何在代碼中定義搜索欄,請參閱「SearchBar——例如,「Google」?!ぁ笗灐拱粹o。此按鈕可以給用戶提供一種快捷方式,再次抵達(dá)他們想要輕松使用標(biāo)簽欄可以讓用戶在同一組數(shù)據(jù)的不同視圖中切換,或是在和app在iOS8和更高版本中,使用UISearchDisplayController注意,搜索視圖控制器包含于導(dǎo)航控制器中,當(dāng)用戶進(jìn)入搜索時,搜索欄會自動在導(dǎo)航欄中漸變顯現(xiàn)——在iOS7和更高版本中,使用UISearchDisplayController請注意,搜索視圖控制器包含于導(dǎo)航控制器中,當(dāng)用戶進(jìn)入搜索時,——·「清除」按鈕。大多數(shù)搜索欄都包含清除按鈕,用戶輕點一下就能清除搜索欄突顯的搜索欄風(fēng)格(在「郵件」中顯示精簡的搜索欄風(fēng)格(在「音樂」中顯示 條欄 范 條欄 范圍欄(Scope隨搜索欄一起出現(xiàn),API說明如需了解如何在代碼中定義搜索欄和范圍欄,請參閱「SearchBars」當(dāng)搜索欄出現(xiàn)時,當(dāng)用戶想要在明確定義或清晰分類的范圍內(nèi)搜索時,范圍欄會非常有用。當(dāng)然,更好的做法是提升搜索結(jié)果質(zhì)量,內(nèi)容視圖(Content內(nèi)容視圖(Content 內(nèi)容視圖(Content 活動 內(nèi)容視圖(Content 活動統(tǒng)提供或自定義的服務(wù)操作,為你的服務(wù)創(chuàng)建一個線條流暢的模板圖像(templatealphaAPI備注如需了解如何在代碼中定義活動菜單,請參閱《UIActivityClassReference》;如需了圖控制器app,請參閱「活動視圖控制器」(132頁)。70x70像素左右(高分辨率下),·是一個可自定義的對象,app,上顯示效果更好且更容易本地化。如果標(biāo)題過長,iOS首先會縮小文本,仍然太長的話則會對其進(jìn)·以圖標(biāo)形式呈現(xiàn),,它也可以請求請求更多信息再執(zhí)行該服務(wù)。app所提供的自定義服務(wù)。請注意,iOS本身提供了一些內(nèi)置服務(wù),「打印」、「Twitter」、「消息」和「AirPlay」。你不需要再創(chuàng)建一些執(zhí)行內(nèi)置服務(wù)的自定義活動 內(nèi)容視圖(Content 內(nèi)容視圖(Content 顯示了一系列可配置的服務(wù),iPhone上,會在操作列表中出現(xiàn);iPad上,是一個臨時視圖,常見的活動視圖控制器使用方式是,你可以更改活動視圖控制器中所列出的服務(wù),為了防止用戶打印圖像,注意API備注如需了解更多在代碼中定義活動視圖控制器的信息,《UIActivityViewControllerClassReference》;如需了解如何設(shè)計一個提供自定義服務(wù)的活動,請參閱「活動」(131頁) 內(nèi)容視圖(Content 精選視圖(Collection 內(nèi)容視圖(Content 精選視圖(Collection可以管理項目的有序集合,可以包含可選視圖,以從視覺上區(qū)分項的子集或者提供裝飾性項目,除項目時,)目)和長按()嚴(yán)格的線性布局,精選視圖支持廣泛的定制,因此必須要保持專注,當(dāng)表格視圖是更好的選擇時,有時候,以列表呈現(xiàn)的信息會更容易被用戶所閱讀和理解。例如當(dāng)文本信息在滾動列表中呈現(xiàn)如果用戶很難點中精選視圖中的項,appUI對象一樣,44x44點。如果你要讓布局動態(tài)變化,app留下不符合預(yù)期且難以使用的印象。如果用戶在動態(tài)布局變化中丟失了當(dāng)前關(guān)注點或所處情境,用戶會認(rèn)為你的app徹底失控了。API備注如需了解在代碼中如何定義精選視圖,請參閱《CollectionViewProgrammingGuideforiOS》。 內(nèi)容視圖(Content 容器 內(nèi)容視圖(Content 容器視圖控制器(ContainerView以自定義的方式管理和呈現(xiàn)一系列子視圖(或子視圖控制器)(你可以在「標(biāo)簽欄」(126頁)「導(dǎo)航欄」(121頁)和「分欄視圖控制器(iPad)」(142頁)中了解這些元素的信息)API備注問問自己,用戶習(xí)慣于標(biāo)準(zhǔn)容器視圖控制器的外觀和行為,,在豎屏和橫屏方向上都要給予用戶一致的體驗,一般來說,如果你使用故事板來設(shè)計一個自定義視圖控制器,,太過花哨的視圖轉(zhuǎn)場效果會讓用戶從任務(wù)中分心,app 內(nèi)容視圖(Content 圖像 內(nèi)容視圖(Content 圖像視圖(ImageAPI備注如如需了解在代碼中定義圖像視 更多信息,請參閱「圖像視圖」沒有預(yù)先定義好的外觀,檢查圖像及其父級視圖的屬性,并決定圖像是否可以被拉伸、縮放、調(diào)整到合適大小,iOS7中,如果你的圖像尺寸各不相同,;如果你的圖像比例不一, 內(nèi)容視圖(Content 地圖視圖( 內(nèi)容視圖(Content 地圖視圖(Map可以呈現(xiàn)地理數(shù)據(jù),并支持內(nèi)置「地圖」app的大部分功能(在「iPhotos」中顯示如下可以顯示備注(以單點標(biāo)注)和疊加圖層(繪制路徑或二維區(qū)域app,(app的更多信息,請參閱「路線導(dǎo)航」(86頁))一般來說,人們習(xí)慣于和內(nèi)置「地圖」app進(jìn)行交互,地圖圖釘用來顯示在你地圖中的興趣點(POI)app中的圖釘顏色,app中重新定義這些顏色的含義。當(dāng)你使用標(biāo)準(zhǔn)圖釘顏色時,API備注如需了解在代碼中定義地理視圖的更多信息,請參閱「MapKitFramework 內(nèi)容視圖(Content 頁 內(nèi)容視圖(Content 頁面視圖控制器(PageView對于滾動樣式,對于翻頁樣式,使用滾動樣式時,當(dāng)前頁面會滾動到下一頁;使用翻頁樣式時,如果必要,;但這并不能讓用戶在不相鄰的頁面之間快(一本書的目錄),那么你必須自定義一種方式,API備注如需了解在代碼中定義頁面視圖控制器的更多信息,請參閱「頁面視圖控制器」 內(nèi)容視圖(Content 彈出窗 內(nèi)容視圖(Content 彈出窗口彈出窗口通常顯示一個箭頭,有著半透明背景,可以包含多種對象和視圖,app(默認(rèn)情況,彈出窗口中的表格視圖、導(dǎo)航欄和工具欄會使用透明背景,以讓彈出窗口的毛玻璃效果顯示出來。iPadapp中,彈出窗口可以用來顯示附加信息,顯示一個操作菜單,app處于豎屏?xí)r,彈出窗口用來顯示左側(cè)窗格的內(nèi)容。如果能做到這一點,一個恰當(dāng)?shù)臉?biāo)題按鈕用來顯示彈出窗口——按鈕最好放在屏幕頂部的導(dǎo)航欄或工具欄中——;定義一種方式,通常,不是每一個彈出窗口都會有一個明確的取消確認(rèn)所以人們可能會誤點。只有在人們輕點「取消」按鈕時,才丟棄他API備注如需了解關(guān)于在ios8或更高版本的代碼中定義彈出窗口的更多信息,請參《UIPopoverPresentationController 內(nèi)容視圖(Content 彈出窗口UIPopoverBackgroundViewAPI 內(nèi)容視圖(Content 彈出窗口UIPopoverBackgroundViewAPI,app中該如何使用這個窗口。樣做有助于用戶記住彈出窗口的出現(xiàn)位置,確保用戶在使用彈出窗口時看不到背后的app彈出窗口會模糊其背后的內(nèi)容,如果合適,如果你要用彈出窗口來顯示同一信息的精簡和拓展視圖,你不應(yīng)該同時展示超過一個的彈出窗口(除了警告框,如果可能,當(dāng)不同的幾個條欄按鈕都能打開彈出窗口時,這個行為顯得尤其有用,彈出窗口不應(yīng)占據(jù)整個屏幕。相反,它的大小應(yīng)恰好足夠顯示其中的內(nèi)容,理想情況下,320點,600限制,,在彈出窗口中使用標(biāo)準(zhǔn)的UI通常來說,在彈出窗口中使用標(biāo)準(zhǔn)控件和視圖看上去會最好,如果彈出窗口那就這樣做選項, 內(nèi)容視圖(Content 滾動視圖( 內(nèi)容視圖(Content 滾動視圖(Scroll能讓人們?yōu)g覽比滾動視圖區(qū)域更大的內(nèi)容(域更高更寬)滾動視圖當(dāng)其初次顯現(xiàn)或者用戶與之交互時,以人們感覺自然的方式響應(yīng)手勢的速度和方向,可以在分頁模式(pagingmode)中運行,appapp有用,,當(dāng)你在分頁模式的滾動視圖中使用頁碼控件時,,app中使用頁碼控件的更多信息,「頁碼控件」(173頁)。通常來說,人們常常會在滾動時做出大幅度的輕掃手勢,iPhone版「股票」,在以橫向滾動視圖顯示的公司特定信息之上,會以垂直滾動視圖顯示股票摘要。API備注如需了解關(guān)于在代碼中定義滾動視圖的更多信息,請參閱「ScrollViews 內(nèi)容視圖(Content 分欄視圖控制器(SplitView分欄視圖控制器沒會顯示兩個窗格 內(nèi)容視圖(Content 分欄視圖控制器(SplitView分欄視圖控制器沒會顯示兩個窗格(320點;右側(cè)窗格的寬度你可以自己定義當(dāng)設(shè)備處于橫屏方向時,可以包含廣泛的對象和視圖,如··注意即使左側(cè)窗格通常被稱作主窗格,右側(cè)窗格是詳情窗格,使用分欄視圖控制器可以在左側(cè)窗格中顯示持久信息,這個設(shè)計范式中如果人們選中左側(cè)窗格中的某個項目,右側(cè)窗格中應(yīng)該顯示與之相關(guān)的信息。(你如果右側(cè)窗格比左側(cè)窗格窄,分欄視圖控制器將不能占滿屏幕寬度,API備注著這些子視圖控制器,并對不同方向之間的切換進(jìn)行管理。如需了解在代碼中定義分欄視 多信息,請參閱《UISplitViewControllerClassReference》和「分欄視圖控在iOS的7及更早版本中,拆分視圖控制器是僅適用于iPad通常來說,即使右側(cè)窗格中的內(nèi)容會發(fā)生改變,如果合適,默認(rèn)情況下,豎屏方向時只會顯示右側(cè)窗格,(通常位于導(dǎo)航欄)呼出和隱藏左側(cè)面板。分欄視圖控制器也支持輕掃手勢來執(zhí)行呼出/app會 內(nèi)容視圖(Content 表格視圖(SplitViewiOS定義了兩種表格視圖樣式在平鋪型樣式中,在分組型樣式中,行會以多個分組顯示, 內(nèi)容視圖(Content 表格視圖(SplitViewiOS定義了兩種表格視圖樣式在平鋪型樣式中,在分組型樣式中,行會以多個分組顯示,腳結(jié)束。分組型表格視圖一般至少包含一組列表項(分為若干帶標(biāo)簽的段落API備注如需了解在代碼中定義表格視圖 多信息,請參《TableViewProgra ngGuideforiOS》和「表格視表格視圖··在這兩種樣式中,表格的行在用戶點選時都會被短暫高亮。如果選中某一行會進(jìn)入一個新頁面,會以不同的行來顯示數(shù)據(jù),添加、刪除或多選,查看某行條目的更多信息,iOS定義了兩種表格視圖樣式 內(nèi)容視圖(Content 表格視圖(SplitView(可選),iOS包含了一些可以拓展表格視圖功能的元素。除非特別注明,(可選),,項目看上去都很相似的情況,除了上面列出的表格專用元素,iOS 內(nèi)容視圖(Content 表格視圖(SplitView(可選),iOS包含了一些可以拓展表格視圖功能的元素。除非特別注明,(可選),,項目看上去都很相似的情況,除了上面列出的表格專用元素,iOS還定義了刷新控件,表格中使用刷新控件的信息,請參閱「刷新控件」(158頁)appiOS注意如從編程角度來說,這些樣式會應(yīng)用到表格視圖的單元格中,勾選標(biāo)記展開指示器(Disclosure詳情展 etailDisclosure 表格區(qū)域外使用這個元素,請參閱「彈出窗口(僅iPad)」(第138頁))。行重排按鈕(Row插入行(Row刪除按鈕控件(Deletebutton在編輯情境中,刪除按鈕(Delete 內(nèi)容視圖(Content 表格視圖(SplitViewValue 內(nèi)容視圖(Content 表格視圖(SplitViewValue,使用表格視圖可以清晰而高效地顯示少量或大量的信息。例如·型表格視圖,UI元素時,·(disclosureindicator),都會展開一個新的列表來顯示子類信息。·iOS6.0及以上版本中,你可以使用頁眉-頁腳視圖(header-footerview)—UITableViewHeaderFooterView中的一個常量—來在頁眉和頁腳中顯示文本或自定-頁腳視圖,請參閱《UITableViewHeaderFooterViewClassReference》Value注意 內(nèi)容視圖(Content 表格視圖(SplitView在當(dāng)你在使用表格視圖時, 內(nèi)容視圖(Content 表格視圖(SplitView在當(dāng)你在使用表格視圖時,請遵循以下準(zhǔn)則在用戶選擇一個列表項時,當(dāng)用戶在輕點某個可選中的項目時,他們會希望這個表格行應(yīng)該有短暫的高亮。在輕點后,用戶期望顯現(xiàn)一個新的視圖(或者在這一行顯示一個勾選標(biāo)記)如果表格內(nèi)容龐大而復(fù)雜,相反,,圖像等更多較為復(fù)雜的數(shù)據(jù)則在加載完后再顯示。這樣做可以讓用戶立即看到有用的信息,app在等待新數(shù)據(jù)加載時,app中這樣做,app立即給到用戶一些有用的信息。在你決定這樣做之前,請評估數(shù)據(jù)更新頻率,如果數(shù)據(jù)加載緩慢或者很復(fù)雜,如果表格包含的信息都很復(fù)雜,,避免顯示空白行非常重要,app,動的活動指示器,配上如「加載中」這樣的信息標(biāo)簽(informativelabel)如果合適,app的運作方式的話,,盡量使用簡潔的文本標(biāo)簽,,這樣的截斷或多或少會帶來一些問題,顯示在表格右側(cè)的表格視圖元素——如詳情指示器——如果你想以非標(biāo)準(zhǔn)的形式來布局你的表格,和大幅改動標(biāo)準(zhǔn)樣式相比,自定義的單元格樣式。如需了解如何創(chuàng)建你自己的單元格,請參閱《TableViewProgrammingGuideforiOS》中的「CustomizingCells 內(nèi)容視圖(Content 文本視圖(TextiOS提供了不同的鍵盤類型, 內(nèi)容視圖(Content 文本視圖(TextiOS提供了不同的鍵盤類型,如需了解關(guān)于可用的鍵盤類型的信息UIKeyboardTypeapp中管理鍵盤的內(nèi)容的更多信息,請參閱《iOSAppProgrammingGuide》中的「ManagingtheKeyboard」一節(jié)。*這里附加幾種不同類型的鍵注意如需了解在代碼中定義文本視圖的內(nèi)容,請參閱「TextViews文本視圖當(dāng)內(nèi)容超出視圖邊框太多時,支持自定義字體、顏色和對齊(默認(rèn)情況下,文本視圖會以左對齊的黑色系統(tǒng)字體顯示雖然你可以使用屬性字符串以富有創(chuàng)意的方式融合不同字體、顏色和對齊方式,仍然很有必要。最好是在文本視圖中支持「動態(tài)字體」(DynamicType)并使用UIFont的清晰易讀」(48頁);關(guān)于程序?qū)崿F(xiàn)的信息,請參閱《TextProgrammingGuideforiOS》中的「Text指定不同的鍵盤類型, 內(nèi)容視圖(Content 內(nèi)容視圖(Content 文本視圖(Text*這里附加幾種不同類型的鍵盤和輸入*相對鍵盤的尺寸在縱向和橫向模 內(nèi)容視圖(Content Web視圖(WebWeb 內(nèi)容視圖(Content Web視圖(WebWeb一是一個可以顯示富HTML內(nèi)容的區(qū)域(下圖中iPhone版「郵件」導(dǎo)航Web視圖)webapp,webiOSwebappwebweb內(nèi)容,請務(wù)必要閱讀《SafariWebContentGuide避免使用web覽器的人們希望使用Safari瀏覽器在iOS瀏覽網(wǎng)頁內(nèi)容,因此復(fù)制你的應(yīng)用在這個廣闊的API備注web視圖的內(nèi)容,參閱「Web控件控件 控件 活動指示器( 控件 活動指示器(Activity表示某個任務(wù)或進(jìn)程正在進(jìn)行中(如下圖的文本標(biāo)簽所示API備注如需了解如何在代碼中定義活動指示器,請參閱《UIActivityIndicatorViewClassReference活動指示器任務(wù)正在進(jìn)行時旋轉(zhuǎn),在工具欄或主視圖中,使用活動指示器可以告知用戶進(jìn)程正在進(jìn)行當(dāng)中,有時候,如果合適的話, 控件 添加 控件 添加聯(lián)系人按鈕(ContactAddAPI備注如需了解如何在代碼中定義聯(lián)系人,請參閱「Buttons」添加聯(lián)系人按鈕使用「添加聯(lián)系人」按鈕給了用戶一種不需要使用鍵盤也能訪問聯(lián)系人的簡便方式。例如,,由于「添加聯(lián)系人」按鈕屬于鍵盤輸入聯(lián)系人信息的替代方式, 控件 日期選擇器(Date 控件 日期選擇器(Date顯示著日期和時間的組件,上,如果你的app需要,默認(rèn)情況下,60個數(shù)值(059)60整除。比如說,鐘,0,15,3045API備注如需了解如何在代碼中定義日期選擇器,請參閱「UIKit用戶界面目錄」日期選擇器···最多顯示四個獨立的滾動,每個滾輪顯示一個單獨的分類數(shù)值,不能更改其大小(iPhone鍵盤相同·有四種模式,每一種滾輪包含一組不同的數(shù)值····日期和時間。日期和時間模式(默認(rèn)模式)以滾動形式顯示著日歷日期、小時和分鐘,/倒數(shù)計時器。倒數(shù)計時器模式以滾動形式顯示小時和分鐘。你可以指定一次倒計時的總時長,2359使用日期選擇器可以讓用戶選擇而不是鍵盤輸入一個包含了多個部分(比如日、月份和年份) 控件 詳情展DetailDisclosure 控件 詳情展DetailDisclosureAPI備注如需了解如何在代碼中定義「詳情展開」按鈕,請參閱《UITableViewCellClassReference》和「Buttons」當(dāng)「詳情展開」按鈕在表格的某一行中出現(xiàn)時,輕點此行中按鈕外的其他地方均不會觸發(fā)該按鈕;相反,,app通常來說,戶獲知與這個列表項的更多信息或功能。無論如何,, 控件 信息 控件 信息按鈕(Infoapp的配置信息,API備注如需了 多關(guān)于在代碼中定義「信息」按鈕的內(nèi)容,請參閱「Buttons」iOS包含兩種「信息」按鈕樣式:適用于淺色內(nèi)容的深色按鈕;appappUI 控件簽API備注 多信息,請參閱《UILabelClassReference》簽·· 控件簽API備注 多信息,請參閱《UILabelClassReference》簽··確讓你的標(biāo)簽清晰易讀UIFontpreferredFontForTextStyle方法以獲取顯示文本。如果你選擇使用一個自定義字體,(app中使用文本的準(zhǔn)則,請參閱「顏色和文字設(shè)計」(48頁); 控件 網(wǎng) 控件 網(wǎng)絡(luò)活動指示器(NetworkActivity會在狀態(tài)欄中出現(xiàn),API備注UIApplicationnetworkActivityIndicatorVisible網(wǎng)絡(luò)活動指示器當(dāng)網(wǎng)絡(luò)活動正在進(jìn)行時,會在狀態(tài)欄上旋轉(zhuǎn);app的網(wǎng)絡(luò)連接超過好幾秒時,顯示網(wǎng)絡(luò)活動指示器以提供反饋。如果操作在這之前就已完成,,因為很可能在用戶注意到它之前, 控件 頁碼控件( 控件 頁碼控件(Page能表示打開了多少視圖以及當(dāng)前所見的是哪一個(在「天氣」中顯示如下API備注如需了解關(guān)于在代碼定義頁碼控件的更多信息,請參閱「UIKit用戶界面目錄」頁碼控件····app中每個當(dāng)前打開的視圖都會顯示為一個指示圓點(從左到右,這些圓點代表著視圖被打開的先后順序不要將圓點收縮或擠壓在一起以顯示更多被打開的視圖;如果你嘗試展示超過視圖范圍的圓點,app中每一個視圖都是和其他視圖同級時,如果你app是在一系列層級視圖中顯示信息,,在這個位置,,iPhone20 控件 選擇器用來顯示一組數(shù)值,API備注如 控件 選擇器用來顯示一組數(shù)值,API備注如需了解如何在代碼中定義選擇器,請參閱《UIPickerViewClassReference》選擇器·是日期選擇器的通用版本(解關(guān)于日期選擇器的更多信息,請參閱·顯示一個或多個滾輪,··iPhone鍵盤相同一般來說,當(dāng)用戶對整組數(shù)值都很熟悉時,由于滾輪靜止時,大部分?jǐn)?shù)值都會被隱藏,,如果你需要展示大量數(shù)值,因為表格視圖有著更高的高度, 控件 控件 用于展示有已知持續(xù)時間的任務(wù)或進(jìn)程進(jìn)度(如下圖中「郵件」工具欄所示API備注如需了解如何在代碼中定義進(jìn)度視圖,請參閱《UIProgressViewClassReference》進(jìn)度視圖是一條軌跡,iOS默認(rèn)型。默認(rèn)樣式看上去更突出,app條欄型。條欄樣式比默認(rèn)樣式更纖細(xì),使用進(jìn)度視圖能給那些有著明確持續(xù)時間的任務(wù)提供反饋,如果合適,請根據(jù)你的app你可以通過自定義進(jìn)度視圖來指定外觀, 控件 刷新控件( 控件 刷新控件(Refresh用于執(zhí)行用戶發(fā)起的內(nèi)容刷新—通常在表格中刷新(如下圖中郵箱列表上方所示)API備注如需了解如何在代碼中定義刷新控件的內(nèi)容,請參閱《UIRefreshControlClassReference》刷新控件默認(rèn)情況下隱藏,使用刷新控件能給用戶一種一致的方式,去告知表格或其他視圖要立即更新內(nèi)容,不要因為你提供了刷新控件就停止內(nèi)容的自動更新。盡管用戶喜歡主動請求立即刷新,,件的用戶可能就會疑惑,app總是顯示過期內(nèi)容。一般來說,你需要為用戶提供一種選項去立即刷新內(nèi)容,只在必要時才提供一個簡短的標(biāo)題。但尤其需要注意的是, 控件 圓角矩形按鈕 控件 圓角矩形按鈕ectangle圓角矩形按鈕tanglebutton)iOS7中已經(jīng)不再使用。取而代之使用的是系統(tǒng)按鈕——UIButtonTypeSystemUIButton。如需了解相關(guān)指南,請參閱「系統(tǒng)按鈕」(162頁) 控件 分段控件(Segmented是一組分段的直線集合 控件 分段控件(Segmented是一組分段的直線集合,API備注如需了解如何在代碼中定義分段控件,請參閱「SegmentedControls分段控件由兩個或兩個以上寬度相同的分段組成,44x44,iPhone上5由于分段控件中所有分段的寬度都相同,分段控件可以包含文本或圖像。一個獨立的分段可以包含純文本或純圖像,,最好避免在同一個分段控件中,一些分段放置文字,如果自定義了分段控件,如果你為分段控件自定義了背景樣式,(barmetrics)API去調(diào)整分段控件內(nèi)部的內(nèi)容布局(多信息,UISegmentedControlappearance-customizationAPIs一節(jié))。 控件 滑塊 控件 滑塊允許用戶在一個限定范圍內(nèi)調(diào)整數(shù)值或進(jìn)度(如下圖中自定義左右兩側(cè)所示API備注如需了解如何在代碼中定義滑塊,在UIKit的用戶界面目錄滑塊由一條水平的滑軌和一個滑塊(用戶可以滑動的圓形控件)可以放置圖像(可選),填充滑軌從最小值(通常在左端)使用滑塊可以讓用戶精確地控制他們可以選擇的值,如果必要,可以為滑塊創(chuàng)建自定義外觀。例如,你可以····定義滑塊的的外觀,如果你需要顯示音量滑塊,用MPVolumeView類去使用系統(tǒng)自帶的音量滑塊。請注意,在當(dāng)前激活的音頻輸出設(shè)備不支持音量控制時,音量滑塊會被替換為適當(dāng)?shù)脑O(shè)備名稱 控件 步進(jìn)器 控件 步進(jìn)器API備注如需了解如何在代碼中定義步進(jìn)器,請參閱「Steppers步進(jìn)器是一個分為兩段的控件,其中一段默認(rèn)顯示加號,不顯示用戶所調(diào)整的數(shù)值在用戶可能需要對數(shù)值進(jìn)行微調(diào)時,避免在用戶想要大幅度調(diào)整數(shù)值時使用步進(jìn)器步進(jìn)器不會顯示任何數(shù)值, 控件 開關(guān) 控件 開關(guān)開關(guān)API備注如需了解如何在代碼中定義開關(guān)的,請參閱「Switches開關(guān)在表格中使用開關(guān)來向用戶提供一種在兩個選項中指定一個的方式,比如是/否或開/關(guān),UI元素的狀態(tài)。根據(jù)用戶所做的選擇,去顯示或隱藏新的列表項, 控件 系統(tǒng)按鈕app如果合適, 控件 系統(tǒng)按鈕app如果合適,為內(nèi)容區(qū)域中的系統(tǒng)按鈕添加邊框或背景顯示,你可以通過撰寫一個清晰的行動號召(call-to-action)境,,無論怎樣,通過增加邊框或背景顯示來吸引用戶關(guān)注也是合適的。API備注iOS7中iOS6app,iOS7上時,系統(tǒng)的按鈕外觀。如需了解如何在代碼中定義系統(tǒng)按鈕,請參閱「Buttons系統(tǒng)按鈕支持自定義樣式,比如邊框和背景圖像(想要添加自定義外觀,使用系統(tǒng)按鈕可以去執(zhí)行某個操作。當(dāng)你要為系統(tǒng)按鈕提供標(biāo)題時,請遵循以下方法使用系統(tǒng)按鈕可以去執(zhí)行某個操作使使用標(biāo)題大寫樣式除了冠詞、并列連詞以及少于四個字的介詞,避免使用太長的標(biāo)題過長的文本會被截斷, 控件 文本框(Text支持用戶輸入單行的文本(如下圖中目的描述和占位符文本處所示) 控件 文本框(Text支持用戶輸入單行的文本(如下圖中目的描述和占位符文本處所示)如果可以幫助用戶理解文本框的目的,當(dāng)文本框中沒有其他文字時,—指定一種鍵盤類型,型,每種設(shè)計都是為了方便一種不同類型的輸入。如需了解可用的鍵盤類型,請參閱UIKeyboardTypeapp中管理鍵盤的內(nèi)容,請參閱《iOSAppProgrammingGuide》中的「ManagingtheKeyboard」。但請注意,你不能控制鍵盤的輸入方式和布局,API備注如需了解關(guān)于定義文本框并自定義以顯示圖像和按鈕的更多信息,「TextFields」文本框····當(dāng)用戶在其中輕點時,可以包含系統(tǒng)提供的按鈕,可以顯示使用多種樣式的文本(如需了解更多關(guān)于此的內(nèi)容,如果有助于用戶理解如何使用文本框,例如,你可以在文本框的左側(cè)或右側(cè)顯示自定義圖像,或者添加一個系統(tǒng)提供的按鈕,合適的話, 警告框appAPI備注 警告框appAPI備注警告框顯示一個必需的標(biāo)題,你將讀到的是警告文本設(shè)計指南,了解這些定義非常有用大寫,app警告框數(shù)量,指的是第一個單詞的首字母需要大寫,,通常來說,簡明扼要地描述當(dāng)前情境,理想情況下,你撰寫的文本要給用戶足夠的情境,,如果警告框用來做這些事情可以這樣做來代替警告框appapp的樣式相協(xié)調(diào)使用進(jìn)度視圖或活動指示器(在「進(jìn)度視圖」(158頁)和「活動指示器」(152頁)中有所描述又或者app的界面中去。使用操作列表(在「操作列表」(168頁)中有描述)如果問題不是很嚴(yán)重,app的界面中 警告框恰如其分地使用大小寫和標(biāo)點符號,保持標(biāo)題足夠簡短,, 警告框恰如其分地使用大小寫和標(biāo)點符號,保持標(biāo)題足夠簡短,,單個詞的標(biāo)題,比如「錯誤」或「警告」,如果必須為警告框提供一條可選的消息正文,,可能的話,用戶理解大多數(shù)警告框都是為了告訴他們發(fā)生的問題,此,理想情況下,出選擇。如果你需要提供詳細(xì)的指引,請遵循以下準(zhǔn)則不要用引號將按鈕的標(biāo)題括起來,有時候,這些直接指向人的文本可能會引起歧義,當(dāng)警告框標(biāo)題則使用標(biāo)題大寫樣式,句子大寫樣式,句子大寫樣式, 警告框理想情況下,最自然的點擊按鈕應(yīng)符合兩個標(biāo)準(zhǔn):它執(zhí)行了用戶最想要做的操作;點 警告框理想情況下,最自然的點擊按鈕應(yīng)符合兩個標(biāo)準(zhǔn):它執(zhí)行了用戶最想要做的操作;點,也不會造成嚴(yán)重問題。具體來說橫屏方向中的警告框高度會有所限制,化警告文本的長度,·成破壞性后果,而這又是用戶最有可能的操作,·成破壞性后果,而這又是用戶最有可能的操作,注意在警告框顯示時點按「主屏幕」按鈕,app。這樣做的效果類——即,警告框被取消且操作沒有被執(zhí)行。一般來說,,單個按鈕的警告框就不那么有用,,并沒有賦予用戶任何對當(dāng),應(yīng)該盡可能避免使用。如果你在一個警告框中添加了太多按鈕,它會導(dǎo)致警告框需要滾動,好的按鈕標(biāo)題一般只有一到兩個詞,,遵循下面這些準(zhǔn)則和所有按鈕標(biāo)題一樣,使用標(biāo)題大寫樣式,如果沒有更好的選擇,使用「好」(OK)注意如何使用操作菜單,「操作菜單」(168頁))?!ぁ埂肝摇购汀肝业摹埂J褂眠@些詞語的標(biāo)題往往會引起歧義, 操作菜單(Action在iPad上,iPhone 操作菜單(Action在iPad上,iPhone中,iPad上,無論在何種設(shè)備上,在操作列表頂部顯示紅色按鈕,,iPhone上,破壞性的按鈕離操作列表底部越遠(yuǎn),API備注一系列選項,UI中占據(jù)位置。,并為他們提供一些替代方案。如果你的操作列表中存在太多按鈕,的體驗,因為他們必須花更多的時間來分辨這些選項。同樣,在iPhone上,,有利于用戶在選擇前通讀所有選項,如果任務(wù)從如下情境中發(fā)起則顯示操作列表時是否包含取消按鈕 模態(tài)視圖(Modal是一個以模態(tài)形式展現(xiàn)的視圖,它為當(dāng)前任務(wù)或情境提供自包含(self-contained)在iPad上,選擇一種適合當(dāng)前任務(wù)以及 模態(tài)視圖(Modal是一個以模態(tài)形式展現(xiàn)的視圖,它為當(dāng)前任務(wù)或情境提供自包含(self-contained)在iPad上,選擇一種適合當(dāng)前任務(wù)以及appAPI備注如需了解在代碼中定義動態(tài)視圖的更多信息,請參閱《UIViewControllerClassReference》占據(jù)整個屏幕;iPad上,也可能會占據(jù)整個父視圖的區(qū)域(例如一個彈出窗口通常顯示一個完成任務(wù)并退出視圖的按鈕,app的基本功能相關(guān)的自包含任務(wù)時,app768點;高度與當(dāng)前540x620點,在屏 模態(tài)視圖(Modal在iPad上,除警告框外,,用戶在彈出窗口中進(jìn)行的操作結(jié)果必須要以模態(tài)視圖展現(xiàn),在iPhone上,確保模態(tài)視圖的整體外觀要和你的app例如,模態(tài)視圖常常包含一個導(dǎo)航欄,,app如果合適,你也許還需要在視圖的其他區(qū)域中顯示文本,在所有設(shè)備上,app相協(xié)調(diào)的轉(zhuǎn)場樣式,,你可以從以下轉(zhuǎn)場樣式中選擇一個垂直型。在垂直樣式中,模態(tài)視圖會從屏幕底部向上滑入,在被取消時向下滑出(這是默認(rèn)的轉(zhuǎn)場樣式)翻轉(zhuǎn)型。在翻轉(zhuǎn)樣式中,當(dāng)前視圖從右至左水平翻轉(zhuǎn),隨之顯示模態(tài)視圖。從視覺上來說,模態(tài)視圖看上去像是當(dāng)前視圖的背面。當(dāng)模態(tài)視圖被取消時,它會從左至右翻轉(zhuǎn),如果你要在app中改變當(dāng)前模態(tài)視圖的轉(zhuǎn)場樣式,app,并且會認(rèn)為這些變化有特別的意義。因此,最好是建立一種合乎邏輯并保持一致的范式,,設(shè)計尺寸(Design設(shè)計尺寸(Designsize)2狀態(tài)欄高度分辨率導(dǎo)航欄高度6Plus1242×6Plus1125×6plus1

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論