uniapp-【movable-area】【movable-view】

最新推荐文章于 2025-04-01 16:59:33 发布

if.else.Z

最新推荐文章于 2025-04-01 16:59:33 发布

阅读量5.7k

点赞数 2

分类专栏： uniapp

本文链接：https://blog.youkuaiyun.com/zdq357104345/article/details/115083093

版权

uniapp的movable-area和movable-view组件用于实现可拖动和缩放功能。movable-view需设置width和height，并作为movable-area的直接子节点才能移动。拖动范围受限于movable-area，当movable-view尺寸变化时，其移动范围会根据与movable-area的关系调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

movable-area指代可拖动的范围，在其中内嵌movable-view组件用于指示可拖动的区域
即手指/鼠标按住movable-view拖动或双指缩放，但拖不出movable-area规定的范围
movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动
movable-view 必须设置width和height属性，不设置默认为10px
movable-view 默认为绝对定位，top和left属性为0px
当movable-view小于movable-area时，movable-view的移动范围是在movable-area内；当movable-view大于movable-area时，movable-view的移动范围必须包含movable-area（x轴方向和y轴方向分开考虑）

属性名	类型	默认值	说明	平台差异说明
direction	String	none	movable-view的移动方向，属性值有all、vertical、horizontal、none
inertia	Boolean	false	movable-view是否带有惯性	微信小程序、支付宝小程序、App、H5、百度小程序
out-of-bounds	Boolean	false	超过可移动区域后，movable-view是否还可以移动	微信小程序、支付宝小程序、App、H5、百度小程序
x	Number / String		定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画
y	Number / String		定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画
damping

最低0.47元/天解锁文章