最近仔細研讀了蘋果官網最新的設計規範。網上沒有找到很滿意的翻譯版本，于是自己老老實實的啃了幾遍官方文檔，順便把學習筆記輸出給大家分享一下。
這裡有幾點要提醒一下大家：
基本界面元素包括三大類，分别是Bars（欄）、Views（視圖）、Controls（控件）。今天是最後一期：Controls（控件）
往期回顧：
最近仔細研讀了蘋果官網最新的設計規範。網上沒有找到很滿意的翻譯版本，于是自己老老實實的啃了幾遍官方文檔，順便把學習筆記輸出給大家分享一下。
iOS 基本界面元素包括三大類，分别是 Bars（欄）、Views（視圖）、Controls（控件）。上一篇文章分享了 Bars（欄），今天給大家分享 Views（視圖）部分。
iOS 基本界面元素包括三大類，分别是 Bars（欄）、Views（視圖）、Controls（控件）。之前跟大家分享了 Bars（欄），以及具有模态屬性的部分 Views（視圖），今天分享視圖部分的其他樣式。
前面跟大家分享了 iOS 基本界面元素三大類中的 Bars（欄）、Views（視圖），今天繼續分享Controls（控件）。
以下是正文。
選擇器包括一列或者多列可滾動列表，每列都有一個選中值，選中值位于中間且顔色更深。通常在用戶編輯字段或點擊菜單後，選擇器出現在屏幕底部或彈窗中。選擇器可内聯顯示（一種函數調取方式，例如編輯日期），高度大緻是 5 行内容，寬度橫跨屏幕或内容邊界。
往期回顧：
前面跟大家分享了 iOS 基本界面元素三大類中的 Bars（欄）、Views（視圖），今天繼續分享Controls（控件）。
1. 選項排序要符合用戶預期
在用戶滾動選項列表之前，大多數選項是被隐藏的。采用符合用戶預期的排序方式，用戶可快速滑動列表并定位到相應選項。
2. 不要把選擇器放入另一個頁面
選擇器應該和上下文内容緊挨在一起，把選擇器放入另一個頁面會疏離兩者的關聯關系，導緻用戶産生茫然：「我在哪裡？我要幹什麼？」
3. 如果選項太多，建議使用表格代替選擇器
表格可以增加高度，從而展示更多選項、且可以包含索引（例如通訊錄的字母表索引。關于表格内容，在人機界面指南界面元素-Views（下）中 Tables 表格視圖中有詳細介紹），可提升搜索效率。
iOS 基本界面元素包括三大類，分别是 Bars（欄）、Views（視圖）、Controls（控件）。之前跟大家分享了 Bars（欄），以及具有模态屬性的部分 Views（視圖），今天分享視圖部分的其他樣式。
4. 日期選擇器
日期選擇器可以方便用戶快速選擇特定日期、時間、日期 時間，它還提供了顯示倒計時器的界面。
四種日期選擇器類型可包含的字段
「分鐘」的顆粒度粗細：默認是 60 個值（0-59 分），也可以是 4 個值（0 分、15 分、30 分、45 分）
文本框是單行的輸入框，高度固定（區别于文本域），一般帶有圓角，點擊後調出輸入鍵盤。文本框用來向用戶獲取輸入量不大的信息，例如郵件地址。
1. 在文本框内展示提示和說明
可在文本框内使用占位符來向用戶提示和說明。若已使用占位符，請勿再使用其他文字标簽輔助說明。
2. 可在右側提供「清除」按鈕
點擊「清除」按鈕，文本框内字符被一鍵清空。可免去用戶使用輸入鍵盤的删除鍵将字符逐個删除。
3. 脫敏展示（敏感字段用其他符号遮擋）
當要求用戶輸入敏感數據（例如密碼）時，請提供脫敏展示方式供用戶選擇，以保護用戶隐私。
4. 圖标、按鈕可用來提示用途和展示附加功能
通常左側放置圖标來說明字段用途，右側放置按鈕來指示附加功能（如「書簽」）。
5. Keyboards輸入鍵盤
系統可根據輸入字段的内容類型，調取适當的鍵盤類型。
滑塊包括①一條水平軌道，②一個可以在最小值和最大值之間拖動的拇指控件。軌道的左右側可展示圖标，輔助說明最小值和最大值的含義。
1. 外觀可自定義
滑塊的外觀，包括軌道顔色，拇指控件圖片、左右側圖标，都可以自定義。左右兩側的圖标大小可以調整，例如左小、右大。
2. 不要将滑塊用于調整音量
如果需要提供音量控件，請使用自定義的音量視圖，其中包括音量滑塊和更換音頻輸出設備的控件。
步進器由兩段組成，用來增加或減少某值的大小，默認圖标是加号和減号，也可以根據場景替換為自定義圖像。
1. 将變量值突出顯示
因為步進器本身不顯示任何值，變量值作為操作反饋需要突出顯示，确保人們知道使用步進器時，值已經發生改變。
2. 如果變動範圍很大，不要使用步進器
步進器适合用在變動範圍很小的場景中，例如文件打印份數。如果變動範圍非常大，用戶需要在步進器上進行連續大量的點擊，這樣的效率非常低。
按鈕用于啟動特定操作，可具有自定義背景，可包含标題或者圖标。系統提供了一些預定義的按鈕樣式，适用于大多數用例場景。您也可以完全自定義按鈕樣式。
System Buttons 系統默認按鈕
系統默認按鈕常用在導航欄和工具欄中，其他位置也可使用。
關于按鈕标題
視情況添加邊框或背景色
按鈕在默認情況下不帶邊框和背景色，可以根據實際情況添加邊框和背景色，突出其可點擊的交互隐喻。
Detail Disclosure Buttons 細節展開按鈕
點擊細節展開按鈕後打開一個新視圖（通常是模态視圖），視圖内展示附加信息或承載相關功能。
細節展開按鈕沒有被限制使用在何種視圖内，不過一般用在表格視圖中，用于查看某行的信息（如下圖所示）。
如果用戶點擊行的任何位置都可以展示附加信息（區别于點擊按鈕），不要使用細節展開按鈕，而是使用細節披露按鈕（列表右側的小箭頭）。
Info Buttons 詳情按鈕
點擊詳情按鈕後展示有關 App 的信息，有時使用轉場動效，效果像是翻開當前視圖的背面。
詳情按鈕有深色、淺色兩種效果，選擇時注意不要将按鈕和背景混在一起難以分辨。
Add Contact Buttons 添加聯系人按鈕
用戶在點擊添加聯系人按鈕後，可以查看聯系人列表，還可以選擇将某聯系人插入文本框或其他視圖中。下圖展示的是按鈕應用在郵件 App 中。
注意添加聯系人按鈕可以作為鍵盤輸入的補充方式，但不要完全取代鍵盤輸入。
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
