在使用Towify制作小程序时，如何进行外边距的设置？

间距设置菜单用于调节组件之间的距离。您可以分别设置内外边距调节组件间距离，或组件内部元素到边框的距离。

外边距

margin属性用于设置外边距。 margin就是控制盒子和盒子之纯卖间的距离。

在Towify编辑器中，外间距设置可以改变组件间的距离，这里的外边距设置的是当前选中租价与父级元素的距离。

您可历裤败以在边距设置菜单中，选择上下左右任意外边距进行设置，外边距可以设置px，%（百分比），auto（自适应），以及unset（不做设置）四种。

当您对应的左右外边距，或者上下外边距都设置了自适应时，组件会在父级元素中水平居中，或者垂直居中。

外边距的调节有三种方式，您可以直接拉动数值滑块，设置外边距。

或者在数值条右肢颤侧的输入框直接输入对应数值。

若您选择单位为%（百分比），即相应的左右边距距离为父级元素宽度的百分比，上下距离为父级元素高度的百分比。

您也可以直接选择为您提前预设的外边距选项。

外边距可以进行重置，恢复到初始值。

实现功能参考： 微信小碧困程序自定义组件实现图片单指拖动、双指缩放效果 有修改。

给图片加拖灶慧旁动事件，我们需要知道它什么时候被点击、被拖拽和拖拽结束。

通过修改imageView的margin-left和margin-top来改变图片的位置以实现图片的单指移动隐橡效果和所有 *** 作结束松手后的回d效果。

通过修改imageView的宽和高以实现图片放大缩小的效果。且需要同时修改其margin-left和margin-top使图片能以【两手指的中间点为原点】缩放。

Talk is cheap, show you the code.

接下来是交互事件

---