关于IVX滑动时间轴必须放在画板容器内吗

最新推荐文章于 2024-09-17 11:42:54 发布
最新推荐文章于 2024-09-17 11:42:54 发布
阅读量165 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_69825947/article/details/124547429
版权

作为一个IVX小白，滑动时间轴真的算是一大天敌了，根本搞不清楚时间轴的赋值问题，直到有一天，我看到了一个案例，才发现原来滑动时间轴是可以不放在画板下的，但是问题来了，为什么别人不用画板容器做出来可以滑动，我自己不用画板做出来的不仅不能滑动，而且各种出问题。这算是ivx的迷惑行为吗？！

weixin_69825947
关注
使用ivx滑动时间轴制作动画效果的经验总结
VXLab的博客
04-21 2340
之前的案例中使用过时间轴制作动画效果，其实在ivx中还有一个滑动时间轴组件，它必须添加在画布组件下，虽然也是通过给组件添加轨迹实现播放效果，不过根据名字比较容易理解它是通过滑动来触发播放的，而且可以选择正向播放的滑动方向。今天我们就使用滑动时间轴和遮罩实现一个简单的动画效果。 1.首先我们在画布下添加一个滑动时间轴，高度和宽度与画布一致，然后添加图片素材，左侧的天气图标统一都是宽度200，高度...
使用ivx制作模拟时钟的经验总结
VXLab的博客
04-02 829
之前的帖子里已经使用时间轴和轨迹实现了很多的效果，今天我们来做一个模拟时钟。主要思路是用一个作为表盘，三个矩形分别作为时针，分针和秒针，通过各自轨迹设置他们在同一时间轴下的转动圈数成一定比例关系。 1.表盘 首先是添加椭圆组件，这里我们需要设置它的原点横纵坐标都是50%，这样椭圆组件的XY坐标就是它的中心店坐标，这个XY坐标在我们设置指针的时候也要用到。 2.添加指针 指针使用矩形来展示的，由于...
页面时间轴滑动特效
07-28
实现按时间排列业务的时间轴滑动特效代码
iVX低代码平台系列详解 -- 概述篇(二)
热门推荐
白大锅的博客，毕设WangLoveBai_999
07-17 5万+
iVX每个编程人不应错过的低代码平台
iVX开发中整理的常见问题与回答（一）
VXLab的博客
04-27 3856
iVX开发过程中常见问题及回答
使用ivx的可滑动容器制作消息列表的一些经验总结
VXLab的博客
03-10 630
使用ivx的可滑动容器制作消息列表的一些经验总结 最近在学习ivx的过程中，发现在拓展组件中有一个可滑动容器组件。在制作一些案例的消息列表时，是经常需要使用这种展示效果的，例如消息列表左滑即可选择删除或者置顶等经常使用的功能，而平常按钮又是隐藏起来的，不会挤占UI的展示区域非常便捷。ivx中将这个功能单独封装成一个功能组件，这里为ivx模块细分工作点个赞！这里也把我对这个功能模块的使用心得写下来 ...
使用ivx实现文本纵向和横向滚动效果的经验总结
VXLab的博客
04-13 1426
在案例中，为了使展示效果更佳，我们通常可以给文本加上一个纵向或者横向的滚动效果，其基本原理就是将文本信息放入一个数组循环创建，通过触发器不断调整它们的坐标，每当第一个元素内容滚动出界面就将其调整至一维数组的末尾，下面就来讲一讲具体步骤吧。 一.纵向滚动 1.界面 首先搭建一个如下图所示的简易界面，在绝对定位容器内进行循环创建，数据来源为一个一维数组，点击add按钮可以将输入框的内容添加到一维数组的...
使用ivx制作快闪倒计时的经验总结
VXLab的博客
04-02 629
之前的帖子中使用时间轴和轨迹制作了几种进场动画，今天我们还是使用这两个工具来实现一个快闪倒计时的效果，要注意的是这次每个组件的轨迹只是在时间轴中的一段时间内显示播放的。 1.首先制作下面的进度条，这个原理比较简单，就是一个白色的矩形作为底条，再用另一个蓝色矩形做顶条，我们给顶条添加一个轨迹，轨迹的变化时让顶条的宽度从0变道与底条一样宽，这样轨迹播放就是一个进度条的效果了。 2.然后就是添加五...
使用ivx画布的遮罩效果实现滑动解锁的经验总结
VXLab的博客
03-27 714
在案例中的注册、重置密码和修改信息等部分，为了确保操作对象是用户而不是机器盗刷，我们常用到验证码。今天我们就结合画布中的遮罩功能来实现一种常用的拼图滑块解锁式验证码。 1.遮罩 遮罩是画布下才能使用的一种功能，作用是让两个组件，一个负责提供形状一个负责提供图案，比如demo中这两张图片，拼图（彩）是一张拼图形状的白色图片，背景（动）是一张背景彩图。 将拼图（彩）移动到背景（动）的上面，并将背景...
关于ivx监听小程序滑动到顶部和底部的经验总结
VXLab的博客
04-09 862
监听小程序滑动到顶部和底部在案例中主要用于小程序页面的上拉加载和下拉刷新。 上拉加载是手指不断向上滑动，当内容即将展示到屏幕最底部的时候，页面会随之不断加载新的内容，直到加载完全部数据，是手机端常用的一种分页获取数据的方式，通常会配合一个“页号”参数实现，具体做法在之前的分页获取数据的帖子中已经详细说过了大家可以回顾一下。 下拉刷新则如刷微博或者朋友圈时，当用户想看最新的内容时会将页面滑回顶部然后...
使用ivx制作进场动画的经验总结
VXLab的博客
03-31 2157
在案例制作中为了让展示效果更加精致，可能用到一些进场的小动效。今天使用时间轴和轨迹做了3个小样例给大家作为一个参考。轨迹在之前的帖子里已经讲过了，时间轴可能还比较陌生，可以把它理解为一个对轨迹进行管理的组件。因为有时案例中会有很多组件都分别有各自的轨迹，而它们又是为了实现一个总体效果，这时就会把这些子组件都添加到一个时间轴里统一管理。 一．循环翻转 这个动效比较简单，时间轴内只有一个按钮对象，我...
前端用html写excel文件直接打开
全易
09-10 810
html文件直接用excel打开
-webkit-box-reflect属性与倒影效果的实现
读心悦
09-13 460
是一个非标准的 CSS 属性，主要用于在 WebKit 浏览器（如 Chrome 和 Safari）中创建元素的倒影效果。这个属性并不是 CSS 规范的一部分，但在实践中经常被用来实现简单而有趣的视觉效果。
Vue使用query传参Boolean类型，刷新之后转换为String问题
q879936814的博客
09-12 456
要解决这个问题，不能直接Boolean处理，因为如果传入false，那么转换成字符串，Boolean(‘false’)会变成true；做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；解决方法：使用JSON.parse处理参数。
前端项目node版本问题导致依赖安装异常的处理办法
weixin_44703272的博客
09-14 312
解决前端项目中的Node版本问题通常涉及以下步骤：检查项目文档：查看项目是否有特定的Node版本要求，如果有，确保你的Node版本与之兼容。使用Node版本管理器：如nvm（Node Version Manager）或n。它们可以让你在同一台机器上安装和切换不同版本的Node。
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
最新发布
m0_51798113的博客
09-17 545
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
JS笔记
2201_76100326的博客
09-11 543
Math对象属于Javascript内置对象，无需实例化（不需要添加new ），可以直接使用。只有一个Math.PI的属性。
Vue3中slot插槽的几种使用实践
小小默：进无止境
09-14 584
父组件子组件父组件中Category 组件标签内的东西将会呈现在子组件slot的位置（进行替换）。
改进IVX回归法探究股票收益预测的稳健统计学检验
4. **长期预测性评估**：研究还考察了不同时间范围内的股票回报预测，特别是在1927年至2012年期间，提供了关于短期预测性的证据。然而，这一发现显示，1952年之后，预测性显著减弱，且随着预测期的延长，预测能力并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值