iOS開發(fā) - 視圖(Views)與控件(Controls)概覽

視圖的基本概念


a.視圖是手機(jī)界面的基本元素,一個視圖可以理解為手機(jī)屏幕的一塊區(qū)域,你可以定義這塊區(qū)域的大小,形狀,顏色等等。一個視圖可以包含另一個視圖。

b.手機(jī)常見的按鈕,表格,開關(guān)等控件,也屬于一種特殊的視圖。

c.用戶的操作,比如點(diǎn)擊屏幕,拖拽等,也是對視圖的操作。

d.UIView是所有視圖的根類,UIControl是UIView的子類,包括一些特殊的視圖,如按鈕,開關(guān)等

1.容器視圖(Container Views)

包括UICollectionView,UITableView,UIStackView,UIScrollView

1-1.UICollectionView

展示了若干視圖的集合


UICollectionView

1-2.UITableView

以單列多行的方式,展示一組數(shù)據(jù)。


UITableView

1-3.UIStackView

可以將某些控件歸為一組,統(tǒng)一為這組控件進(jìn)行線性布局。簡化頁面布局的開發(fā)工作。


UIStackView


UIStackView

1-4.UIScrollView

是一種允許將內(nèi)容滾動和縮放的視圖。


UIScrollView

2.內(nèi)容視圖(Content Views)

包括UIActivityIndicatorView,UIImageView,UIPickerView,UIProgressView,UIWebView

2-1.UIActivityIndicatorView

用來顯示某個任務(wù)正在進(jìn)行中的一種視圖。比如下拉刷新時那個旋轉(zhuǎn)的小菊花。


UIActivityIndicatorView

2-2.UIImageView

用來顯示一張圖片,或一組動圖。


UIImageView

2-3.UIPickerView

用轉(zhuǎn)輪效果來展示一組可選值


UIPickerView

2-4.UIProgressView

描述任務(wù)完成進(jìn)度的一種視圖


UIProgressView

2-5.UIWebView

可以嵌入網(wǎng)絡(luò)內(nèi)容的一種視圖


UIWebView

3.控件(Controls)

包括UIButton,UIDatePicker,UIPageControl,UISegmentedControl,UISlider,UIStepper,UISwitch。UIControl是所有控件的基類。

3-1.UIButton

按鈕


UIButton

3-2.UIDatePicker

日期選擇器


UIDatePicker

3-3.UIPageControl

顯示一行圓點(diǎn),每一個圓點(diǎn)對應(yīng)一個頁面。


UIPageControl

3-4.UISegmentedControl

由幾個單獨(dú)的按鈕橫向排列組成的一種控件


UISegmentedControl

3-5.UISlider

可以從一個連續(xù)區(qū)間里選擇一個值的控件


UISlider

3-6.UIStepper

可以單步增加或者減小值的一種控件


UIStepper

3-7.UISwitch

開關(guān)


UISwitch


4.文本視圖(Text Views)

包括UILabel,UITextField,UITextView

4-1.UILabel

顯示單行或者多行只讀內(nèi)容的一種視圖


UILabel

4-2.UITextField

可編輯的文本區(qū)域


UITextField

4-3.UITextView

可滾動的多行區(qū)域


UITextView

5.欄(Bars)

包括UIBarButtonItem,UINavigationBar,UISearchBar,UIToolbar,UITabBar

5-1.UIBarButtonItem

工具類中的一個按鈕


UIBarButtonItem

5-2.UINavigationBar

顯示在屏幕上方的導(dǎo)航控件


UINavigationBar

5-3.UISearchBar

專門用來接收用戶輸入的搜索信息的視圖


UISearchBar

5-4.UIToolbar

一般位于屏幕底部,顯示一個或多個按鈕的工具欄視圖,每個按鈕負(fù)責(zé)不同的功能。


UIToolbar

5-5.UITabBar

一般位于屏幕底部的標(biāo)簽欄,每個按鈕(UITabBarItem)用來切換不同的視圖。(注意與UIToolbar的不同)


UITabBar
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。