它提出了布局容器的概念，也就是有专门职责的布局容器视图来管理和排列里面的子视图，根据实际中的应用场景而把这些负责布局的容器视图分类抽象出了线性布局、相对布局、框架布局、表格布局、绝对布局这5大容器布局，...比如说有A和B两个视图，我们定义A视图的宽度和B视图的宽度相等，而A视图的高度则是B视图高度的一半。...在相对值类型的尺寸中, 视图某个维度的尺寸所依赖的另外一个视图可以是它的兄弟视图，也可以是它的父视图，也可以是它的子视图，甚至可以是它自身的其他维度。...子视图A的左边距占用父视图宽度的20%，而右边距则占用父视图宽度的30%，高度则等于自身的宽度。 子视图B的左边距是40，宽度则占用父视图的剩余宽度，高度是40。...子视图C的宽度占用父视图的所有宽度，高度是40。 子视图D的右边距是20，宽度是父视图宽度的50%，高度是40。
容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量...containerView.gravity = MyGravity_Vert_Fill | MyGravity_Horz_Fill; //设置线性布局中的所有子视图均分和填充线性布局的高度和宽度。...addSubview:pageView]; //因为线性布局通过属性gravity的设置就可以确定子页视图的高度和宽度，再加上线性布局的特性，所以页视图不需要设置任何附加的约束...containerView.wrapContentWidth = YES; //设置布局视图的宽度由子视图包裹，当垂直流式布局的这个属性设置为YES，并和pagedCount搭配使用会产生分页从左到右滚动的效果...containerView.myVertMargin = 0; //容器视图的高度和滚动视图保持一致。
AutoLayout的尺寸自适应 AutoLayout中有两种类型的尺寸自适应：一类是以UILabel和UITextView为代表视图的尺寸自适应，这类视图中的宽度和高度有时候需要根据自身内容来确定自己的宽度和高度...另外一类是一些容器视图的高度或者宽度希望根据其中的子视图来确定。...比如一些界面中有父视图的尺寸由子视图的尺寸来确定的；还比如UIScrollView中为了能实现滚动需要根据添加到里面的子视图来调整contentSize的尺寸；又比如某些UITableViewCell中的高度是动态的...要求S的高度和宽度根据三个子视图的高度和宽度自适应，那么只需要将布局视图S的约束设置为如下： //OC版本 S.wrapContentSize = YES; //Swift版本 S.tg_size(width...A视图是一个MyLayout&TangramKit布局视图，其宽度等于父视图S的宽度，而高度则根据布局视图里面的子视图的高度自适应，而B视图则在A视图的下方，并且宽度等于A视图。
the autoresizing behaviors of the subviews do not offer the behavior you want.layoutSubviews 当我们在某个类的内部调整子视图位置时...假设有个UILabel 添加它距离左边的距离约束为left的constraint 值为 10 现在我们想让它距左边的距离以动画形式改变为100 如果这么做 UIView.animateWithDuration...)"); label.sizeToFit(); print("实际宽度：\(label.frame.size.width) 实际高度：\(label.frame.size.height)"); 打印的结果为...宽度：120.0 高度：24.0 实际宽度：50.0 实际高度：50.0 实际宽度：120.0 实际高度：24.0 有上面的例子可以看出 sizeThatFits 返回“最佳”大小以适应给定大小...不实际调整视图。 sizeToFit 会根据sizeThatFits返回的最佳大小进行调整视图。
周围的四条虚线分别代表子控件距离父控件上、下、左、右之间的距离关系/或者叫约束关系，周围的四条虚线所包围的小方块代表子视图，小方块内部的两条带双向箭头的线分别代表子控件的宽度和高度。...当我们点击周围四条虚线时，虚线会变成实线，代表子控件和父控件在这个方向上的间距被固定了。当我们点击子视图内部的虚线时，同样也变为实线，代表子视图的宽度或者高度被固定了。...如果UIView设置了autoresizesSubviews，那么他的子控件的bounds如果发生了变化，他的子控件将会根据子控件自己的autoresizingMask属性的值来进行调整。...比如，给某个子控件A设置了左边距和右边距后，虽然没有明确指定子控件A的宽度，但是其左右边距一旦设置，那么宽度可以根据子控件A和父控件左右之间的边距自动推算出来。...原因在于，UILabel是根据内容自动调整宽度和高度，如果没有内容，那么宽度和高度就是0，导致UILabel无法显示。
iOS界面布局之一——使用autoresizing进行动态布局 autoresizing是iOS中传统的界面自动布局方式，通过它，当父视图frame变换时，子视图会自动的做出相应的调整。...可以看出，这时子视图的高度是随父视图变化而自动改变的。...这时子视图的左边是随父视图变化而可变的。 同理，UIViewAutoresizingFlexibleRightMargin将使子视图右边与父视图的距离可变。...UIViewAutoresizingFlexibleTopMargin将使子视图上边与父视图距离可变。UIViewAutoresizingFlexibleWidth将使子视图的宽度可变。...如果你觉得autoresizing很强大，那么你就太容易满足了，autoresizing可以满足大部分简单的自动布局需求，可是它有一个致命的缺陷，它只能设置子视图相对于父视图的变化，却不能精确这个变化的度是多少
并提供了视图隐藏和显示时会自动激发布局、布局视图的高度自适应(UITableviewCell动态高度)、标签云实现、左右内容宽度自适应、按比例分配尺寸和间距、整体停靠控制等等各种强大的功能。...应用场景 举例下面一个应用场景: 有一个容器视图S的宽度是100而高度则是由四个从上到下依次排列的子视图A,B,C,D的高度总和。...视图A的左边距占用父视图宽度的20%，而右边距则占用父视图宽度的30%，高度则等于自身的宽度。 视图B的左边距是40，宽度则占用父视图的剩余宽度，高度是40。...视图C的宽度占用父视图的所有宽度，高度是40。 视图D的右边距是20，宽度是父视图宽度的50%，高度是40。 最终的效果图如下： !...您可以用其中的equalTo方法来设置视图的宽度和高度。
1 简介 bounds是指这个view在它自己坐标系的坐标和大小 而frame指的是这个view在它superview的坐标系的坐标和大小区别主要在坐标系这一块。...虚线方块是根据自动布局显示视图的frame。实线方块是根据你在屏幕上放置的视图的frame。这两个应该吻合的，但是这里并没有。 Note：你可能会奇怪，为什么Xcode不为X轴方向自动增加一个约束。...H: :表示水平 >= :表示视图间距、宽度和高度必须大于或等于某个值 <= :表示视图间距、宽度和高度必须小宇或等于某个值 == :表示视图间距、宽度或者高度必须等于某个值...//设置子视图的宽度和父视图的宽度相同 [self.view addConstraint: [NSLayoutConstraint constraintWithItem: v1 attribute:...NSLayoutRelationEqual toItem: self.view attribute: NSLayoutAttributeWidth multiplier: 1.0 constant:0]]; //设置子视图的高度是父视图高度的一半
使用了这么久， 对于父试图是 Button ／ UITextFeild等非UIView的直接子类，布局其子视图时，这里面的约束是不生效的。...主要的功能是： 1、实现Label高度固定，宽度自适应（超出后不显示），宽度固定，高度自适应。...2、实现了UIView内子视图的自动布局； 3、实现了UIScrollView内容高度根据内部子视图的内容高度动态设置； 4、实现了一个UITableView有多个不同Cell的时候，所有cell高度自适应.../** 设置单行文本label宽度自适应，超出了这个最大宽度则不显示，否则会根据文字多少自动调整宽度 */ - (void)setSingleLineAutoResizeWithMaxWidth:(...实现了UIScrollView可滚动高度根据内部子视图的内容高度动态设置 /** 设置scrollview内容自适应，第一个参数为作为底部的子视图，第二个参数为到sc底部的间距。
:提供子视图的位置通过数学函数运算而进行定位排列的能力 独有 SizeClass 提供了根据屏幕尺寸和横竖屏而进行差异布局设置的能力。...设想一个场景：某个视图的宽度在竖屏下是屏幕宽度的一半，而在横屏下则是屏幕高度的一半。换句话说就是视图的宽度是屏幕宽度和高度中的最小值的一半。 ?...5.布局中子视图的拖放 在一些应用中我们可以通过拖放功能来调整子视图的位置或者进行一些其他处理。MyLayout以前的版本中实现了这么一个DEMO。...MyLayout中如果我们调整了子视图的约束后希望有动画效果，那么可以调用布局视图的方法： /** *设置布局时的动画。...10.完善和扩充视图尺寸的自适应设置支持 所谓尺寸自适应就是视图的尺寸根据自身的内容和视图内的子视图的尺寸来动态确定自身的尺寸，从而形成所谓的包裹的效果。
6条线，上下左右以及空间内的两条红色交叉线如下图 上下左右四条红色的线分别表示此视图距离父视图的上下左右边的约束各式多少 中间两条上下交叉的线表示，此视图的高度与宽度是否随着父视图的变化而按比例变化...Autoresizing 举个例子： 当我们将左边和上面虚线变成实线时，代表子控件和父控件在这个方向上的间距被固定 当我们点击子视图内部的虚线时，同样也变为实线，代表子视图的宽度或者高度被固定了...@property(nonatomic) UIViewAutoresizing autoresizingMask; //是一个枚举值，作用是自动调整子控件与父控件中间的margin(间距)或者子控件的宽高...同理， 如果垂直方向同时固定了上边距和下边距，那么我们不能固定子控件的高度（反应在storyBoard中的设置，也就是必须使控制子控件高度的虚线变为实线） Autoresizing缺点 Autoresizing...可以满足大部分简单的自动布局需求，可是它有一个致命的缺陷，它只能设置子视图相对于父视图的变化，却不能精确这个变化的度是多少，因此对于复杂的精准的布局需求，它就力不从心了
.关于它的讨论,暂时到此为止....< 子视图对应的属性,模块中应有属性与其对应,且可通过此属性访问对应的子视图. extern const NSString * YFViewComponentSubViewHolderWidthKey...< 同一设计图中,子视图的宽度. extern const NSString * YFViewComponentSubViewHolderHeightKey; //!...< 同一设计图中,子视图的高度. extern const NSString * YFViewComponentSubViewHolderRightKey; //!...< 同一设计图中,子视图的底部边距值(bottom). @interface YFViewComponent : UIView /** * 子视图配置信息.
image.png 注意： 这个逻辑坐标系并不关注包含在其中 View 的宽度和高度，整个坐标系没有边界向四周无限延伸。 我们在坐标系中放置四个子 View，每一次色块代表一个 View： ?...的文档中是这样描述 bounds 属性的： bounds矩形…描述了该视图在其自身坐标系中的位置和大小。...调整 View 的 Bounds 属性就相当于拖动这个幕布，那么下方的内容就能在我们 View 中被观察到： ?...其实这就是 UIScrollView 滑动时所发生的事情。注意从一个用户的角度来看，他以为时这个 View 中的子 View 在移动，其实他们的在坐标系中位置（他们的 frame ）没有发生过变化。...我们用一个 gesture recognizer 来识别用户的拖动操作，根据用户拖动的偏移量来改变 bounds 的原点： 和真正的 UIScrollView 一样，我们的类也有一个 contentSize
2个 属性 8个 UIView的各类扩展 视图几何相关的扩展 UIView (UIViewGeometry)，主要定义了视图上位置和区域相关一些属性和方法 视图层次结构相关的扩展 UIView (UIViewHierarchy...)，主要定义对子视图的增删改以及层次结构调整等操作 视图外观渲染相关的扩展 UIView (UIViewRendering)，主要定义视图的一些属性和设置，例如是否隐藏、透明度、背景颜色等 视图动画相关的扩展...< 自动调整自己的宽度，保证与superView左边和右边的距离不变. 53 UIViewAutoresizingFlexibleRightMargin = 1 << 2,//!...< 自动调整自己的高度，保证与superView顶部和底部的距离不变. 56 UIViewAutoresizingFlexibleBottomMargin = 1 << 5 //!...则会根据autoresizingMask属性自动调整子视图尺寸 */ 223 @property(nonatomic) BOOL autoresizesSubviews; 224
contentMode和contentStretch属性确定在view的宽度或高度更改时如何处理内容。 contentScaleFactor属性仅在需要为高分辨率屏幕自定义view的绘制行为时使用。...缩放view会更改view的宽度和高度，但不会更改其center. View Hierarchy中转换坐标 在许多情况下，特别是在处理事件时，应用程序可能需要将坐标值从一个参照系转换为另一个参照系。...通过自动布局，您可以设置每个view在其父view调整大小时应遵循的规则，然后完全忽略调整大小的操作。 通过手动布局，您可以根据需要手动调整view的大小和位置。...如果此属性设置为YES，则该view使用每个子view的autoresizingMask属性来确定如何调整和定位该子view。对任何子view的大小更改会触发嵌入式子view的类似布局调整。...上图中灵活的宽度和高度常数与“AutoSizing”控件图中的宽度和大小指示器具有相同的行为。 但是，保证的行为和使用是有效的逆转。
我们将用一个UIImageView来初始化这个类，它将被添加为一个子视图。...medium.com/media/afad3… 在commonInit()中，我们将图像视图居中，并设置它的高度和宽度，而不是把它固定在父视图上。这样一来，滚动视图就会从图像视图中获得其内容大小。...设置滚动视图 我们需要实际设置我们的滚动视图，使其可缩放和可平移。这包括设置最小和最大的缩放级别，以及指定用户放大时使用的UIView（在我们的例子中，它将是图像视图）。...试试平移和缩放（如果你使用的是模拟器，按住 "option "键）--你会对你的图像有一个全新的视角 以编程方式初始化视图 在使用界面生成器时，这很好--但如果你想以编程方式初始化视图呢？...这也不仅仅适用于图片视图--如果你想让UIView可缩放，你可以采取同样的方法，用UIView而不是图片名称初始化你的类。可以尝试一下！
第一个结构符合视图协议，描述了视图的内容和布局。 第二个结构声明了该视图的预览。...Modifiers可以修改视图的属性，并且modifier返回一个新的视图，所以通常会将多个modifiers像链一样垂直堆叠在一起。（ 链式编程）。...第六步 注意一点的就是，Xcode会根据inspector修改自动更新你的代码。 利用Stacks组合视图 我们创建了一个文本框用来显示landmark的详情信息，并且把这个文本控件放到头部。...我们已经把park名称和位置的视图做好了，接下来我们将给park添加个图片。...设置MapView的frame。 如果你只设置了Mapview的高度，那么MapView会自动设置其宽度来适应父视图。所以MapView会充满宽度区域。
CALayer负责视图中显示内容和动画.所有动画都是作用在CALayer上的....如 : bounds : 用于设置CALayer的宽度和高度,修改这个属性会产生缩放动画. background : 用户设置CALayer的背景色, 修改这个属性会产生背景色的渐变动画. position...属性 设置图层的尺寸，高度和宽度 @property CGRect bounds; 设置位置 方式1： 用来设置CALayer在父层中的位置,position相当于UIView控件的center属性...此处可以和UIView的clipToBounds来比较记忆（clipToBounds为yes会使其上的内容包括子视图不能超出边界） 控件截图裁剪的三种方法： 给layer设置圆角半径layer.cornerRadius...）bounds : 用于设置CALayer的宽度和高度,修改这个属性会产生缩放动画
布局和子视图管理 一个视图可以包含零个或更多的子视图。 每个视图定义了自己的默认的调整行为与它的父视图。 一个视图可以定义子视图的大小和位置。...这将创建一个视图之间的亲子关系被嵌入(称为子视图)和嵌入的父视图(称为父视图)。通常情况下,子视图的可见区域的范围不剪它的父视图,但在iOS可以使用clipsToBounds属性来改变行为。...父视图可以包含任意数量的子视图但每个子视图只有一个父视图,负责适当定位它的子视图。 一个视图的几何定义框架,边界和中心属性。...框架定义了视图的起源和维度的坐标系统中常用它的父视图和布局调整视图的大小或位置。中心属性可以用来调整视图的位置不改变它的大小。边界定义视图,把他们的内部维度和几乎完全用于自定义代码。...的尺寸部分框架和边界矩形耦合在一起,因此改变大小的矩形更新的大小。如何使用UIView类的详细信息,看到视图iOS编程指南。
棕色区域是可以设置的 红色 底层箭头视图的边框 白色 底层箭头视图的背景颜色 蓝色 自定义内容区域，在此区域（contentView）可以添加希望展示的内容 加号按钮 模拟了 sourceView...可以看到当 sourceView（加号按钮） 在不同地方的时候，popover 自动更改方向、调整箭头方向、位置以适应不同的 sourceView 类说明 open class KKPopover: UIView...contentView: UIView /// 自定义内容请在此视图上增加 arrowView: KKPopoverArrowView 箭头视图 delegate: KKPopoverDelegate..., sourceView: UIView) /// 根据 sourceView 展示在指定视图中 /// - Parameters: /// - view: 添加到的视图，不传则添加到 window...内部合适的方向使用 open class KKPopoverArrowView: UIView 箭头视图的配置项 /// 边角弧度 open var borderRadius: CGFloat
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
