义乌免费做网站,网络推广公司十大排名,网页设计的主题,台州网站建站公司7.1 视图容器组件
7.1.4 movable-view和movable-area组件
movable-view是一个可移动的视图容器#xff0c;它需要与movable-area组件结合使用。movabke-view只能放在movable-area组件中#xff0c;在movable-area组件的范围内拖曳滑动。
movable-view组件属性如下#xf…7.1 视图容器组件
7.1.4 movable-view和movable-area组件
movable-view是一个可移动的视图容器它需要与movable-area组件结合使用。movabke-view只能放在movable-area组件中在movable-area组件的范围内拖曳滑动。
movable-view组件属性如下
属性类型默认值说明最低版本directionstringnonemovable-view的移动方向可选值为all、vertical、horizontal、none1.2.0inertiabooleanfalsemovable-view是否带有惯性1.2.0out-of-boundsbooleanfalse超过可移动区域后movable-view是否还可以移动1.2.0xnumber定义x轴方向的偏移如果x的值不在可移动范围内会自动移动到可移动范围内改变x的值会触发动画 1.2.0ynumber定义y轴方向的偏移如果y的值不在可移动范围内会自动移动到可移动范围内改变y的值会触发动画 1.2.0dampingnumber20阻尼系数用于控制x或y改变时的动画和过界回弹的动画1.2.0frictionnumber2摩擦系数用于控制惯性滑动的动画值越大摩擦力越大滑动越快停止 必须大于0否则会被设置成默认值1.2.0disabledbooleanfalse是否禁用1.9.90scalebooleanfalse是否支持双指缩放1.9.90scale-minnumber0.5定义缩放倍数最小值1.9.90scale-maxnumber10定义缩放倍数最大值1.9.90scale-valuenumber1定义缩放倍数取值范围为 0.5 - 101.9.90animationbooleantrue是否使用动画2.1.0bindchangeeventhandle 拖动过程中触发的事件event.detail {x, y, source}, source表示产生移动的原因可能值如下 touch:拖动 touch-out-og-bound:超出移动范围 out-of-bounds:超出移动范围后的回弹 friction:惯性 空字符串:setData设置了位置 1.9.90bindscaleeventhandle缩放过程中触发的事件event.detail {x, y, scale}x和y字段在2.1.0之后支持1.9.90htouchmoveeventhandle初次手指触摸后移动为横向的移动时触发如果catch此事件则意味着touchmove事件也被catch1.9.90vtouchmove eventhandle 初次手指触摸后移动为纵向的移动时触发如果catch此事件则意味着touchmove事件也被catch1.9.90
