首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MyLayout&TangramKit 的重大升级!

,其高度尺寸是由里面的子视图来确定的。...可以看出来要实现父容器视图S的尺寸自适应时不是通过设置宽度和高度的尺寸依赖来实现的而是通过设置让父视图的边界依赖于某个子视图的边界来实现的。具体代码展示如下: //这里忽略了视图的创建代码。...下面是具体的实例代码: //1.创建一个滚动视图,并设置好约束,这个约束可以是AutoLayout也可以是frame的,这里为了简单就用frame。...要实现UIScrollView滚动时,只需要在一个滚动视图内添加一个布局视图,然后将所有其他子视图都添加到这个布局视图中去,这个和上面的AutoLayout的处理方式是一样的,最后将布局视图的尺寸自适应属性设置为...3.MyLayout&TangramKit的UITableViewCell高度自适应实现 如果你的所有视图都不使用AutoLayout的话则可以通过上面介绍的MyLayout&TangramKit来实现

2.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    TableView优化之高度缓存

    还有,虽然category可以访问已有类的实例变量,但不能创建新的实例变量,如果要创建新的实例变量,请使用继承。...那我又要为其添加两个标识符,只能使用runtime去动态绑定了,在类的属性列表里面通过runtime添加上这个属性,那我就可以使用这个属性了。...你上下来回滑动的时候cell就会添加无数个子视图。 没有什么会影响重新绘制的,记住那句代码一定会走,只要走就一定会绘制。如果说你绘制出了什么问题,不要怪重用,跟他没关。问题一定在别的地方。...事实上,有两种自动布局方式,autoResizing和autoLayout。 autoResizing是UIView的固有属性。是在IOS6之前用来实现自动布局的属性。...3.然后如果是使用autoLayout进行自适应计算。 这个也是老司机为之后留下的接口,可以控制是否进行一autoLayout进行计算。但实际并没有处理。

    2.4K30

    iOS开发中行高灵活可变的UITableView的性能优化

    上面列举的5中拉取cell高度的场景中,TableView配置部分只会在TableView第一次展现在屏幕上时出现,但是其拉取的是所有行的行高数据,如果表视图有100行或者更多,这将是一个十分耗费性能的过程...通过上面分析,以10行数据的表格视图为例,若一屏幕可以呈现7行数据(TableView需要准备8行),则在第一次展示TableView视图时,会执行44次heightForRwoAtIndexPath方法...那么现在问题来了,如何才能让cell正确计算自己的高度,这就要使用到Autolayout了,无论是通过xib文件创建的cell还是代码创建的cell,若想让cell自动正确的计算出自身的高度,必须添加足够压力的约束...是一个CGFloat类型的常量,其需要和用来处理返回头尾视图标题的方法结合使用,用它来作为TableView分区头尾视图的高度返回,系统会自动根据标题是否存在来进行自适应,举个例子,如果返回的标题为nil..."; } } 小提示:UITableViewCell在创建出来时,其宽度并不一定和UITableView宽度一致,如果开发者需要通过获取cell的宽度来处理逻辑,要在cell的layoutSubViews

    2K20

    Texture

    而Texture的最大特点就是能够极大地优化卡顿问题,其优化原理如下: 布局:iOS的Autolayout在性能上是存在瓶颈的,并且只能在主线程进行计算,因此Texture弃用了AutoLayout,自己设计了一套布局方式...ASNetworkImageNode并不支持gif,如果需要显示gif的话推荐使用FLAnimatedImage。...布局 AsyncDicplayKit拥有自己的一套成熟的布局方案,虽然语法比Masonry等(对AutoLayout的封装)要复杂,但是其性能却比AutoLayout好得不是一点点。...在堆叠布局中,以垂直或水平堆叠对齐item,堆叠布局可以是另一堆叠布局的子布局,这使得可以使用ASStackLayoutSpec来创建任何布局。...ASStackLayoutSpec的属性介绍如下: direction,主轴的方向,指定子项的堆叠方向,默认是纵向。 spacing,每个子元素之间的距离,即主轴上视图排列的间距。

    2.4K61

    iOS的MVC框架之控制层的构建(下)

    如果因为某些原因使得我们的控制器里面的所有视图都需要重新创建(比如换肤)时那么就有可能导致这个懒加载的视图不会再次被创建而产生界面上莫名其妙的问题。...//你可以在这里对上面所有的子视图通过autolayout的方式来完成代码布局的编写、也可以在上面每个视图创建完成后就进行代码布局的编写,这个没有限制。...视图构建完成后,需要对视图进行布局处理,您可以使用AutoLayout方式来进行布局也可以使用frame方式来进行布局。...AutoLayout布局是一种通过视图之间的约束设置来实现布局的方式,而frame方式则是苹果早期的一种布局方式。...UITableViewCell中视图属性除了要更新内容外,显示的效果比如字体颜色等也有可能要更新。

    4.4K30

    深入详解iOS适配技术

    所以,storyboard和代码是相同的,无论什么视图,凡是可以通过storyboard进行设置的属性,都有与之对应的属性代码,我们也可以使用代码的方式实现。...不难发现,这样以位移的方式指定autoresizingMask枚举值,也契合了storyboard中可以给子控件设置多个方向的约束的情景。如下图: ?...Snip20160515_3.png 4.如果view的约束只和自己有关系,那么添加到自己身上。比如宽高约束。 UILabel使用AutoLayout UILabel默认内容的显示方式是垂直居中的。...storyBoard中的autolayout设置约束,只有在万不得已的情况下才用代码设置autolayout约束,这种情况一般是,被约束的控件是代码创建的,或者被约束的控件的父控件是代码创建的。...横屏状态的iPhone不会显示这个控件,横屏和竖屏状态的iPad也不会显示这个子控件。 所以,当我们希望某个控件在横屏是显示,在竖屏时不显示的时候,可以考虑有sizeClass这种技术。

    8.5K70

    iOS_UITableView性能优化

    // 默认高度44 定高的cell最好指定高度, 减少不必要的计算 self.tabelView.rowHeight = 88; // 减少视图数目 // 减少多余的绘制操作 // 不给cell动态添加...subView 用hidden属性 控制显示/隐藏 // 网络请求, 图片加载 开启多线程 // willDisplayCell 可以将数据绑定放在cell显示出来之后再执行 以提高效率 // 缓存不便于重用的.... cell.contentView 四边与内部元素有约束关系(Autolayout) // 2....当中,相较于view的drawRect方法使用CPU渲染而言,其效率极高,能大大优化内存使用情况 // 优化方案2: 使用贝塞尔曲线UIBezierPath Core Graphics框架画出一个圆角...>Instruments // https://blog.csdn.net/hmh007/article/details/54907560 // 可以将数据绑定放在cell显示出来之后再执行 以提高效率

    64420

    iOS开发常用之UI模糊效果、自动版式

    使用DEMO 视图居中显示,子视图含边距,视图等距离摆放,计算ScrollView的内容。 Classy - Classy是一个能与UIKit无缝结合stylesheet(样式)系统。...ClassyLiveLayout - ClassyLiveLayout通过结合Classy stylesheets与Masonry一起使用,能够在运行的模拟器中微调自动布局约束实时显示效果的工具,砌体...来自百度知道iOS小组的内部分享。 UIView-FDCollapsibleConstraints - 一个AutoLayout辅助工具,最优雅的方式解决自动布局中子查看的动态显示和隐藏的问题。...当前视图隐藏的时候也隐藏其autolayout的NSLayoutAttribute - 当前隐藏的时候也隐藏其autolayout的NSLayoutAttribute,从而不用大量的代码工作。...Neon.swift - 功能强大的UI布局神器。 EasyPeasy.swift - 编程方式自动布局框架库。

    1.6K30

    RunLoop总结:RunLoop的应用场景(三)滚动视图流畅性优化

    下面就拿UITableView来举例说明: UITableView 的 cell 上显示网络图片,一般需要两步,第一步下载网络图片;第二步,将网络图片设置到UIImageView上。...这里就可以使用先使用上面的方式做一次改进。...(这一点,相信大家都知道,要尽量避免在主线程中执行,一般都是创建一个子线程来执行,然后再回到主线程) 2.动态计算UITableViewCell的高度,时间过久 在iOS7之前,每一个Cell的高度,...我们依然需要动态计算各个子视图的高度。...所有的图形堆栈一起工作以确保每次正确的显示。当你滚动整个屏幕的时候,数以百万计的颜色单元必须以每秒60次的速度刷新,这是一个很大的工作量。

    2.2K41

    iOS-屏幕适配实现(AutoLayout)

    ,但并不影响其真实效果,也不会报错 注意:约束有错误,不代表运行会错误,约束错误同样可以运行 约束的规则 相对于父视图的约束,添加到父视图上 对于两个同层级 view 之间的约束关系,添加到它们的父 view...上 相对于另一个控件的约束,添加到其共有的父视图上 对于两个不同层级 view 之间的约束关系,添加到他们最近的共同父 view 上 跨层级的约束,添加到其最上层的父视图上...对于有层次关系的两个 view 之间的约束关系,添加到层次较高的父 view 上 自身的宽高等约束,添加到自身视图上 特殊控件的约束 UILabel默认内容的显示方式是垂直居中的...表示通用 控件大量属性修改可通过installed添加布局 修改约束 方式一: 需要选中将要编辑的约束(上图小标1),选中后约束在视图中显示为高亮(上图小标2),右边会显示修改约束的设置...:第一个Item的属性 =(=)第二个Item的属性*Multiplier+Constant 方式二: 选中控件,选择要修改的约束点击Edit 预览(通过PreView

    44110

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

    以这种方式,你可以创建超过 5 个的ViewController 给TabBarController,它将自动在Tabbar 上显示 More... 按钮。...创建新连接时,新的 Tab 也同时被加到TabBarController上,名字叫做 “Item”。我想将新的场景放在第一个Tab上,可以用拖拽 Tab 的方式改变它们的顺序。         ...不要奇怪,我们还没有提供数据源,因此表视图中不会显示任何行。 2.3.3 创建PlayersViewController         加一个新的 File 到项目中。...但我想在单元格右边加一张图片以显示玩家级别(以星级的形式)。UITableViewCell的标准样式中不包含可以在单元格中放入一个ImageView,因此我只能选择定制设计。         ...5 参考链接 IOS编程教程(十):使用StoryBoard来建立导航控制器和表视图 http://www.cnblogs.com/haichao/archive/2012/11/23/2784144.

    1.3K30

    Flexbox布局杂谈

    Flexbox比AutoLayout提供了更多、更规范的布局方法,且更容易使用,而且苹果推出的使用Flexbox布局思路的UIStackView,我们也是需要去了解一下的。...使用Flexbox布局的视图元素叫Flex容器(flex container),其子视图元素会自动成为容器成员,叫做Flex项目(flex item)。...vStack;然后,为vStack设置两个子节点,第一个子节点是标题,第二个子节点是正文内容;接下来,创建一个横轴方向的ASStackLayoutSpec视图容器hstack,在hstack里添加imageNode...和vStack节点;最后,创建一个ASInsetLayoutSpec容器,设置四周边距为5,将hStack作为其子节点。...Flexbox算法 Flexbox算法的主要思想是:让flex容器能够改变其flex项目的宽高和顺序,以填充可用空间,flex容器可以通过扩大flex项目来填充可用空间,或者缩小flex项目来使其不超出可用空间

    2.2K30

    有了Auto Layout,为什么你还是害怕写UITabelView的自适应布局?

    所以说,对于这种数据长度不确定,但是又要求完全显示的设计,最复杂的不在于实现,而在于后期的迭代.可变字段越多,迭代越复杂.如果连显示方式都改了,那就基本等于重做了几遍. cell高度计算有坑: 难以理解的诡异问题...,然后计算cell高度.然后你会发现,凡是稍微涉及到图片显示的界面,你的显示是对的,但是滚动非常卡顿,因为你在自己浑然不觉的情况下创建了N个Cell,而且这些Cell绝对不会参与复用....1.使用AutoLayout 布局你的cell 坦白说,咱都是刚入行的人,使用AutoLayout布局,写一个自适应的Cell,大家估计也都会.可以用xib,也可以用纯代码写.如果准备用纯代码写,建议你先好好研究下...Masonry — 使用纯代码进行iOS应用的autolayout自适应布局 2.使用 UITableView-FDTemplateLayoutCell 根据单元格内容的约束自适应单元格高度 ?...示例下载地址: 点击下载 非常感谢 @未来帅哥 的讨论,给了我很大启发和帮助,我也如约做了一个关于Masonry 和 UITableView-FDTemplateLayoutCell结合使用的小例子,以解决他的问题

    92260

    iOS界面布局之二——初识autolayout布局模型

    iOS界面布局之二——初识autolayout布局模型 一、引言      在上一篇博客中介绍了传统的布局方式:autoresizing。...因此你使用autolayout进行布局时,就是在添加一个一个的约束。控件与控件之间的约束,控件与父视图之间的约束。...几点注意: *线是橙色代表警告,我们没有添加足够的约束来确定位置或者约束有矛盾。 *如果线的中间显示的不是等号,而是数字,则是因为视图1和2的尺寸设置的不等,约束有矛盾。...这就是我们想要的结果了。 3、自动布局的几种对其方式     在xcode导航的Editor菜单中,还有一个子菜单,Align,这里面的选项可以为控件添加对其约束: ?...3、应该转变你的思路,如果你已经习惯了使用CGRect、Point等传统的坐标布局模式,那么你应该稍微转变一下,autolayout倡导的是一个相对的概念,你需要将更多的关注放在视图间的关系,比如A和B

    1K30

    UI篇-UIResponder之事件传递和响应精析

    UIView对象并不一定会把事件传递给每一个子view,因为UIView是通过hitTest方法来判断点击事件发生在哪个子view上面的,会采用逆序查询也就是优先查询后加载的子试图,这样做也是为了优化查找速度...UIResponder是所有响应者对象的基类,它不仅为事件处理,而且也为常见的响应者行为定义编程接口。...响应者链:由一系列“下一个响应者”组成 其顺序如下: 1.iOS系统在处理事件时,通过UIApplication对象和每个UIWindow对象的sendEvent:方法将事件以消息的形式分发给具体处理此事件的第一响应者...我们在使用UITextView和UITextField的时候,可以通过它们的inputAccessoryView属性给输入时呼出的键盘加一个附属视图,通常是UIToolBar,用于回收键盘。...因此我们自建一个UITableViewCell类,并声明inputAccessoryView和inputView为readwrite的,并且重写它们的get方法,这样在某个tableviewcell变成第一响应者时

    2.5K30

    MyLayout和XIB或SB的混合使用方法

    因为MyLayout是一个独立而完整的界面布局框架,因此您可以和系统默认的AutoLayout混合使用,也可以完全独立的单独使用。...不和AutoLayout以及Size Classes结合使用的方法 当您使用MyLayout进行界面布局时,那么要求至少应该存在一个布局视图,否则所有关于子视图的扩展布局属性都无效,因为子视图的这些扩展属性只有在布局视图里面才有用...第一步就是要将XIB或者SB中对AutoLayout和Size Classes的支持去掉: ?...代码和编辑器结合布局 和AutoLayout结合使用方法 上面的例子介绍的是在不使用AutoLayout时如何将MyLayout和XIB以及SB结合的场景,那么如果我们使用AutoLayout并且想用到...答案很简单: MyLayout布局视图本身就和其他普通视图一样通过AutoLayout来设置约束,而布局视图里面的子视图则不能使用AutoLayout来设置约束,而是用上面介绍的方式来设置各种布局属性。

    88640

    浅汇-iOS UI布局

    使用了这么久,       对于父试图是  Button / UITextFeild等非UIView的直接子类,布局其子视图时,这里面的约束是不生效的。...这中页面布局方式的思维模式跟Frame完全不同,使用时应跳出Frame的坐标布局思维模式,站在关系依赖布局的思维方式上才可以达到娴熟正确的使用。...我们可以在XIB、StoryBoard中通过拉线的形式给控件视图添加布局约束,通过苹果强大的可视化界 IB(Interface Builder)我们能够轻松的使用AutoLayout完成界面视图的布局。...另外一种方式就是通过纯代码的形式使用AutoLayout,即NSLayoutConstraint。...所以当我们要创造一个待加载的试图(只是创建,而不加载)就无法使用SDLayout  来布局了,就只能使用Frame来布局了。否则里面的子试图会布局的很乱。

    2.1K20
    领券