UIView基础控件

最新推荐文章于 2024-08-14 20:36:04 发布
最新推荐文章于 2024-08-14 20:36:04 发布
阅读量71 收藏
点赞数
文章标签： xcode
原文链接：https://juejin.im/post/5a31aaa16fb9a0451a766325
版权

Framework： Framework是一种打包方式，将编译后的二进制文件以及头文件和相关的资源打包放在一个头目录下，方便分发给其他开发者进行使用

ios主要框架介绍： Cocoa Touch 框架： 是一个框架的集合，包含了很多子框架。苹果根据功能将子框架分为四层：

Cocoa Touch Layer
Media Layer
Core Services Layer
Core Os Layer
复制代码

UIKit Framework： 隶属于Cocoa Touch Layer层中。

UILabel／UIImage介绍： UIImage用来显示图片，UILabel用来显示文本。都继承于UIView。

UIButton: 包含UILabel和UIImageView两个属性，继承于UIControl，然而UIControl继承于UIView。可以对点击事件进行处理。

UIViewController： 继承自UIResponder。

UIView布局（一）：

布局就是告诉系统每个元素的位置以及元素高与宽的信息。

iPhone设备屏幕信息：

Point： iPhone 3GS：1point=1pixels iPhone4（s）／5（s）／6（s）／7（s）／SE：1point=2pixels iPhone6（s）／7（s）plus：1point=3pixels

想更深入了解屏幕物理尺寸及屏幕分辨率对显示效果的影响，可以了解下以下几个概念：

  1. 屏幕的物理长度：使用英寸作为单位, 是指手机屏幕对角线的物理长度（diagonal）

  2. 屏幕像素：这里的像素可以想象成屏幕上真正用来显示颜色的发光小点。

  3. PPI（Pixel Per Inch by diagonal）：表示沿着对角线，每英寸所拥有的像素（Pixel）数目。

PPI 计算方式：

屏幕像素: width -- 320px, height -- 480px

屏幕物理长度：length -- 3.5英寸

Apple对 iPhone 6 Plus、iPhone 6s Plus、iPhone 7s Plus 的屏幕分辨率做了特殊处理，物理尺寸与屏幕像素比例实际上只有2.46倍，并没有达到3倍，但是仍然使用了3x模式进行屏幕适配。这是因为 Apple 并没有像当年说服康宁那样说服LCD生产商生产@3x的2208x1242分辨率的屏幕。

UIView坐标系： 原点在屏幕左上角。

与UIView布局相关的几个属性 frame／bounds／center：

修改父View的frame.origin的值，移动了父view的位置，子view在父view中的位置没有修改，只能影响当前view的位置。 view.center表示当前view在父view中的位置。 修改父view的bounds.origin的值，父view的位置没有修改，影响了子view在父view中的位置，但是相应的位置信息没有修改。修改子view的bounds.origin，没有影响父view的位置。 修改父view的frame.size值，只影响当前view相对于左上角的高宽大小。 修改父view的bounds.size值，父view的位置进行了移动。中心位置不变，向四周扩大或缩小。影响了子view在父view的位置，但是相应的位置信息没有修改。修改子view的bounds.size没有影响父view的位置信息，但是影响了子view的位置信息。

frame 和 bounds 在学习iOS界面基础的时候，bounds把我整的云里雾里的，但是查了相关资料后，总算弄懂了。

frame：该view在父view坐标系统中的位置和大小。（参照点是父坐标系统） bounds：该view在本地坐标系统中的位置和大小。（参照点是自身的坐标系统） frame（CGRect）origin 在父视图中距离原点的位置size 距离当前视图左上角的大小 center（CGPoint）当前视图的中心点在父视图中的位置 bounds（CGRect）origin 当前视图的左上角距离自身坐标系的原点的位置。移动时，移动的是自身的坐标系统，视图本身不移动size 当前视图在自身坐标系的高和宽。改变大小时，center相对于父坐标系统的位置不变，而图像跟自身坐标系一起改变。此时，由于自身坐标系统的改变，会导致子视图位置发生移动。

frame的绝对定位布局：

frame + autoresizing相对布局： 取消file inspector中use auto layout勾选

autoresizing只能设置两个父子视图之间的相对位置关系。

AutoLayout布局： 通过添加约束对象，可以设置任何控件之间的关系。约束对象指的是同一层级控件之间的关系。

UIView布局方式总结： frame绝对定位布局 frame+autoresizing相对布局 autolayout布局

