97干视频,99国产精品懂色,亚洲精品99久久久久中文字幕,伊人五月丁香综合AⅤ,国产精品成人免费999

  您的位置:華清遠見教育科技集團 >> iOS資料 >> iOS界面元素使用指南:控件(二)  
 
iOS界面元素使用指南:控件(二)
分享到:

圓角矩形按鈕

按鈕用于執(zhí)行特定的操作。

外觀和行為

按鈕的圓角弧度與分組型表格的外角弧度一直。默認情況下,按鈕的背景色是白色。

指南

使用圓角矩形按鈕可以觸發(fā)操作。在命名按鈕的時候,可以參考以下方式:
    使用標(biāo)題大寫樣式:除冠詞、連詞、介詞外的詞都大寫,多四個詞
    避免標(biāo)題太長:太長的詞讀起來太卡,用戶不容易理解。

你可以定義圓角矩形按鈕內(nèi)展示的標(biāo)題或圖片,也可以定義被按下后如何高亮反饋、標(biāo)題的外觀如何改變。

范圍欄(Scope Bar)

范圍欄可以允許用戶定義搜索的范圍,只有在和搜索欄配合時才可以使用。

外觀和行為

當(dāng)搜索欄出現(xiàn)的時候,范圍欄緊挨著出現(xiàn)在它下面,除非你使用的是搜索顯示控制器(search display controler)。當(dāng)使用搜索顯示控制器的時候,橫屏視圖模式下范圍欄會出現(xiàn)搜索框的右側(cè)。

用戶可以點擊范圍欄上的按鈕,切換搜索范圍。其外觀會和搜索框的設(shè)置一致。

指南

當(dāng)對用戶想搜索的范圍有明確或典型的分類時,使用范圍欄會很有幫助。例如:用戶常常想只在郵件中的某一類中進行搜索。

搜索欄

搜索欄可以從用戶獲得文本,用做篩選的關(guān)鍵字。

外觀和行為

搜索欄看起來像圓角的文本框。默認情況下,搜索按鈕放在左側(cè)。當(dāng)用戶點擊搜索欄,鍵盤自動出現(xiàn);當(dāng)用戶輸入完畢后,輸入的文本就按系統(tǒng)定義的那樣處理。

另外,搜索欄還有一些可選的元素:

占位符文本。可以用它來描述控件的作用(例如“搜索”)或者提醒用戶是在哪里搜索(例如“Youtube”“Google”)。

書簽按鈕。這個按鈕可以為用戶提供便捷的信息輸入方式。例如,在Maps搜索模式下,用戶可以用書簽按鈕訪問標(biāo)記的地點、近的搜索和聯(lián)系人。

只有當(dāng)文本框里不存在用戶輸入的或占位符以外的文字時,書簽按鈕才會出現(xiàn)。因為有了用戶輸入的文字后,這個位置會放一個清空按鈕。

清空按鈕。大多數(shù)搜索欄包含清空按鈕,允許用戶點一下就擦除搜索欄中的內(nèi)容。

當(dāng)搜索欄 任何非占位符的文字時,清空按鈕就會出現(xiàn)。如果沒有用戶提供的或者非占位符,這個按鈕就隱藏起來。因為沒必要清空搜索欄的必要。

描述性標(biāo)題。它會出現(xiàn)在搜索上上面。例如,它可以是一小段用于提供指引或介紹上下文的短語。

指南

用搜索欄來實現(xiàn)搜索功能,不要用文本文本框。

你可以在幾種標(biāo)準配色里選取適當(dāng)?shù)念伾,對搜索框進行自定義:

藍色(與工具欄和導(dǎo)航欄的默認配色一致)。

黑色。

分段控件

分段控件是一條分割成多段的線,每一段都像是按鈕,可以激活一種視圖方式。

外觀和行為

分段控件的長度由分段的數(shù)量決定,高度是固定的。每一段的寬度依比例而定,起決于分段的總數(shù)。當(dāng)用戶單擊分段,可使其變成選中態(tài)。

