动画交互
一拳小和尚LXY
学而不思则罔
展开
-
weex实现侧滑删除效果
参考BUI-Weex实现的侧滑删除的weex组件。 上图: 侧滑删除示例 组件实现: <!--列表侧滑操作组件--> <template> <div class="cell" :style="cell_style" ref="cell" @swipe="handleSwipe"> <slot name="cell_co...原创 2019-05-15 10:17:01 · 805 阅读 · 0 评论 -
weex实现带有跟手动画的tab栏
在weex开发的群中看到有人提到这个问题,就想着去实现以下,还不是很完美,只支持一屏的tab栏内容,后续会进行优化。 2019-6-20 更新:已支持滚动跟手,可以超出屏幕。 2019-6-23 更新:解决子元素包含滚动标签时无法滑动切换的问题。 2019-6-25 更新:修复底部和指示器会超出屏幕的bug。 效果图如下: 组件源码: <template> &...原创 2019-05-20 18:51:26 · 1068 阅读 · 0 评论 -
weex实现手势密码效果
实现手势密码效果需要使用weex-gcanvas,继承weex-gcanvas请参考Weex Gcanves集成和使用。 效果图: 手势密码效果 组件封装代码: <template> <div class="container" :style="{width:width,height:height}"> <div class="pa...原创 2019-05-16 15:41:57 · 832 阅读 · 0 评论 -
weex开发之动画实现方式的比较
1.css动画 简单的动画,比如改变宽高,位置等,可以使用css动画实现,但是需要注意css动画的兼容性比较差,会出现在ios和android上奇怪的表现不一致。详细使用方法见weex官网的相关文档。 使用方法: <style scoped> .panel { margin: 10px; top:10px; align-items: center; ...原创 2019-06-23 18:25:23 · 2913 阅读 · 0 评论 -
weex开发之手势事件冲突解决
在开发中在使用weex手势事件时遇到了问题,在Android端,当给某个容器类元素上添加手势事件或者绑定bindingX表达式之后,如果在这个容器内部添加了list或者scroller等滚动元素,就会导致手势事件无法触发。 我们看到weex官方文档在手势部分说明“目前,由于会触发大量事件冲突,Weex Android 还不支持在滚动类型的元素上监听手势,例如scroller,list和w...原创 2019-06-23 19:05:48 · 1726 阅读 · 0 评论