基础控件实战：

视觉稿及需求分析： 点击登录，显示loading，验证登录信息 验证成功，进入我的主页 输入文字，点击发布，在当前页面显示。

界面的实现方式： 纯代码 Interface Builder

Interface Builder介绍： nib(NeXT Interface Builder)    //采用二进制格式，不方便进行版本控制。 xib(XML Interface Builder)     //工程编译的时候将xib文件转换为nib。[UINib class]; storyboard                             //ios5之后推出的。[UIStoryboard class];

界面跳转： storyboard中vc跳转优先级高于代码中的跳转vc。 Button Action

  • (void)presentViewController:(UIViewController *)viewControllerToPresent animated: (BOOL)flag completion:(void (^ __nullable)(void))completion

Storyboard

  • (void)performSegueWithIdentifier:(NSString *)identifier sender:(nullable id)sender

  • (BOOL)shouldPerformSegueWithIdentifier:(NSString *)identifier sender:(nullable id)sender NS_AVAILABLE_IOS(6_0);

xib文件与Class关联：      File’s Owner->Custom Class xib—————————————>类文件      UIView->Custom Class

File’s Owner:关联View与ViewController root view的关系 CustomView *newView = [ [ [NSBundle mainBundle] loadNibNamed:[nibName] owner:[newView instance] options:nil] firstObject];

UIView Class:自定义UIView对象 CustomView *newView = [ [ [NSBundle mainBundle] loadNibNamed:[nibName] owner:nil options:nil] firstObject];

用代码加载指定的xib文件： [ [ NSBundle mainBundle ] loadNibNamed:[ nibName ] owner:nil options:nil ];

加载 xib 文件有两种方式： [[NSBundle mainBundle] loadNibNamed: owner: options:]; [UINib nibWithNibName: bundle:];

xib 文件在iOS中做为资源文件存在，因此可以使用NSBundle的方式进行加载。

在iOS4.0以后新增了[UINib class] 用于加载nib资源文件。

UILable高度计算： 方法一： [ UIView Class ]

  • (CGSize)sizeThatFits: (CGSize) size 当宽度固定，高度不限时自动换行。代码如下： CGSize labelSize = CGSizeMake（labelA.width, CGFLOAT_MAX); [ labelA sizeThatFits：labelSize ]; 方法二： [ NSString Class ]
  • (CGRect)boundingRectWithSize:(CGSize)size                                         options:(NSStringDrawingOptions)options                                      attributes:(nullable NSDictionary<NSString * , id>*)attributes                                         context:(nullable NSStringDrawingContext * )context 代码如下： CGSize labelSize = CGSizeMake（labelA.width, CGFLOAT_MAX); [ labelA.text boundingRectWithSize:labelSize                                              options:NSStringDrawingUsesLineFragmentOrigin                                           attributes:@{NSFontAttributeName:labelA.font}                                              context:nil ] 方法三：

在给视图添加边界约束时，可以选择是否勾选Constrain to margins。

在图1中，当勾选Constrain to margins时，添加右侧边界约束时，实际约束对象建立的是NSLayoutAttributeTrailingMargin 边界约束（如图2）；

当不勾选Constrain to margins时，添加右侧边界约束，实际约束对象建立的是NSLayoutAttributeTrailing 边界约束 （如图3）。

在NSLayoutAttribute 枚举中，各条边都有对应的Margin边界枚举值

NSLayoutAttributeLeft / NSLayoutAttributeLeftMargin

NSLayoutAttributeRight / NSLayoutAttributeRightMargin

NSLayoutAttributeTop / NSLayoutAttributeTopMargin

NSLayoutAttributeBottom / NSLayoutAttributeBottomMargin。

......

在iOS8中，约束对象的内容区域其实是一个盒模型，包含了内边缘与外边缘。如下图。

通常情况下我们都是使用内容区域的内边缘设置内容的大小。

在可视化界面中 建立约束，取消勾选Constrain to margins时，表示创建的约束对象边界为内边缘（即内容边界），对应的约束边界属性为NSLayoutAttributeLeft/Right/Top/Bottom。

但是勾选Constrain to margins时，创建的约束对象边界为外边缘（即内容边界+系统定义的内容边缘间距），会默认增加内外边缘的间距，对应的约束边界属性为NSLayoutAttributeLeftMargin/RightMargin/TopMargin/BottomMargin。

可以用 layoutMargins 或者 layoutMarginsGuide 属性 获取视图的内外边缘间的 margin 值。