指南

使用分段控件提供緊密相連又互斥的選項。

確保每一個選項都可以輕松觸摸。為了將每一段尺寸維持在44×44像素以上,你需要限制段的數(shù)目。在iPhone上,分段控件至多可以分成5段。

盡可能讓每一段的標(biāo)題一致。因為所有段的寬度都是相同的,如果段上的文字標(biāo)題長度、風(fēng)格等不一致,會很難看。

避免同時使用文字和圖標(biāo)。分段控件上面可以放文字,也可以放圖標(biāo),但只能選用一種。

滾動條(Slider)

滾動條幫助用戶在容許的范圍內(nèi)調(diào)整值或進程。

外觀和行為

滾動條包含滑軌和滑塊,以及可選的圖片,用于傳達左右兩端各代表什么。當(dāng)用戶拖拽滑塊,值會實時地連續(xù)變化。

指南

用戶可以使用滾動條精準地控制值,或者操控當(dāng)前的進度。

合適的話,可以考慮自定義外觀。例如,你可以這樣做:

水平或者豎直地放置它。

自定義寬度,以適應(yīng)程序。

定義滑塊的外觀,以便用戶迅速區(qū)分滑塊是否可用。

為滑軌兩端添加自定義的圖片,幫助用戶理解滑軌的用途。

通常情況下,這些圖片表示了大值和小值的意思。一個用來控制字體尺寸的滾動條可以在左側(cè)放一個很小的字,在右側(cè)放一個很大的字,為滑塊在各個位置、控件的各種狀態(tài)定制不同導(dǎo)軌的外觀。

切換器(Switch)

切換器用于切換兩種互斥的選擇或狀態(tài)。

外觀和行為

切換器展示當(dāng)前的激活狀態(tài),用戶滑動空間可以切換狀態(tài)。當(dāng)然,按也可以。

指南

在表格視圖中展示兩種簡單、互斥的選項,比如是/否,開/關(guān)。所選的兩個值要讓用戶可以預(yù)測,這樣用戶能知道切換后的效果。

你可以使用切換控件改變其他控件的狀態(tài)。根據(jù)用戶的選擇,新的表單項可能會出現(xiàn)或消失,激活或失活。

文本框(Text Field)

文本框用于接受一行用戶的輸入。

外觀和行為

文本框有固定的高度。用戶按一下文本框后,會出現(xiàn)鍵盤。當(dāng)用戶按下回車鍵,文本框會按照程序預(yù)設(shè)的方式處理輸入的字符。

指南

使用文本框來從用戶獲得少量信息。在用戶決定使用文本框前,想想是否有別的控件可以讓輸入變得簡單,比如拾取器或者列表。

可以自定義文本框,幫助用戶理解如何使用它。例如,你可以在文本框某一側(cè)放上定制的圖片,或者添加系統(tǒng)提供的按鈕(比如書簽按鈕)。一般而言,可以把提示放在文本框左半部,把附加的功能放在右半部。

在右端放置清空按鈕。當(dāng)清空按鈕出現(xiàn)時,單擊它可以清空文本框的內(nèi)容。

在文本框里放置提示語,幫助用戶理解意圖。比如“姓名”“地址”。如果沒有其他的文字可放,就可以在這里放置提示語做占位符。

根據(jù)要輸入的內(nèi)容選擇合適的鍵盤樣式。鍵盤是主要的輸入手段,隨著用戶的語言而變。例如,你也許想讓輸入URL、PIN或電話號碼變簡單。iOS提供幾種不同的鍵盤,每一種都是為輸入特定的內(nèi)容而優(yōu)化。

 更多相關(guān)文章

·ios界面元素使用指南:控件(一)
·iOS界面元素使用指南:模態(tài)視圖
·iOS界面元素使用指南:操作列表
·iOS界面元素使用指南:警告框
·iOS界面元素使用指南:內(nèi)容視圖(二)