文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iOS界面布局的核心以及TangramKit介绍

就像每个领域都有工作细分一样，现在的编程人员也有明确分工：有一部分人做的是后端开发的工作，而有一部分人做的是前端开发的工作。二者相辅相成而完成了整个系统。...比如某个滚动视图内的所有子视图在滚动时都需要重新去计算自己的位置。 第二种以父视图坐标系作为参照来确定的位置称为相对位置，每个子视图的位置都是距离父视图左上角原点的一个偏移值。...这个类的作用就是专门负责对加入到其中的所有子视图进行布局排列，它是通过重载layoutSubviews方法来完成这个工作的。...定位的值如果是以兄弟视图作为参考系坐标那么视图的位置就叫做间距，间距描述的是视图距离兄弟视图的距离(垂直线性布局中虽然第一个子视图的顶部是距离父视图但是我们仍然称为间距)。...比如在实践中我们希望某个子视图的左边距等于父视图的宽度的20%，但是最小不能小于20，最大不能超过30。

2.2K30

史上最详细的iOS之事件的传递和响应机制-原理篇

所以，不管视图能不能处理事件，只要点击了视图就都会产生事件，关键在于该事件最终是由谁来处理！也就是说，如果蓝色视图不能处理事件，点击蓝色视图产生的触摸事件不会由被点击的视图（蓝色视图）处理！...因为会存在这么一种情况：当遍历子控件时，如果触摸点不在子控件A自己身上而是在子控件B身上，还要要求返回子控件A作为最合适的view，采用返回自己的方法可能会导致还没有来得及遍历A自己，就有可能已经遍历了点真正所在的...所以还是建议在父控件的hitTest:withEvent:中返回子控件作为最合适的view！ 例如：whiteView有redView和greenView两个子控件。...controller，首先判断视图控制器的根视图view是否能处理此事件；如果不能则接着判断该视图控制器能否处理此事件，如果还是不能则继续向上传 递；（对于第二个图视图控制器本身还在另一个视图控制器中，...则继续交给父视图控制器的根视图，如果根视图不能处理则交给父视图控制器处理）；一直到 window，如果window还是不能处理此事件则继续交给application处理，如果最后application还是不能处理此事件则将其丢弃

