Movable Area

::: sourceCode

movable-area

:::

movable-view 的可移动区域

Web	微信小程序	Android	iOS	HarmonyOS	HarmonyOS(Vapor)
4.0	4.41	<a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a>	<a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a>	<a style="color:unset;" href="https://vote.dcloud.net.cn/#/?name=uni-app%20x">x</a>	-

之所以有movable-area和movable-view，是因为逻辑层和视图层分离，从视图层发送数据给逻辑层，处理后再传回视图层会产生损耗，导致拖动卡顿。

于是通过一个框架实现好的组件，在视图层内部处理拖动，避免来回通信。

在uni-app和小程序上确实存在这个问题，但在uni-app x的web和app上其实都不存在通信损耗。

在hello uni-app x里有示例，可以自由的监听view的拖动并移动其位置。详见

名称	类型	默认值	兼容性	描述
scale-area	boolean	-	Web: 4.0; 微信小程序: 4.41; Android: x; iOS: x; HarmonyOS: x; HarmonyOS(Vapor): -	(Boolean)
当里面的movable-view设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area