IOS UI控件简介

UIKit框架提供了非常多功能强大又易用的UI控件。

控件表

控件名字 功能 使用频率
UIButton 按钮 常用
UILable  文本按钮 常用
UITextField  文本输入框 常用
UIImageView  图片显示 常用
UIAlertView 对话框 常用
UIScrollView  滚动控件 常用
UITableView  表格 常用
UINavigationBar  导航条 常用
UISwitch  开关 一般
UIActivityIndicator  一般
UIActionSheet  底部弹框 一般
UIPageControl  分页控件 一般
UITextView  滚动的文字显示控件 一般
UICollectionView  九宫格 一般
UIPickerView 选择器 一般
UIDatePicker  日期选择器 一般
UIWebView  网页显示器 一般
UIProgressView 进度条几乎不用
UISlider 滑块几乎不用
UISegmentControl 选项卡几乎不用
UIToolbar 工具条几乎不用


文字显示

1.UILable - 文本按钮

文本标签的作用仅仅是显示一串固定的文字

223529_1cRx_1032974.png


2.UIButton – 按钮

按钮的作用是:监听用户的点击事件,在用户点击后做出反应

223949_GSfX_1032974.png


3.UITextField – 文本输入框

文本输入框可以弹出键盘,让用户输入一些具体的值

230849_EbJ8_1032974.png


4.UITextView – 能滚动的文字显示控件

如果文字内容比较多,需要换行显示,并且需要编辑,就用它

230941_Acgr_1032974.png


进度条显示

1.UIProgressView – 进度条

水平进度条,比如显示文件的下载进度,程序的启动进度

231015_Bg00_1032974.png


2.UISlider – 滑块

在2个数值之间滑动选择,比如调节音量大小

231041_tPQZ_1032974.png


3.UIActivityIndicator – 圈圈

一直在转圈圈,表示让用户等待

231108_C33d_1032974.png



弹框视图

1.UIAlertView – 对话框(中间弹框)

从中间弹出一个框提示用户下一步该干啥


2.UIActionSheet – 底部弹框

从底部弹出一个框提示用户下一步该干啥

231240_m1vX_1032974.png


滚动视图

1.UIScrollView – 滚动的控件

如果内容比较多,超出了一个屏幕,就可以用它来显示

231300_Wupx_1032974.png


2.UIPageControl – 分页控件

能显示当前的页码

231319_uwHD_1032974.png


3.UITableView – 表格

如果每一行显示的内容格式差不多,就用这个表格控件

231342_2FMu_1032974.png


4.UICollectionView – 九宫格

如果显示的东西是一块一块、一格一格的,而且每个格子长的差不多,就可以用它

231447_qT9k_1032974.png


5.UIWebView – 网页显示控件

一般用来显示网页,使用它,就可以在手机上浏览网页

231514_UZ9H_1032974.png


内容选择

1.UISwitch – 开关

要么打开,要么关上

231534_H5vN_1032974.png


2.UISegmentControl – 选项卡

在固定的几个选项之间进行选择

231552_f9YF_1032974.png


3.UIPickerView – 选择器

在多行数据之间只选择一行

231619_WTUk_1032974.png


4.UIDatePicker – 日期选择器

选择日期

231651_P0Gc_1032974.png


工具条

1.UIToolbar – 工具条

一般显示在底部或者键盘顶部,里面有几个小按钮

231727_530m_1032974.png


2.UINavigationBar – 导航条

显示在顶部的条

231813_yLjQ_1032974.png



转载于:https://my.oschina.net/wolx/blog/353633

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值