11.4K70
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    翻译_iOS视图编程指南(View Programming Guide for iOS)之视图和窗口体系

    理解这些设施是如何工作的对于确保在应用发生变化时视图可以正常工作是非常重要的。...视图也可以是其他一些视图的父类，协调那些视图的位置和尺寸。UIView的大部分工作用于管理视图之间的关系，但也可根据自己的需要自定义视图默认的行为。 视图与核心动画层合力处理视图内容修改和动画显示。...应用中的视图包括窗口(本身也是视图)，一个作为视图容器的UIView对象，一个图片视图，一个展示控制的工具条，一个条按钮项(它本身不是视图，但他管理内部的视图)。...每个视图都有一个响应图层，并且可以通过视图的 layer属性访问到其中，由于条按钮项不是视图，故不能直接访问它的 layer属性。...视图层次和子视图的管理#### 一个视图在呈现自身内容之外，还可以作为其他视图的容器。当一个视图包含另一个视图时，两个视图间的父子关系就创建出来了。在关系中，孩子视图就是子视图，父亲视图就是超视图。

    1K40

    【IOS开发基础系列】UIView专题

    )insertSubview:(UIView *)viewatIndex:(NSInteger)index 参数 view     插入的视图，这个值不能是nil index     子视图索引从0开始并且不能大于子视图的数量...- (BOOL)isDescendantOfView:(UIView *)view 参数 view     一个视图用来测试子视图在视图层次中的关系 返回值     如果接收者是视图的子视图就返回YES...- (void)removeFromSuperview 讨论     接收者同时释放；如果你计划重用它，要确定在发送消息前保持它并在添加到其他UIView对象作为子视图後移除。...执行动画所需要的工作由UIView类自动完成，但仍要在希望执行动画时通知视图，为此需要将改变属性的代码包装到一个代码块中。...但是须知：CATransition只针对图层，不针对视图。图层是Core Animation与每个UIView产生联系的工作层面。

    70830

    IOS触摸事件分发机制详解

    前言 很多时候大家都不关心IOS触摸事件的分发机制的实现原理，当遇到以下几种情形的时候你很可能抓破头皮都找不到解决方案: 某个点击消息由父视图来处理，子视图怎么把消息传递给父视图 这个按钮不灵敏，怎么扩大点击响应区域...Hit-Testing就完美的解决了这个问题，通过检测触摸点是否在相关的视图边界范围内，如果在，就继续递归检测该视图的所有子视图，离用户最近的那个视图的边界如果包含触摸点，那么它就是我们要找的Hit-Test...具体的检测工作是通过UIView中两个方法来完成的 - (nullable UIView *)hitTest:(CGPoint)point withEvent:(nullable UIEvent *)event...解决办法通常有两种： 父视图和子视图都重写- (nullable UIView *)hitTest:(CGPoint)point withEvent:(nullable UIEvent *)event...父视图成为first responder，子视图把事件沿着响应链转发。

    3.6K90

    Cobub无码埋点关键技术实现流程（附图）

    遍历主window上的子视图，找到包含上述悬浮窗中心点且能响应用户交互的最里层视图，即为用户可以圈选的视图。 参考iOS控件的消息传递链，有个核心方法。...UIView hitTest:(CGPoint)point withEvent:(UIEvent *)event。此API自动遍历子视图，找到包含point的视图，event传nil。...由于event参数是nil,最终找到的视图并不一定是能响应用户手势的视图，如果不能响应则遍历其父视图，直到找到能响应用户行为的视图。...我们可以把App的视图结构理解成树的概念，树的根节点是UIWindow，树的枝干由UIViewController和UIView组成，叶子节点都是UIView。...计算节点的index,这个步骤，有种特殊的视图需要注意，可复用视图的index是跟数据源相关的，比如UITableViewCell，此类视图的index不能使用父视图的subviews的下标代替，应该使用数据源的下标代表

    1.4K60

    《Motion Design for iOS》（十五）

    UIView是用来构建你的界面的UIKit Framework中基本的界面对象。每个视图都可能伴随着文本、形状或图片绘制。...这些是为某些功能或特性特定的特殊的UIView对象。包括作为界面按钮的UIButton、用来显示图片的UIImageView、显示文本的UILabel和显示列表的UITableView。...视图，用来包含UITableView中一行的元素 UILabel中的帖子标题 评论数量UIButton，由一个评论气泡图和评论的数量组成 显示帖子URL的UILable UILabel中显示帖子的点值和子板...如果你不熟悉iOS用户界面开发，看看一些你喜欢的app，看能不能找出界面中所有的视图，以此作为分解你自己设计的练习，这样你就可以学习在代码中构建它们。...UIView对象有很多的职责，其中之一就是事件处理，即响应触摸事件。如果你想的话你界面中的所有视图都可以响应触摸事件，或者你可以指定只有特定的视图会在用户触摸它们时响应。

    85640

    【iOS 开发】从 setNeedsLayout 说起

    （或者它的子视图）为需要进行布局更新 -调用 setNeedsDisplay 或者 setNeedsDisplayInRect: 方法以标记该视图...（或者它的子视图）需要进行重画 -通知 Controller 有数据变化 如果一个视图的几何结构改变了，UIKit 会更新它的子视图 如果任何视图的任何部分被标记为需要重画，UIKit 会要求视图重画自身...： setNeedsLayout 会给当前 UIView 立一个 flag，以表示后续应该调用 layoutSubviews 方法，以调整当前视图及其子视图的布局...Apple 官方文档已经明确说明，开发者不应该直接调用 layoutSubviews 与 drawRect: ，而应该在你认为系统默认的布局和重绘不能带给你想要的效果时...do something self.layoutIfNeeded() }) } } 可以看出 layoutIfNeeded 作为一个辅助选项给了

    71710

    从 0 到 1 搭建技术中台之 iOS 可视化埋点实践

    技术中台最坏的状况是技术能力太差，不能支撑业务的发展，其次是技术脱离业务，不能服务业务的发展。前者是能力问题，后者是意识问题。...页面所属控制器存在自定义的父控制器 例如：一个控制器包含了若干子控制器，且通过 UIScrollView 分页的方式呈现各子控制器的视图。...我们可以截取 “main: home_search_icon” 作为图片内容。...单一内容本身作为其内容标识。 如果一个元素包含多个文本或图片、或其子元素内也包含文本或图片，则称其内容为复合内容。...", } 其中，key 对应的是子元素相对路径，作为改内容的内容标识，即从当前元素到子元素的路径，value 对应的是该内容具体的文本或图片内容。

    1.1K20

    iOS界面布局之一——使用autoresizing进行动态布局

    iOS界面布局之一——使用autoresizing进行动态布局 autoresizing是iOS中传统的界面自动布局方式，通过它，当父视图frame变换时，子视图会自动的做出相应的调整。...可以看出，这时子视图的高度是随父视图变化而自动改变的。...这时子视图的左边是随父视图变化而可变的。 同理，UIViewAutoresizingFlexibleRightMargin将使子视图右边与父视图的距离可变。...UIViewAutoresizingFlexibleTopMargin将使子视图上边与父视图距离可变。UIViewAutoresizingFlexibleWidth将使子视图的宽度可变。...如果你觉得autoresizing很强大，那么你就太容易满足了，autoresizing可以满足大部分简单的自动布局需求，可是它有一个致命的缺陷，它只能设置子视图相对于父视图的变化，却不能精确这个变化的度是多少

    70820

    IOS开发系列——UIView专题之五：常用开发技巧篇

    :返回nil; •若返回YES,则向当前视图的所有子视图(subviews)发送hitTest:withEvent:消息，所有子视图的遍历顺序是从top到bottom，即从subviews数组的末尾向前遍历...,直到有子视图返回非空对象或者全部子视图遍历完毕； •若第一次有子视图返回非空对象,则hitTest:withEvent:方法返回此对象，处理结束； •如所有子视图都返回非，则hitTest:withEvent...如果一个子视图的区域超过父视图的bound区域(父视图的clipsToBounds属性为NO,这样超过父视图bound区域的子视图内容也会显示)，那么正常情况下对子视图在父视图之外区域的触摸操作不会被识别...,因为父视图的pointInside:withEvent:方法会返回NO,这样就不会继续向下遍历子视图了。...UITouch对象在触摸操作的过程中在不断变化，所以在使用UITouch对象时，不能直接retain,而需要使用其他手段存储UITouch的内部信息。

    1.2K20

    iOS面试题-UI篇

    可以响应用户事件，Xcode6之后可以方便的通过视图调试功能查看图层之间的关系 UIView是iOS系统中界面元素的基础，所有的界面元素都继承自它。...placeholderImage:，会在真实图片出现前会先显示占位图片，当真实图片被加载出来后在替换占位图片 加载图片的过程大致如下： 首先会在 SDWebImageCache 中寻找图片是否有对应的缓存, 它会以url 作为数据的索引先在内存中寻找是否有对应的缓存...-(void)viewDidLayoutSubviews; 触摸事件的传递 触摸事件的传递是从父控件传递到子控件 如果父控件不能接收触摸事件，那么子控件就不可能接收到触摸事件 不能接受触摸事件的四种情况...透明，即：alpha <= 0.01 未启用，即：enabled = NO 提示：UIImageView的userInteractionEnabled默认就是NO，因此UIImageView以及它的子控件默认是不能接收触摸事件的...)遍历子控件，重复前面的两个步骤 如果没有符合条件的子控件，那么就自己处理 事件响应者链 如果当前view是控制器的view，那么就传递给控制器 如果控制器不存在，则将其传递给它的父控件 在视图层次结构的最顶层视图也不能处理接收到的事件或消息

    2K21

    iOS 系统中的视图动画

    哪些属性可以添加动画效果 根据 iOS 视图编程指南中说明， UIView 内置支持为下列属性添加动画效果： Frame 可以改变视图相对于上一级视图的位置和大小。...= 0.0f; this.SecondView.Alpha = 1.0f; }); 这样就实现了一个简单的渐变动画， 并且只能运行一次， 通常不能满足需求， 再来一个复杂点儿的： [UIView...创建视图切换动画 视图切换动画可以减少修改可视化树时引起的界面上的突变， iOS 系统中大量使用了视图切换动画， 视图切换动画主要有下面两种场景： 修改子视图 替换子视图 注意： 不要把视图切换和视图控制器的切换混淆...修改子视图 可以修改子视图的可见性用来表示当前视图的不同的状态， 看下面的两个视图切换的例子，在 iOS 4.0 之前， 需要将视图切换动画添加到 Begin/Commit 动画之间， 代码如下： 在...替换子视图 要进行子视图的替换， 需要用到 transitionFromView:toView:duration:options:completion: 方法， 示例代码如下： UIView *fromView

    2.2K30

    图层树和寄宿图 -- iOS Core Animation 系列一

    视图在层级关系中可以互相嵌套，一个视图可以管理它的所有子视图的位置。 在iOS中，所有的视图都是从UIView这个基类派生出来的。...CALayer类在概念上和UIView类似，也是一些被层级关系树管理的矩形块，也可以包含一些内容，并且管理子视图的位置。...和UIView最大的区别是CALayer不能处理用户的操作交互 CALayer不清楚具体的响应链，但是它提供了一些方法来判断是否某个触点在某个图层范围内。...1.3 平行的层级关系 每个UIView都对应着一个CALayer，视图的职责是创建并管理这个图层，以确保党子视图在层级关系中添加或者被移除的时候，他们对应的图层也同样的在对应的层级关系树中有相同的操作...如果UIView检测到-drawRect:被调用，会自动给视图分配一个寄宿图。这个寄宿图的像素尺寸等于视图大小乘以contentsScale。

    1.2K20

    如何把设计图自动转换为iOS代码? 在线等,挺急的!

    尽管作为一名iOS开发人员,我依然对苹果公司提供的开发技术及其发展方向持谨慎和保守态度.前一段时间,尝试使用 Xib来布局视图,遇到一些坑,但是熟悉之后,也确实比原来单纯基于绝对位置的纯代码布局更灵活些...此策略已经在我们的项目中试用了一段时间,也已经填了些坑,多次优化,感兴趣的可以直接拿过去用.但是,基于XIB的视图模块化,终究还是需要手动的参与,对工作效率的提升也似乎达到了一个极限:因为它终究需要人工深度参与...子视图的类型. extern const NSString * YFViewComponentSubViewPropNameKey; //!...子视图对应的属性,模块中应有属性与其对应,且可通过此属性访问对应的子视图. extern const NSString * YFViewComponentSubViewHolderWidthKey...子视图的底部边距值(bottom). @interface YFViewComponent : UIView /** * 子视图配置信息.

    1.4K60

    大前端开发中的“树” (下)

    , height) center 是指在父视图中的 CGPoint(x + width / 2, y + height / 2) iOS 坐标系统概念图 4.3 UIView UIView 负责接收触摸手势事件通过...文本或者背景色），管理子图层的位置，在数据结构上构成树的形式，称之为图层树；图层树的能力包括： 阴影、圆角、带颜色的边框 3D 变换 非矩形范围 透明遮罩 多级非线性动画 在 CALayer 的工作过程中...共性特征 “树” 作为视图元素层级化的组织形式，普遍存在于各个前端视图系统中。 前端视图系统均基本遵循 解析视图描述 → 布局 → 渲染 的处理过程。...以动画系统为例，iOS 的视图系统把动画配置作为视图树描述的一部分，直到渲染时才计算实际值，从而提升动画性能；而 Android 渲染过程一般依靠视图树的变化实现动画，相比之下增加了处理环节。...而 Flutter 的视图系统进一步实践了这个思想：通过 Widget - Element 树的工作机制，筛选变化、减少操作，支撑高性能渲染。

    1.9K30
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券