按鈕
按鈕用于實現(xiàn)特定的動作芒炼,可以有定制化的北京,可以包含標(biāo)題或圖標(biāo)术徊。系統(tǒng)提供了一些預(yù)設(shè)的按鈕來滿足大部分的使用場景本刽,更多實現(xiàn)細(xì)節(jié)可參考UIButton。
系統(tǒng)自動的按鈕
- 使用動詞作為標(biāo)題赠涮。
- 首次字母大寫子寓。
- 保持標(biāo)題的簡短。
- 只要在必要時才考慮為按鈕增加邊框或背景笋除。
- 更多實現(xiàn)細(xì)節(jié)可參考UIButton中的UIButtonTypeSystem斜友。
Detail Disclosure Button(詳情按鈕)
- 在表格中使用合適的詳情按鈕±可參考UITableViewCell中的UITableViewCellAccessoryType鲜屏。
- 其他詳情按鈕可參考UIButton中的UIButtonTypeDetailDisclosure。
Info Buttons(信息按鈕):此部分省去
Add Contract Buttons(添加聯(lián)系人按鈕):此部分省去国拇。
Edit Menus
用戶可以通過長按或雙擊在文本輸入框洛史、text view、web view或圖片視圖中呼出編輯選項酱吝。
- 為當(dāng)前內(nèi)容顯示合適的操作也殖。
- 讓用戶通過標(biāo)準(zhǔn)手勢呼出編輯選項。
- 如果有必要的話务热,調(diào)整菜單的位置毕源。
- 不要在實現(xiàn)類似編輯菜單的功能。
- 允許不可編輯的內(nèi)容可被選中和拷貝陕习。
- 不要在按鈕上添加編輯選項。
- 允許編輯操作可回退址愿。
- 通過定制的操作來擴(kuò)展編輯選項该镣。
- 在系統(tǒng)自帶的選項后面再顯示定制的操作。
- 盡量縮減定制操作的數(shù)量响谓。
- 保持定制的操作的名稱盡可能簡短损合。
- 更多實現(xiàn)細(xì)節(jié)可參考Text Programming Guide for iOS中的Copy,Cut,and Paste Operation和UIMenuController省艳。
Labels(標(biāo)簽)
- 保持標(biāo)簽清晰。如果支持Dynaic類型就更佳嫁审,可參考Dynamic Type
- 關(guān)于更多文本相關(guān)的可參考String Programming Guide
- 關(guān)于創(chuàng)建格式格式化內(nèi)容可參考 Attributed String Programming Guide
- 更多關(guān)于標(biāo)簽的實現(xiàn)可參考UILable
Page Control(頁面控制)
頁面控制用于顯示當(dāng)前頁面的所在的位置跋炕。
- 不要在用層級關(guān)系的頁面上使用頁面控制。
- 不要展示太多頁面律适。
- 在屏幕下方居中顯示頁面控制元素辐烂。
- 更多實現(xiàn)細(xì)節(jié)參考UIPageControl
Pickers(選擇器)
選擇器可以包括一行或多行不同的數(shù)據(jù)。
- 使用可被預(yù)知捂贿、符合邏輯和有序化的數(shù)據(jù)纠修。
- 避免切換屏幕來現(xiàn)實選擇器。
- 對于大量數(shù)據(jù)的展示厂僧,使用表格來代替扣草。
- 更多實現(xiàn)細(xì)節(jié)可參考UIPickerView
日期選擇器
一個日期選擇器有四種模式:日期模式、時間模式颜屠、日期時間模式和倒計時模式辰妙。
- 當(dāng)需要顯示分鐘時,顯示盡可能少的選項甫窟。
- 更多實現(xiàn)細(xì)節(jié)參考UIDatePicker
Progress Indictiors(進(jìn)度指示器)
使用活動指示器和進(jìn)度條來讓用戶知道目前的狀態(tài)和還需要等待多久密浑。可參考Loading
活動指示器
- 如果活動可被量化蕴坪,使用進(jìn)度條代替活動指示器肴掷。
- 保證loading圖標(biāo)在動。
- 如有必要背传,在等待任務(wù)結(jié)束過程中可提供有用的提示信息呆瞻。
- 更多實現(xiàn)細(xì)節(jié)參考UIActivityIndicatorView
進(jìn)度條
- 總是正確的反應(yīng)當(dāng)前的進(jìn)度。
- 使用進(jìn)度條來顯示那些可定義時間的任務(wù)径玖。
- 隱藏導(dǎo)航欄或工具欄上空的部分痴脾。
- 可考慮根據(jù)自己應(yīng)用的需要定制化進(jìn)度條的樣式。
- 更多實現(xiàn)細(xì)節(jié)可參考UIProgressView
網(wǎng)絡(luò)活動指示器
- 在網(wǎng)絡(luò)活動持續(xù)幾秒后在顯示網(wǎng)絡(luò)活動指示器梳星。
- 可參考Staus Bars
- 更多實現(xiàn)細(xì)節(jié)可參考UIApplication中的networkActivityIndicatorVisible
Refresh Content Controls(刷新內(nèi)容控件)
一個刷新控件是一個特殊類型的活動指示器赞赖,默認(rèn)情況下是隱藏的,只有當(dāng)下拉列表加載內(nèi)容是才可見冤灾。
- 實現(xiàn)自動更新內(nèi)容前域。
- 有必要時可顯示簡短的標(biāo)題。
- 更多實現(xiàn)細(xì)節(jié)參考UIRefreshControl
Segmented Controls(分段控制器)
- 限制分段的數(shù)量韵吨。
- 盡量保持分段大小一致匿垄。
- 避免文本和圖片同時使用。
- 在自定義的分段控制器中確保位置合適。
- 更多實現(xiàn)細(xì)節(jié)參考UISegmentedControl
Slider(滑條)
- 有必要的話可定制滑條的樣式椿疗。
- 不要使用滑條來調(diào)整輸出的音量漏峰。取而代之的使用MPVolumeView
- 更多實現(xiàn)細(xì)節(jié)可參考UISlider
Steppers(步進(jìn)器)
步進(jìn)器是一個兩部分的控制器用來增加或減少數(shù)量。
- 確保用戶清楚使用步進(jìn)器來調(diào)整哪個數(shù)值届榄。
- 不要使用步進(jìn)器來來進(jìn)行大數(shù)據(jù)的變更浅乔。
- 更多實現(xiàn)細(xì)節(jié)可參考UIStepper
Switches(開關(guān))
- 考慮調(diào)整開關(guān)的外觀來適應(yīng)你的應(yīng)用風(fēng)格。
- 只在表格中使用開關(guān)铝条。
- 避免在開關(guān)上增加標(biāo)簽描述靖苇。
- 考慮使用開關(guān)來管理可被使用的界面元素。
- 更多實現(xiàn)細(xì)節(jié)可參考UISwitch
Textfield(輸入框)
- 在輸入框顯示提示來傳到目的攻晒。
- 為敏感數(shù)據(jù)提供安全輸入框
- 顯示合適的鍵盤類型顾复。參考UITextInputTraits中的UIKeyboardType
- 使用圖片或按鈕來獲得更加高級的功能。
- 合適的時候在輸入框右邊顯示清空按鈕鲁捏。
- 更多實現(xiàn)細(xì)節(jié)可參考UITextField