每一个视图UIView的默认 margin 值是8，可以根据需要进行修改。

但是系统给 ViewController的rootView 根视图设置的margin，上下margin为0，左右margin为20（Xcode8中为 16），根视图的 margin值不能修改。

绘制我的主页界面

UIView动画

+ (void)animateWithDuration:(NSTimeInterval)duration animations:(void (^)(void))animations NS_AVAILABLE_IOS(4_0); // delay = 0.0, options = 0, completion = NULL
复制代码
NSLayoutAttributeLeft ：内容左侧
NSLayoutAttributeRight：内容右侧
NSLayoutAttributeLeading：内容头部
NSLayoutAttributeTrailing：内容尾部

通常情况下，在大部分语言体系中都是从左往右进行阅读：
    NSLayoutAttributeLeft 与 NSLayoutAttributeLeading 都表示内容左侧
    NSLayoutAttributeRight 与 NSLayoutAttributeTrailing 都表示内容右侧

但是在部分特殊语系中 (比如阿拉伯语)，从右往左进行阅读，这时内容的的头部在右侧，尾部在左侧
     NSLayoutAttributeLeft 与 NSLayoutAttributeTrailing 都表示内容左侧
    NSLayoutAttributeRight 与 NSLayoutAttributeLeading 都表示内容右侧

