本篇主要内容: 1.理解视图与图层 2.CALyer寄宿图与contents属性 3.UIView方法绘制自定义寄宿图 4.CALyer方法绘制自定义寄宿图 5.Frame与Bounds的区别...视图的的职责就是创建并管理这个图层,以确保子视图在层级关系中添加或者被移除的时候,它们的关联图层也同样对应在层级关系树当中有相同的操作。...图层与视图的底层关系.png UIView、UIColor、UIImage都定义于UIKit框架中; CALayer定义在QuartzCore框架中的CoreAnimation中; CGImageRef...contentsRect (CGRect) 允许在图层边框里显示寄宿图的一个子域 contentCenter (CGRect) 定义一个固定的边框和一个在图层上可拉伸的区域 三、UIView方法绘制自定义寄宿图...UIView属性 CALayer属性 属性说明 frame frame 表示相对于其父视图的坐标位置 bounds bounds 表示相对于其自身的坐标位置,{0,0}通常是其左上角 center position
@2x.png 6.icon需要有29*29 和 58*58 7.模拟器快捷键: 8.沙盒:IOS将各个APP分别存放再文件系统的独立位置 模拟器中的沙盒位置:~/Library/资源库/Application...UIView是视图的基类 UIViewController是视图控制器的基类 12.每个应用至少一个窗口,UIWindow继承UIView 自动创建(xcode4.5之后) 13.UIScreen...addSubview添加子视图 insertSubview:atIndex:视图插入到指定索引位置 insertSubview:aboveSubview:视图插入指定视图之上 insertSubview...//设置tag属性 UIView *_view = [self.window viewWithTag:2];或者tag为2的视图 其他属性:子视图会继承父视图属性 alpha透明度0.0~1 backgroundColor...SubView *_view = (SubView *)[self.window viewWithTag:110]; 这样view才能使用subview中的方法 这样我们自定义的UIView需要重载
在本文中,我们通过基于结构外观(即距离传感器)识别位置来解决位置识别问题,扩展了之前在旋转不变空间描述子上的工作,该描述子完成了一个通用描述符,在俯仰运动不严重时,该描述子对旋转和平移都具有鲁棒性。...我们引入了两个子描述子,实现了拓扑位置检索和1-DOF半度量定位,从而弥合了拓扑位置检索和度量定位之间的差距,从环境复杂性和规模方面对所提出的方法进行了全面评估,源代码开源:https://github.com...主要贡献 虽然我们之前的基于扫描上下文关系的方法是十分具有意义的,但该算法未能实现横向不变性,并且使用蛮力搜索效率低下,但为了克服了这些限制,我们完成了算法,包括旋转和横向鲁棒性,从而为距离传感器引入了通用的结构位置识别...轻量级和模块独立性:作为一个全局定位器,所提出的方法不需要先验知识或任何几何约束(例如里程计)。在单个C++和头文件对中提供的轻量级实现,很容易集成到现有的SLAM框架。...图2 总体框架,给定一个原始距离度量,该方法从地图中的一组位置中寻找相应的位置索引。
UIView常见属性 backgroudColor:背景色。 frame:相对父视图的坐标和大小。 bounds:相对自身的坐标和大小,所以 bounds 的 x 和 y 永远为0。...tag:标记(Int 类型,默认等于0),设置后,可以通过所在容器View.viewWithTag方法拿到这个视图。 title:标题。 superview:父视图。 subviews:所有子视图。...exchangeSubviewAtIndex:将2个位置的视图互换。 演示UIView与UIViewController Storyboard 注意左侧面板的视图层次结构。...@IBOutlet与@IBAction 引入 如何在代码中获取 Storyboard 中的自定义 UIView?...连线的前提 Storyboard 中的 UIViewController 与想拖拽的类进行了关联。 经典的连线错误 UIView 连线后删除了类中的 @IBOutlet 或者 @IBAction。
布局的核心 我们知道,在界面开发中我们直接操作的对象是视图,视图可以理解为一个具有特定功能的矩形区块,因此所谓的布局的本质就是为视图指定某个具体的尺寸以及指定其排列在屏幕上的位置。...所谓位置就是指视图在屏幕中的坐标位置,屏幕中的坐标分为水平坐标也就是x轴坐标,和垂直坐标也就是y轴坐标。...TangramKit框架对种视图进行了建模而提供了一个从UIView派生的布局视图基类TGBaseLayout。...框架布局TGFrameLayout: 框架布局里面的所有子视图布局时和添加的顺序无关,而是按照设定的位置停靠在布局视图的:左上、左中、左下、中上、中中、中下、右上、右中、右下、填充这个10个方位中的任何一个位置上...框架布局里面的子视图只跟框架布局视图的边界建立约束关系。框架布局和Android中的框架布局FrameLayout提供一样的功能。
更复杂的内容可以被子类化UIView提出和实施必要的图纸和事件处理代码。UIKit框架还包含一组标准的子类,范围从简单的按钮到复杂的表,可以按原样使用。...一些可以动画视图声明的属性的新值。 布局和子视图管理 一个视图可以包含零个或更多的子视图。 每个视图定义了自己的默认的调整行为与它的父视图。 一个视图可以定义子视图的大小和位置。...父视图可以包含任意数量的子视图但每个子视图只有一个父视图,负责适当定位它的子视图。 一个视图的几何定义框架,边界和中心属性。...框架定义了视图的起源和维度的坐标系统中常用它的父视图和布局调整视图的大小或位置。中心属性可以用来调整视图的位置不改变它的大小。边界定义视图,把他们的内部维度和几乎完全用于自定义代码。...的尺寸部分框架和边界矩形耦合在一起,因此改变大小的矩形更新的大小。如何使用UIView类的详细信息,看到视图iOS编程指南。
为什么设计时不直接让 UIView 具有图像渲染的能力?...frame:表示视图在父视图中显示出来的位置和大小,CGReact 类型,其显示位置是相对父视图坐标系而言的; bounds:表示视图相对于自身显示出来的位置与大小,CGReact 类型,其显示位置是相对自身视图坐标系而言的...顺便提一下,iOS 和 macOS 两个系统的参考坐标系不一致,对于 iOS 来说原点默认在视图的左上角位置,往右为 X 正方向,往下是 Y 正方向;而对于 macOS 来说原点默认是在视图的左下角位置...修改 bounds 更改 bounds 的位置,也就是 origin 属性,对于当前视图没有影响,相当于更改了当前视图的坐标系,对于子视图来说当前视图的左上角已经不再是 (0,0), 而是改变后的坐标,...坐标系改了,那么所有子视图的位置也会跟着改变。
AutoLayout只是一种相对约束的布局,而MyLayout除了同时提供具有和AutoLayout相同能力的相对布局外、还提供了线性布局、框架布局、表格布局、流式布局、浮动布局、路径布局7大布局体系,...相对布局是一种里面的子视图通过相互之间的约束和依赖来进行布局和定位的布局视图。相对布局里面的子视图的布局位置和添加的顺序无关,而是通过设置子视图的相对依赖关系来进行定位和布局的。...框架布局是一种里面的子视图停靠在父视图特定方位并且可以重叠的布局视图。框架布局里面的子视图的布局位置和添加的顺序无关,只跟父视图建立布局约束依赖关系。...框架布局将垂直方向上分为上、中、下三个方位,而水平方向上则分为左、中、右三个方位,任何一个子视图都只能定位在垂直方向和水平方向上的一个方位上。...浮动布局是一种里面的子视图按照约定的方向浮动停靠,当尺寸不足以被容纳时会自动寻找最佳的位置进行浮动停靠的布局视图。
CALayer负责视图中显示内容和动画.所有动画都是作用在CALayer上的....UIColor, UIImage是定义在UIKit框架中的....其次 : QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用 (C语言编写) 但是UIKit只能在iOS中使用 (OC编写)....属性 设置图层的尺寸,高度和宽度 @property CGRect bounds; 设置位置 方式1: 用来设置CALayer在父层中的位置,position相当于UIView控件的center属性...此处可以和UIView的clipToBounds来比较记忆(clipToBounds为yes会使其上的内容包括子视图不能超出边界) 控件截图裁剪的三种方法: 给layer设置圆角半径layer.cornerRadius
视图和窗口体系结构## 视图和窗口呈现应用的交互界面并且处理交互事件。UIKit和其他系统框架提供大量可以使用而很少改动或无需改动的视图。你也可以在与标准视图呈现内容不同的地方设置自定义视图。...无论你是使用系统视图还是自定义视图,都需要理解由UIVIew和UIWindow类所提供的基础结构。这些类提供复杂的设施来管理视图的布局和显示。...视图也可以是其他一些视图的父类,协调那些视图的位置和尺寸。UIView的大部分工作用于管理视图之间的关系,但也可根据自己的需要自定义视图默认的行为。 视图与核心动画层合力处理视图内容修改和动画显示。...在关系中,孩子视图就是子视图,父亲视图就是超视图。这种关系的创建对于应用的虚拟外表和行为具有重要的意义。 表面上,子视图掩盖全部或部分父视图的内容。...改变父视图大小会产生波浪作用,导致子视图的位置和尺寸也随之变化。当父视图的尺寸发生变化时,使用视图的调整功能以恰当的配置视图。
在iOS学习——iOS 整体框架及类继承框架图中列出了iOS中所有类的继承框架图,其中下面这张图就是iOS开发中的界面相关类的继承框架图。 ?...2个 属性 8个 UIView的各类扩展 视图几何相关的扩展 UIView (UIViewGeometry),主要定义了视图上位置和区域相关一些属性和方法 视图层次结构相关的扩展 UIView (UIViewHierarchy... UIView (UIViewAnimation) ,主要定义视图上自定义一个动画所需的一系列方法 视图用block快速定义动画的扩展 UIView (UIViewAnimationWithBlocks.../** 自动调整子视图与父视图的位置,默认UIViewAutoresizingNone */ 225 @property(nonatomic) UIViewAutoresizing autoresizingMask...; 245 /** 插入子视图(将子视图插入到subviews数组中index这个位置) */ 246 - (void)insertSubview:(UIView *)view atIndex:(NSInteger
必须要自定义UIView子类继承自UIView。因为苹果不开源,没有把UIView的.m文件提 供给我们。...view的事件就不需要自定义UIView子类继承于UIView,因为可以在viewController.m 文件中重写touchBegan:withEvent:方法,但是,我们此处讨论的是处理UIView...所以,还是那句话,想处理UIView的触摸事件,必须自定义UIView子类继承自UIView。 2.1.UIView的拖拽 那么,如何实现UIView的拖拽呢?...:(UIView *)view; // 返回值表示触摸在view上的位置 // 这里返回的位置是针对view的坐标系的(以view的左上角为原点(0, 0)) // 调用时传入的view参数为nil的话...:self]; // 获取它们x轴的偏移量,每次都是相对上一次 CGFloat offsetX = curP.x - preP.x; // 获取y轴的偏移量 CGFloat
创建view的步骤如下: ①开辟空间并初始化视图(初始化时,给出视图位置和大小) ②对视图做一些设置(比如:背景颜色) ③将视图添加到window上进行显示 ④释放视图对象 视图创建代码: UIView...UIView的属性frame、bounds、center 1)frame:描述当前视图在其父视图中的位置和大小; frame是一个结构体,包含2部分内容:origin和size。...); } 2)bounds:描述当前视图在其自身坐标系统中的位置和大小; bounds(边界)同frame一样是一个CGRect结构体变量。...UIView的操作方法 1)添加视图 UIView的addSubview:方法可以添加子视图,对于同一个视图的所有子视图来讲,后添加的子视图会把已加的子视图盖在下面。...6)输入控制: UITextField类提供了许多控制输入的API,包括密码模式、键盘样式、自定义键盘等(详见下表) ?
注意:UITabBarButton在UITabBar中得位置是均分的,UITabBar的高度为49。...c3,c4]; selectedIndex属性 通过该属性可以获得当前选中的viewController 的下标,以及手动切换子视图。...每个视图控制器都有一个tabBarItem属性,通过它控制视图在UITabBarController的tabBar中的显示信息。...自定义TbarBar 视图切换时的动画的关键方法(后续会整理出视图切换时的动画实现) - (id )tabBarController..., 而且作用域是整个工程, 也就是说,不管在工程中的哪个位置写下这句代码, 整个工程中的按钮的字体颜色都会变成灰色**
原因:往cell添加子视图的方式不规范,导致contentView 置于自定义控件的上层,引发界面无响应(注意处理相关方法) I 问题分析 iOS14 UITableViewCell的子试图不能点击或者滑动等手势响应问题...= NO; layer = x280b7e220>> 1.2 注意事项 因为此问题涉及的是添加子视图cell.addSubView,因此与之对应的方法(UITableViewCell...例如125个文件的1452个地方使用错误的方法,这个如果不使用hook高质工作量有点大 所以通过Runtime hook cell的addSubView 方法强制修改为正确的添加cell 子视图的方式...,最好写得健壮性强点,进行类型判断,避免一旦类型错误,就会找不到对应的方法,发送闪退 UIView * textFieldsuperview = [textField superview];...,都具有Method Swizzling的能力。
AutoLayout Masonry - Masonry是一个轻量级的布局框架,拥有自己的描述语法,采用更优雅的链式语法封装自动布局,简洁明了并具有高可读性(使用介绍1使用介绍2),iOS自适应前段库...使用DEMO 视图居中显示、子视图含边距、视图等距离摆放、计算ScrollView的contentsize。...Snap - Snap是Masonry Auto Layout DSL的Swift版本,是一款轻量级的布局框架,使用了更良好的语法封装了AutoLayout。Snap支持iOS和OS X。...UIView-AutoLayout - Deprecated in favor of PureLayout, which includes OS X support:https://github.com...简单易用的属性文本控件(无需了解CoreText),支持富文本,图文混排显示,支持添加链接,image和UIView控件,支持自定义排版显示。
pointInside:withEvent:返回YES,则继续逐级调用,直到找到touch操作发生的位置,这个视图也就是hit-test view。...:返回nil; •若返回YES,则向当前视图的所有子视图(subviews)发送hitTest:withEvent:消息,所有子视图的遍历顺序是从top到bottom,即从subviews数组的末尾向前遍历...,直到有子视图返回非空对象或者全部子视图遍历完毕; •若第一次有子视图返回非空对象,则hitTest:withEvent:方法返回此对象,处理结束; •如所有子视图都返回非,则hitTest:withEvent...如果一个子视图的区域超过父视图的bound区域(父视图的clipsToBounds属性为NO,这样超过父视图bound区域的子视图内容也会显示),那么正常情况下对子视图在父视图之外区域的触摸操作不会被识别...,因为父视图的pointInside:withEvent:方法会返回NO,这样就不会继续向下遍历子视图了。
CoreAnimation是iOS中实现动画的框架,整个iOS中的动画(比如UIView中封装的动画、UIViewController切换时的转场动画、UITableViewCell移除增添时的动画等,...实现一个自定义弹窗视图 我们平时在开发的时候,经常会遇到这样的需求:在页面中弹出一个自定义视图,除了弹出的自定义视图之外,页面的其他位置都置灰态。比如下图这样: ?...要实现这样的效果,基本思路是: 1,新建一个弹窗背景视图,背景颜色设置为黑色,透明度设置为0.5; 2,将自定义弹窗视图加在弹窗背景视图上; 3,触发弹出弹窗视图的时候,将弹窗背景视图添加到程序的根窗口上...该视图为用户自定义。...展示浮层上的自定义提示视图的时候,我使用了UIView的动画,可以在这里实现浮层上的自定义提示视图展示时候的动画。 给浮层的背景视图添加一个点击手势,以在点击的时候移除该浮层。
一、添加 Quartz Core 框架 要使用 Quartz Core 框架,你需要将其添加到你的工程中 。...CALayer* layer = self.view.layer; 所有派生自UIView 的对象,都会继承这一属性,这意味着你可以对导航栏、表格、文本框以及其他许多类型的视图类,进行变换、缩放、旋转...属性,你还可以不用改变图层的大小就对其位置进行调整。...这个属性接受一个CGPoint 结构体,来定位图层在屏幕上的偏移位置。...用一组名为 insertSublayer 的替代方法,你可以将新视图插入现有的图层之间。
MyLayout是一套功能全面的iOS开源UI界面布局框架。它囊括了前端所有流行的界面布局技术和解决方案,同时具有如下七大特点: 功能强大。...: @interface UIView(MyFlexLayout) /** 用于弹盒视图中的子视图的布局设置。...UIView*))addTo; //添加子视图 -(id (^)(UIView*))add; /** 条目在弹盒中的排列顺序,值越大越往后排。...目前只有线性布局、框架布局、流式布局、表格布局、弹性布局下的子视图的宽度和尺寸才支持压缩特性,其他布局中的子视图不支持。...下面的界面展示了Fill 和Stretch的区别: 尺寸 目前只有线性布局、流式布局、浮动布局、框架布局、弹性布局中才具有整体停靠和对齐设置的效果,其他布局不支持。
领取专属 10元无门槛券
手把手带您无忧上云