真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

連載丨iOS交互設計基礎之控件(二)

1、活動指示器

活動指示器表明進程或任務正在進行中

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供高碑店網(wǎng)站建設、高碑店做網(wǎng)站、高碑店網(wǎng)站設計、高碑店網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、高碑店企業(yè)網(wǎng)站模板建站服務,十余年高碑店做網(wǎng)站經驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。

注:微博清空緩存

(1)當任務加載和進行時旋轉,任務完成后自動消失(針對系統(tǒng)默認樣式)

(2)不支持用戶交互行為

注:Pinterest添加賬戶

2、日期時間選擇器

日期時間選擇器展示關于日期和時間的組件

(1)最多可以展示四個獨立的滑輪,每一個滑輪列表標識一個不同的值

(2)日期選擇器的大小與與iPhone鍵盤的大小相同,并且不可該更

(3)包括四種模式,每種模式包含一組不同的值

日期和時間:日期、小時、分鐘

時間:小時和分鐘以及可選的上午/下午

日期:年、月、日

倒計時:小時、分鐘,可以精確的設定總共的倒計時時間

3、網(wǎng)絡活動指示器

網(wǎng)絡活動指示器在狀態(tài)欄中出現(xiàn),標識網(wǎng)絡活動正在進行。例如:當重新進入app,系統(tǒng)進行自動刷新時,顯示正在進行網(wǎng)絡活動

4、頁面控件

頁面控件告訴用戶打開了多少個視圖以及他們正處在哪一個視圖當中

注:微信圖片瀏覽

(1)不支持用戶訪問不連續(xù)的視圖(不能直接跳轉至相鄰視圖以外的視圖)

注:掌盟

(2)默認情況下,不支持視圖之間的導航

注:天氣

(3)頁面控件是為所有視圖平等的場景設計的

注:豆瓣閱讀

(4)避免顯示太多點,超過10個很難讓用戶一目了然

注:下廚房

總結:頁面控件多用來展示平行層級的內容信息,在有限的屏幕控件內延展可以展示的內容數(shù)量,左右滑動切換,也很適合用戶單手操作瀏覽信息5、選擇器

選擇器包含了一組值,用戶可以從中選擇一個相應的值

(1)選擇器是日期時間選擇器的通用模式

(2)不可以自定義大?。ǜ鷌Phone鍵盤相同)

(3)當你需要展示的備選數(shù)量很多時,可以考慮使用表格視圖

總結:選擇器多用在選擇地區(qū)、年齡、性別等編輯操作中,用來選擇一系列同一類別下的子項6、刷新控件

刷新控件執(zhí)行用戶觸發(fā)的內容刷新

注:下廚房

注:知乎

(1)刷新控件可以出現(xiàn)在標題中

(2)使用了刷新控件,同時也應支持自動刷新,刷新控件給用戶多一個選擇

(3)可以根據(jù)產品風格設計相應的刷新控件樣式

7、分段控件

分段控件是一組分段的線性組合,每一個分段的作用類似按鈕,點擊之后切換到相應的視圖

(1)有兩個或以上的分段組成,每一個分段的寬度相同

(2)可以包含文字或圖片

(3)一個分段控件最多包含五個分段

(4)不要在一個分段中混用文字或圖片

注意:Android中類似的控件為固定選項卡以及滾動選項卡,可以左滑或右滑在不同的視圖之間進行切換,并且可以擴展更多的分類視圖,更加便于用戶操作。iOS中也大量采用這種交互方式,在視圖之間可以左滑右滑切換視圖,用戶操作上更加地便捷

注:網(wǎng)易云音樂

注:NEXT

注:36氪

注:QQ空間

注:知乎

8、滑塊

滑塊允許用戶在一個限定范圍內調整某個數(shù)值或進程

總結:滑塊多用來控制音量、控制進度、控制大?。ㄗ煮w)、控制亮度等,例如在線閱讀書籍、在線播放視頻等沉浸式體驗中

9、開關按鈕

開關按鈕展示了兩個互斥的選項或狀態(tài)

(1)開關按鈕僅在表格視圖中可用

另:開關的操作方式隱喻了電燈開關,兩種操作分別對應兩種不同的功效10、系統(tǒng)按鈕

系統(tǒng)按鈕執(zhí)行app中定義的行為

(1)默認狀態(tài)下不含邊界,也不含背景圖

(2)可以是圖標或者文字標題

(3)支持自定義樣式,如描邊或者加背景圖

注意:按鈕的幾種狀態(tài):正常狀態(tài)、選中狀態(tài)、禁用狀態(tài),每種狀態(tài)所對應的按鈕樣式11、文本框

(1)根據(jù)輸入內容的類型來指定不同的鍵盤

(2)輸入框中增加幫助用戶理解的提示文字

(3)合適的情境下,在文本框右側加入清除按鈕

注意:文本框與文本視圖(下一篇中會提到)的區(qū)別,文本框只能輸入單行文本,例如通常用來填寫用戶名、密碼、手機號等等,適合增加清除按鈕

本篇是“iOS交互設計基礎”第二篇,后面會更新最后一篇關于視圖的介紹。簡書原文地址


文章題目:連載丨iOS交互設計基礎之控件(二)
轉載源于:http://weahome.cn/article/cphpoh.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部