iOS开发 - UI组件（视图集）-优快云博客

本文链接：https://blog.youkuaiyun.com/spark_csdn/article/details/48630313

本文详细介绍了iOS开发中的UI组件，包括视图、Action Sheet、Activity Indicators、AlertView、ImageView、PickerView、Progress Views、Search Bar、Tool Bar以及Text Views和Web View的使用。内容涵盖组件组合、约束设置、回调实现以及各种视图的特定功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

视图

-----------------------------------------

各个视图组件的组合

-----------------------------------------

视图内容：

视图的基类是UIView。
视图的Mode:尺寸填充模式。
视图的Tag：标记序号。
-----------------------------------------
视图行为：

Interaction 互动：1.互动开关， 2.多点触控
Drawing 绘图：1.透明度开关，2.可见开关，3.清除图像内容，4.截断子视图边界，5.子视图自动尺寸。
-----------------------------------------
视图外观：

透明度Alpha，背景色Background。
外观代理 appearance方法 appearanceWhenContainedln方法
色彩和图片 tintColor属性，使用UIImage创建一个图片模板
-----------------------------------------
自动布局：

靠约束

Pin精确值或范围

Align对齐

-----------------------------------------

视图辅助功能

视图调试：

解决冲突的设置等。

----------------------------------------

=======================================================

Action Sheet 动作表

----------------------------------------

多项菜单

快速提供一系列动作选择

如：确认或取消一种操作

----------------------------------------

基类：UIActionSheet
参数 delegate，cancelButtonTitle，destructiveButtonTitle，otherButtonTitle.

行为：显示 ShowInView,ShowFrom...,

回调实现，协议：UIActionSheetDelegate，函数：actionSheet.

----------------------------------------

========================================================

Activity Indicators任务进行指示器

----------------------------------------

转圈的齿轮，提示任务操作正在进行

----------------------------------------

基类：UIActivityIndicatorView

参数：样式，颜色，表现（是否正在动，是否在停止时隐藏）

----------------------------------------

=========================================================

AlertView警告框

----------------------------------------

警告提示框

提示用户重要信息，选择一种操作

----------------------------------------

基类：UIAlertView
参数：delegate，cancelButtonTitle,destructiveButtonTitle,otherButtonTitles
显示：Show

回调：实现，协议：UIAlertViewDelegate，函数：alertView，属性：alertViewStyle

----------------------------------------

=========================================================

Image View图像视图

----------------------------------------

显示一个图片或者一系列的动画，查看图片，确认或者取消一种操作

----------------------------------------

基类：UIImageView
属性：图像高亮等

NSImage * image1 = [NSImage imageNamed:@"imagename"];

----------------------------------------

=========================================================

PickerView老虎机视图

----------------------------------------

类似老虎机似的一个组件，从多个值中选一个值，能快速提供值选择。

----------------------------------------

基类：UIPickerView
参数：showsSelectionIndicator 显示选中项
实现协议：UIPickerViewDataSource/UIPickerViewDelegate
回调：组件数：numberOfComponentsInPickerView，行数：numberOfRowsInComponent，行标题：titleForRow.
----------------------------------------

=========================================================

Progress Views进度条

----------------------------------------
进度条：显示当前进度
----------------------------------------

基类：UIProgressView
参数：样式Style，进度Progress，进度颜色Progress Tint，轨道颜色Track Tint.

方法：setProgress(进度值，是否有动画)

----------------------------------------

=========================================================

Search Bar搜索栏

----------------------------------------

搜索栏

----------------------------------------

基类：UISearchBar
参数：占位符Placeholder

回调：如果想实现对搜索结果的操作，只要实现UISearchBarDelegate即可。

----------------------------------------

==========================================================

Tool Bar工具栏

----------------------------------------

工具条

----------------------------------------

基类：UIToolbar
参数：样式，颜色
行为：实例对象添加按钮，目标操作：注册目标和操作
----------------------------------------

==========================================================

Test Views多行文本

----------------------------------------
多行文本框
----------------------------------------

基类：UITextView
参数：文本（ctrl+enter换行），颜色，排版等。
----------------------------------------

==========================================================