Codesys可视化教程——移动动画-CODESYS资源下载区-酷德网 - CoDeSys软件教程下载,CoDeSys工控资讯门户 

酷德网

HSC6490-cn中国制造,中国芯~
查看: 1229|回复: 1

Codesys可视化教程——移动动画

[复制链接]
  • TA的每日心情
    开心
    2017-11-20 22:07
  • 签到天数: 2 天

    [LV.1]初来乍到

    发表于 2023-11-22 15:40:12 | 显示全部楼层 |阅读模式
    以下内容纯属个人理解,如有错误欢迎指正。
    在讲解Codesys可视化部分的时候,对于每个部件只介绍常用的功能及参数。
    移动动画

    首先插入一个视图,打开工具箱-基本的-矩形。将其拖拽到界面上。
    Codesys可视化教程——移动动画-1.png


    插入一个图片作为示意。打开工具箱-基本的-背景图像。将其拖拽到界面上。
    Codesys可视化教程——移动动画-2.png


    任意选择图片库中的一个图片,也可以插入自定义的图片(后面会详细写到)。
    Codesys可视化教程——移动动画-3.png


    然后将图片和矩形框框起来,右键-组。将他们组合在一起。
    Codesys可视化教程——移动动画-4.png


    最后一步,关联变量。
    Codesys可视化教程——移动动画-5.png


    ①:绝对移动X坐标:关联相应的变量,图片将跟随变量横向移动。
            绝对移动Y坐标:关联相应的变量,图片将跟随变量纵向移动。
    codesys中插入自定义图片

    右键application-添加对象-映像池,创建并打开。
    Codesys可视化教程——移动动画-6.png


    文件索引名字可以方便自己找到自己想要的图片,然后选择图片所在地址。
    Codesys可视化教程——移动动画-7.png


    选择好图片所在的位置之后,勾选嵌入工程。
    Codesys可视化教程——移动动画-8.png


    Codesys可视化教程——移动动画-9.png


    然后就可以通过插入背景图像插入自定义照片啦~
    Codesys可视化教程——移动动画-10.png


    谢谢大家~
    +10
    不赞一个?
    打赏鼓励一下!
    回复

    举报

  • TA的每日心情
    难过
    2024-9-28 20:00
  • 签到天数: 53 天

    [LV.5]常住居民I

    发表于 2024-3-16 16:40:08 | 显示全部楼层
    好东西学习学习
    +10
    不赞一个?
    打赏鼓励一下!
    回复 支持 反对

    举报

    您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

    本版积分规则

    
    顶部qrcode底部
    关注酷德网订阅号,获取更多资讯!

    QQ|小黑屋|手机版|Archiver|酷德论坛 ( 苏ICP备16065247号-1 )|网站地图

    GMT+8, 2025-4-15 18:29 , Processed in 0.148610 second(s), 64 queries .

    酷德网

    © 2001-2013 Hicodesys. 技术支持 by 酷德网

    快速回复 返回顶部 返回列表