如果涉及到App国际化，要根据实际的交互稿考虑使用 NSLayoutAttributeLeft/Right 及 NSLayoutAttributeLeading/Trailing。
复制代码
weixin_33806914
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iOS基础 UIView
乐事派的专栏
05-16 581
UIVIew UIView之所以能显示是因为其内部的CALayer对象，实际上执行绘图的是CALayer对象，UIView其实更像是CALayer对象的管理控制器。 UIView的继承关系 NSObject > UIResponder > UIView UIView常用的成员属性 backgroundColor背景色 alpha 透明度 hidden 隐藏 clipsToBounds 切边 UIView的几何属性 Frame：描述UIView的大小以及在父控件上的位置。 Bounds：描
iOS 控件基础- UIPickerView
05-26
**UIPickerView**是iOS平台上一个重要的用户界面控件，用于展示一系列可滚动的选择项，通常用于让用户在多个选项中做出选择。它的工作原理类似于一个小型的轮盘，用户可以垂直滚动来查看并选择其中的某一项。在iOS...
iOS UIView控件
假装你是大灰狼的专栏
11-11 809
UIView* redView1 = [[UIView alloc] initWithFrame:CGRectMake(40, 100, 100, 100)]; redView1.backgroundColor = [UIColor redColor]; [self.view addSubview:redView1]; UIView* blueView1 = [[UIView alloc] initWithFrame: CGRectMake(10, 10, 60, 60)]; blueView1.back
UIView详解
热门推荐
承影
08-22 3万+
UIView表示屏幕上的一块矩形区域，它在App中占有绝对重要的地位，因为IOS中几乎所有可视化控件都是UIView的子类。负责渲染区域的内容，并且响应该区域内发生的触摸事件 UIView的功能 1.管理矩形区域里的内容2.处理矩形区域中的事件3.子视图的管理 4.还能实现动画  UIView的子类也具有这些功能 下图就是视图的内层次
iOS基础控件-UIView
m0_37681833的博客
03-22 536
关于UIView 关于UIView控件的内容很多，UIView作为iOS开发中的基础控件，所涉及的东西也有很多，下面我来说一些开发中常用到的UIView的属性和方法。 UIView的初始化 说属性和方法之前，我们先来创建一个UIView的实例。 //UIView的初始化创建，初始化UIView的方法有多种，常用的方法有一下两个 //1、创建一个有位置大小的UIView实...
iOS 控件之UIView基础
星星leslie的博客
07-20 239
iOS控件之UIView基础以及层级关系 这段代码写在#import "ViewController.h" UIView基础 - (void)viewDidLoad { [super viewDidLoad]; //创建一个UIView对象 //UIView是iOS中的视图对象 //显示在屏幕上的所有的对象的基础类 //所有显示在屏幕上的对象一定都继承于UIView //屏幕上能看到的...
02-UIView 调节控件层次
沐阳的博客
07-09 440
1.UIView常用方法 //    创建一个父视图     UIView *superView=[[UIView alloc]initWithFrame:CGRectMake(0, 20, 300, 500)];         [self.view addSubview:superView];         superView.backgroundColor
iOS UI基础控件之UIView 详解
tanyufeng_521的专栏
05-10 887
UIView 简介什么是UIViewUIView是窗口上的一块区域，是iOS中所有控件的基类，我们在app中所有能看见的都是直接或间接继承与UIView的.我们把UIView叫做视图.UIView的作用 负责内部区域的内容渲染。 负责内部区域的触摸事件。 管理本身的所有子视图。 处理基本的动画。 UIView创建与使用创建UIView //通过frame创建View UIView *v
UIView基础知识
gh101208的博客
10-17 232
// 创建UIWindow self.window =[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];// 设置成满屏大小 // 设置UIWindow的背景颜色 self.window.backgroundColor = [UIColor whiteColor]; // 将window的背景颜色设置成为白色 /
iphone 开发基础控件UISwitch
10-05
iphone中的基础控件UISwitch，适合初学者，主要学习UISwitch的常用属性设置、点击事件、以及改变开关的lable等，UISwitch包含一个UISwitchSlider子视图，此UISwitchSlider包含3个UIImageView和1个UIView（就是显示开...
iOSUI基础控件常用方法探微
08-20
### iOS UI基础控件常用方法探微 #### 一、UIImageView 控件详解 **1.1 UIImageView 显示问题** 在 iOS 开发过程中，经常会遇到 UIImageView 的显示问题。默认情况下，若未设置 UIImageView 的尺寸，该控件将自动...
自定义控件
07-02
1. **定义控件类**：首先，你需要创建一个新的类，通常会继承自系统提供的基础控件类，如Android中的`View`或`LinearLayout`，iOS中的`UIView`，或是Windows中的`Control`。这样可以继承父类的一些基本功能，同时...
ios基础控件使用
08-22
在iOS开发中，掌握基础控件的使用是至关重要的，因为它们构成了用户界面的基本元素。以下将详细讲解标题“ios基础控件使用”所涵盖的知识点，并基于描述中提到的控件进行深入探讨。 1. **UIView**：UIView是所有UI...
SDK does not contain ‘libarclite‘ at the path
wyz670083956的博客
08-12 201
Xcode15运行报错:SDK does not contain 'libarclite' at the path '/Applications/Xcode.app/Contents/ Developer/Toolchains/XcodeDefault.xctoolchain/us/lib/arc/libarclite_iphoneos.a'
「OC」暑假第三周——天气预报的仿写
aa2002aa的博客
08-14 321
天气预报作为暑假最后的一个项目，算得上我觉得有点用的内容，毕竟用上了网络请求，就是迈出了新的一步，不过就是在网络请求之中其实卡了挺久，第一次使用或多或少出现了问题。写完了任务也是归心似箭，到了家才开始天气预报的总结。
超市管理系统，基于javaweb.zip
最新发布
08-15
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，提供帮助 【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无积分，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为您提供帮助 【附带帮助】：若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步 【适合场景】：相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担 2. 部分字体及插图等来自网络，若是侵权请联系删除，本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于收集和整理资料耗费时间的酬劳
vue3面试题2023,84页，几十道vue面试题，准备vue的面试，这么一份文件就够了
08-15
vue3面试题2023： Vue 的优缺点  优点 1.创建单页面应用的轻量级Web应用框架 2.简单易用 3.双向数据绑定 4.组件化的思想 5.虚拟DOM 6.数据驱动视图 缺点 不支持IE8
【雷达跟踪】基于matlab雷达目标生成与跟踪【含Matlab源码 7220期】.zip
08-15
CSDN海神之光上传的代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 功率谱估计： 故障诊断分析： 雷达通信：雷达LFM、MIMO、成像、定位、干扰、检测、信号分析、脉冲压缩 滤波估计：SOC估计 目标定位：WSN定位、滤波跟踪、目标定位 生物电信号：肌电信号EMG、脑电信号EEG、心电信号ECG 通信系统：DOA估计、编码译码、变分模态分解、管道泄漏、滤波器、数字信号处理+传输+分析+去噪（CEEMDAN）、数字信号调制、误码率、信号估计、DTMF、信号检测识别融合、LEACH协议、信号检测、水声通信
iOS UI控件方法总结：UIView、UILabel、UIImageView、UIButton、UITextField
在UI设计和开发中，控件是构建用户界面的基础元素。以下是这些控件的一些关键知识点： 1. UIView视图： - 初始化：通常使用`alloc-init`方法创建，如`UIView* firstView = [[UIView alloc] initWithFrame:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值