UI設計師需要了解的開發(fā)中常用的UI控件(ios篇)
1.視圖(UIView)
進入模態(tài)視圖后不能與母視圖交互跺嗽,需要進行操作才能結(jié)束該模式御铃,比如動作表單结洼、警告框、浮層都屬于模態(tài)視圖怔锌。(感謝知乎伊夫圣羅蘭的回答的啟發(fā)!)。
動作表單(UIActionSheet)
警告框(UIAlertView)
提示器(HUD)
圖片視圖(UIImageView)
頁面試圖
表格試圖(UITableView)
滾動視圖(UIScrollView)
一個能夠滾動的視圖控件,可以?來展?大量的內(nèi)容,并且可以通過滾動查看所有的內(nèi)容;隨著手指的變動進行調(diào)節(jié)相應的點找御,知道何時停止?jié)L動元镀,而且必須知道內(nèi)容視圖的范圍
文本視圖(UITextView)
補充一下通用布局:
2.按鈕(UIButton)
食指點擊目標尺寸是44 x 44像素霎桅,拇指是72 x72像素栖疑;
所有可操作元素最小點擊區(qū)域為88*88px,物理尺寸7*7mm滔驶。
3.加載控件和進度條(UIProgressView)
加載模式:
考慮的點:①要保證內(nèi)容完整性遇革?還是保證快速閱讀、了解信息揭糕?還是想讓用戶無盡探索萝快?②重要信息不能全部放在頭圖上,重要操作不能放圖片按鈕插佛,萬一load不出來就炸了杠巡;③網(wǎng)絡因素,切換小圖雇寇、無圖模式氢拥,視頻動畫占位符模式(智能加載)。
加載控件形式:
進度條形式:
注意:①可用非模態(tài)的加載方式锨侯,不打斷用戶嫩海,可在等待時進行其他操作,減少等待感囚痴;②使用情趣化的加載動畫叁怪;③漫長的等待要使用精確進度條告知;④盡量提前加載深滚。
4.導航控制器(UINavigationController)
UINavigationBar提供一種對導航層級內(nèi)容的控制奕谭。它是一個欄涣觉,最典型的用法就是放在屏幕頂端,包含著各級視圖的導航按鈕血柳。它最首要的屬性是左按鈕(返回按鈕)官册、中心標題,還有可選的右按鈕难捌。你可以單獨用導航欄膝宁,或者和導航控制器一起使用。
完整的導航控制器由 Navigation bar根吁,Navigation View员淫,Navigation toolbar 等組成。
適當根據(jù)功能改變導航的設計:
5.分段控件(SegmentControl)
6.選擇器(UIPickerView)
多用于日期击敌,省份介返,時間的選擇。
7.文本區(qū)(UITextField)
顯示文本段,顯示所給的文本沃斤∮辰裕可以設置輸入文本一些屬性,改變大小和位置等轰枝。
注意:喚醒合適的鍵盤;適當使用占位符幫助理解组去;適當在最右加入清除按鈕鞍陨。
8.短文本/標簽(UILabel)
可以設置字體,字號从隆,顏色等诚撵。
9.滑塊(UISlideer)
允許用戶在一個限定范圍內(nèi)調(diào)整某個數(shù)值或進程,常用在控制音量键闺、亮度等寿烟。
10.開關(UISwitch)
11.頁面切換控件
注意:①iOS僅支持連續(xù)視圖間逐一切換;②不超過10個點辛燥。