美文网首页
组件穿透接口说明

组件穿透接口说明

作者: tigerAndBull | 来源:发表于2020-12-25 20:09 被阅读0次

穿透接口说明

TABBaseComponent在2.5.1版本新增了penetrate接口,用于穿透组件

使用场景

当开发者本地存在数据时,使用penetrate可以在动画时显示原组件

  1. 原始组件
origin.png
  1. 自动化生成效果
auto.png
  1. 穿透效果
penetrate.png

使用代码

viewAnimated.adjustBlock = ^(TABComponentManager * _Nonnull manager) {
        manager.animations(0, 2).penetrate();
};

实现原理

在预处理回调中,标记所有需要被穿透的组件。
在骨架屏绑定时机中,使用贝塞尔曲线画出CAShapeLayer,规则定位kCAFillRuleEvenOdd,即被描绘的区域不填充,最后通过mask盖在对应的layer之上。

相关文章

  • 组件穿透接口说明

    穿透接口说明 TABBaseComponent在2.5.1版本新增了penetrate接口,用于穿透组件 使用场景...

  • vue核心方法

    props 说明:子组件 访问 父组件数据的唯一接口 computed 说明:计算数据示例: 好处computed...

  • 封装element-ui的table自定义表头组件

    1、组件效果图 2、组件说明 里面的数据没有走真实接口,是模拟的数据,但是接口是真调了,用的豆瓣的api,所以如果...

  • swagger无法显示泛型列表属性的解决方案

    问题场景:新项目切换了分页组件,调试swagger时发现,接口说明文档中没有显示分页组件包含的数据的说明。 问题排...

  • 任务

    1调试钱包接口 2 调试充值卡接口 3调试充值接口 4调试loading组件 5 换背景图片和按钮 写说明样式 6...

  • SpringBoot应用启动后做一些初始化操作

    一、场景说明 SpringBoot应用启动后自动调用接口(或组件),做一些初始化操作。需要初始化操作的接口: 二、...

  • 小程序手机摄像头使用

    1.手机摄像头使用接口 相机组件控制 (wx.createCameraContext) 说明: 创建并返回 cam...

  • Cronet

    介绍: 接口: 组件及工作流程: 接口基本组件包括: 序号 组件 功能 1 CronetEngine Cronet...

  • uni-app入坑持续更新中...

    前言    都是坑,防不胜防 1、样式穿透    正常组件调组件,在父组件修改子组件样式,抱歉/deep/、>>>...

  • 三、百川组件接入1-3

    SDK接口调用说明 SDK从3.0.0版本以后,使用百川电商组件提供的AlibcTradeService可以方便的...

网友评论

      本文标题:组件穿透接口说明

      本文链接:https://www.haomeiwen.com/subject/jhminktx.html