微信小程序 movable-view

UFO00001

于 2017-05-23 11:18:49 发布

阅读量1.2w

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/UFO00001/article/details/72637500

版权

本文介绍了微信小程序中的movable-view组件，它是一个可移动的视图容器，支持拖拽滑动。文章通过属性介绍和简单示例，展示了如何使用movable-view，包括不同direction属性设置对拖动方向的影响，以及注意事项，如需设置width和height属性，以及移动范围的限制。文章旨在帮助开发者在实际项目中优化页面效果。

摘要由CSDN通过智能技术生成

movable-view 是一个可移动的视图容器，在页面中可以拖拽滑动。

1.属性：

属性名	类型	默认值	说明
direction	String	none	movable-view的移动方向，属性值有all、vertical、horizontal、none
inertia	Boolean	false	movable-view是否带有惯性
out-of-bounds	Boolean	false	超过可移动区域后，movable-view是否还可以移动
x	Number		定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画
y	Number		定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画
damping	Number	20	阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快
friction	Number	2	摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于0