`

Autolayout性能优化

阅读更多

客户的需求就是我们进步的动力。
最近有客户提出大数据量Topo图的自动布局问题,在Topo中除了Node、Link,还包括Group、Subnetwork等容器组件。在这样的情况下,我们抛开布局算法不谈,主要分析如何提高布局的性能,如何让TWaver能够支持更强大的数据量,让整体的布局效果更人性化。
首先我们应该去发现问题的根源,当TWaver支持大数据量时候,布局效果不佳,那么我们PC都在做什么呢,“它的时间都去哪了呢”?
不难发现,当我们创建N个节点的时候,TWaver会不断的刷新和绘制这些节点,其中最耗时间的莫过于DrawImage,因为每个节点Default情况下都有个默认的Image(当然vector情况下例外)。可见,我们PC的时间都花在DrawIamge上面了,从而影响了整体的性能。
那么如何解决这个问题呢?
其实也很简单,大数据量的布局,overView情况下,我们很难看清晰每个节点,那么既然看不清的节点我们为什么还花费大量的时间去认真的绘制它呢?想想是这样吧,只要当zoom值小于某个threshold,我们就用vector的图形(Rect或者Cicle)代替节点,既提高了性能,而且也提高了视觉享受。来看看这样布局的效果。
                                                                     图1 所有的Group都合并                                                                      图2 所有的Group均展开                                                                       图3 不断放大(zoom<threshold)

                                                                      图4 熟悉的面孔出现了(zoom>=threshold)
算法的改进还有很多,比如我们也可以在zoom值很小的时候放弃绘制attachment等等。
经过不断测试,这样的方法的确使得布局效果有一定的改善,当然更大的改善还需要布局位置的计算算法和显示的算法相结合,这样才能达到更佳的效果。

分享到:
评论

相关推荐

    ios autolayout

    **iOS AutoLayout 知识详解** AutoLayout 是 iOS 开发中的一个...通过理解 AutoLayout 的核心概念,如约束、优先级和 Size Classes,以及进行有效的测试和性能优化,开发者可以创建出适应各种设备和屏幕尺寸的应用。

    AutoLayout

    4. **AutoLayout的性能优化** - **约束冲突检测**:确保所有约束都能唯一确定视图的位置和大小,避免系统花费大量时间解决冲突。 - **延迟加载约束**:对于非初始显示的视图,可以延迟添加约束,直到它们即将显示...

    Android AutoLayout全新的适配库

    同时,由于它不生成多余的资源文件,所以项目的体积不会因为适配功能而显著增加,有利于优化应用性能。 总结起来,Android AutoLayout是一个高效的解决方案,能够帮助开发者轻松应对Android设备的多样性,提供一致...

    AutoLayout瀑布布局代码

    9. **性能优化**:瀑布布局可能会导致大量的约束计算,需要注意性能优化。可以使用NSLayoutAnchor API来减少代码量,同时使用`NSLayoutConstraint.activate()`一次性激活多个约束,以提高效率。 10. **布局刷新**:...

    IOS6 autolayout例子

    ### AutoLayout的优化 1. **约束冲突检查**:在应用启动时,AutoLayout会检查并报告约束冲突,开发者需要及时解决这些冲突以避免运行时错误。 2. **使用约束优先级**:避免不必要的约束,通过设置优先级让系统在...

    autolayout

    1. **性能考虑**:虽然AutoLayout提供了便利,但过度使用约束可能会影响布局计算的性能,因此在复杂布局中需要适度优化。 2. **学习曲线**:对于初学者,理解并熟练使用AutoLayout可能需要一定时间,需要投入学习和...

    AutoLayout下cell高度的计算

    - **性能优化**:动态高度计算可能会影响滚动性能,尤其是数据量大时。为了优化,可以使用预估行高和批量更新来减少不必要的布局计算。 总的来说,AutoLayout结合Storyboard为我们提供了灵活的方式来计算...

    在autolayout下使用uiscrollview

    10. **性能优化**:大量子视图可能导致性能问题。考虑使用UICollectionView或UITableView,它们能更高效地管理大量cell,并且与AutoLayout兼容良好。 总的来说,要在AutoLayout下正确使用UIScrollView,关键在于...

    ios autolayout tableview

    6. **性能优化**:在大型表格中,大量使用AutoLayout可能会对性能产生影响。为了优化,可以考虑使用`estimatedRowHeight`,预估行高可以减少计算次数。同时,确保约束设置得尽可能简单,避免不必要的嵌套视图。 7. ...

    ios-Autolayout.zip

    - **性能优化**:尽管自适应布局可能导致性能问题,但SDAutoLayout库已经考虑到了性能优化,避免了不必要的计算和重绘。 - **易扩展**:由于其设计模式,SDAutoLayout易于与其他布局库集成,如Masonry或SnapKit,...

    使用AutoLayout动态计算UITableViewCell高度

    在实际应用中,我们可能还需要处理一些特殊情况,例如当内容过长时的滚动效果、延迟加载以及性能优化等。为了提高性能,可以使用`prefetchDataSource`或`NSCache`缓存已计算好的高度。另外,`layoutSubviews`方法在...

    ios-WHC_AutoLayoutKit 使用最简单功能最强大的autolayout开源库.zip

    2. **高性能**: 该库优化了AutoLayout的性能,减少了运行时的计算负担,尤其在处理大量视图的布局时表现更优。 3. **灵活性**: 支持多种布局模式,包括类似Android的相对布局和线性布局,这为开发者提供了更多的...

    AUTOLAYOUT

    标题中的"AUTOLAYOUT"指的是iOS应用开发中的自动布局(Auto Layout)技术,它是Apple为开发者提供的一种强大的界面设计...在实际开发中,还应注意代码组织、错误处理和性能优化等方面,以提高应用的整体质量和稳定性。

    AutoLayout 之 UIScrollView

    8. **滚动性能优化**: 考虑到性能,尽量减少在滚动视图中添加过多的复杂视图和图像。过多的视图可能导致滚动不流畅。同时,确保视图层次结构清晰,避免嵌套过多的视图。 在 TestScrollViewlayout 文件中,可能包含...

    ios-cell autoLayout 自适应高度.zip

    这个预估值用于滚动性能优化,系统会根据这个值先进行渲染,然后在后台线程精确计算实际高度。 3. **自适应Cell高度**:为了实现Cell的高度自适应,我们需要确保Cell内的所有子视图都有正确的约束。例如,如果Cell...

    ios8 vfl以及AutoLayout

    在iOS开发中,AutoLayout和Visual Format Language (VFL)是两种重要的布局工具,用于创建适应不同...同时,了解何时使用纯frame布局也是优化性能和控制界面的关键。在实践中不断探索和尝试,才能更好地利用这些工具。

    ios-VFL语言实现AutoLayout,屏幕适配.zip

    5. **性能考虑**:虽然VFL方便易用,但大量使用可能导致性能问题。因此,合理组织和优化约束是非常必要的,避免过多的约束计算和更新。 **实际应用** 在实际项目中,VFL常用于创建复杂的布局,尤其是那些难以用...

    ios-textview_autolayout.zip

    6. **性能优化**:在大型文本处理中,为避免频繁的布局计算影响性能,可以使用`NSLayoutManager`和`NSTextContainer`来预估文本高度,或者在文本变化时只更新特定部分的cell。 通过这个压缩包中的`textview_...

Global site tag (gtag.js) - Google Analytics