• Blend4精选案例图解教程(三):一键拖拽


    拖拽效果,常规实现方法是定义MoveLeftDwon、MoveLeftUp、MouseMove事件,在Blend的世界里,实现对象的拖拽,可以不写一行代码,而且非常简单,本次教程跟大家分享这个技巧。

    1、新建项目,在默认设计视图添加一个元素,这里添加一个图片

    视图树1 设计视图1-1

    2、在资源面板(Asset)中,找到Behavior分类,选择MouseDragElementBehavior,从名字上我们就应该能理解这个行为实现的功能

    2

    3、把选中的行为拖拽到图片元素上

    2-1 视图树3

    4、搞定,收工! F5,享受一键拖动的快感吧。

    进阶控制:限定元素的拖拽范围

    5、很自然会想到把图片放在一个容器里,通过容器控制可移动的范围

    视图树4 设计视图4-1

    6、很重要的一步,设置MouseDragElementBehavior的属性

    勾选ConstrainToParent4-2

    7、OK,收工!F5,Injoy yourself.

    【源码下载】

  • 相关阅读:
    js计算图片等比例缩放
    HTML2Canvas截图插件
    UUID字符串使用
    SQL删除表数据
    快速上手Vue+百度地图
    Vue 项目如何使用Echarts , 手摸手带你入门
    APUoyNOTrO
    React当中渲染文本的两个知识点
    Cookie与Session
    报障系统
  • 原文地址:https://www.cnblogs.com/YGYH/p/1822724.html
Copyright © 2020-2023  润新知