来来来,一起学习一下LOGO! 网页编辑器。

已锁定

yming

西门子1847工业学习平台

  • 帖子

    21931
  • 精华

    828
  • 被关注

    1089

论坛等级:至圣

注册时间:2004-03-06

钻石 钻石 如何晋级?

来来来,一起学习一下LOGO! 网页编辑器。

18698

40

2018-02-28 21:08:45

star star star

上次提到LOGO! Soft Comfort V8.2 的升级中,有两个附加软件。





一个是使用EXCEL 宏插件直接读取 LOGO!8数据

另一个,就是网页编辑器(LOGO! Web Editor V1.0)

我就来说说如何使用它。做个自己的网页。

别着急,这些需要点时间。IT知识也不是一两天就完成的。

=================================================

首先,看看所需要环境:
硬件软件环境:
1、LOGO!0BA8 需要的版本是6ED1052-xxx08-0BA0
如果不是,如果是FS4/5,升级固件试试。(我还没试过,不知道是否可行。)
2、要求JAVA的运行版本1.8. 0_121, 这是推荐版本;
3、对浏览器有一些要求,最主要的要求是支持HTML5
– Microsoft IE 浏览器,最小版本10.0 (XP系统基本没戏)
-火狐 firefox, 最低版本 11.0
-Google Chrome 与最低版本 16.0
-苹果 Safari 的最低版本5.0
计算机的操作系统要求:
- Windows 7 和Windows 10;32/64位;XP不行
- Mac OS, 包括10.9、10.10 和 10.11;
-Linux Suse, 11.3 sp3, 内核3.0.76

如果满足上述要求,那么你还需要一个Micro SD卡。(当然最好是高速手机、照相机用卡。4G以上,FAT32格式)


下面简单说一下这个编辑器界面:

1、菜单栏
菜单栏没啥可说的。有特点的就是Windows(窗口)。万一你不小心把某个界面关掉了,可以从这里再打开。

2、工具栏
工具栏一看图标就能明白含义,最右边的有SD标识的是指:如果将MSD卡插在计算机上,可将项目保存到MSD卡上。

3、项目栏(Projects)
当你点击新建时,就会出现上述的默认项目。
在新建项目时,会让你给项目取个名称、

注意:项目名称仅支持8.3格式。
文件名最大长度8
扩展名最大长度3
不能有空格
不支持大小写
也不包含有符号:<>;:/?*等

(重点是项目文件名只能最多8个字符!只能用不带符号的英文。就是说只支持8.3格式!)

保存路径;
下面就是提示页面的分辨率(Resolution)
默认是个1440X900的屏,如果你是准备手机上、Pad上、电脑上使用,则需要调整,适合你的需要。这时的调整,就是先点击页面空白部分,然后在右边的属性中调整。
3.1、页面  Pages

在页面里,初始只有个HomePage(主页),这是你登陆用户页面后首先看到的。你可以通过右键点击Page,添加新的页面(New Page)。然后通过导航(Navigator)来切换。
页面的大小,颜色可通过右侧的属性来选择。

3.2、全局标签(Global)

全局标签是LOGO!BM 变量的别名。通过这些定义的别名,可以与一些组建元件绑定,

标签表 (Tag Table)只有一个,所有与LOGO!IO、变量对应的联系,都在标签表中定义。
表中的项目包括:
ID、标签名称Name(自己用英文字符定义)、块类型Block Type(就是地址类型)、块号Block(地址)和访问模式(变量类型)
其中,地址类型 与地址范围 如下图:


所有要用到的LOGO中的IO、变量都要在这里给与一个标签名称,这样才能在后续的编辑中引用该标签,与元(组)件绑定。实现ON/OFF的变化。

3.3、导航条(Navigator)

导航条将出现在所有页面的一侧(可定义其出现的位置),它是缩进且浮动的箭头标识。运行时,可以点击这个浮动的图标,它将呈现可选项,通过点击选项,在不同的页面中切换。

(就是说,你可以分层做出页面,然后通过切换页面,来查看/控制变量)


4、元(组)件栏 Component




元(组)件栏分为五种,不管哪一种,使用时,按住拖入编辑的页面,然后通过右边的属性加以调整设置。
4.1、画图工具Tool
这里包括三种:折线(Polyline),矩形(Rectangle),圆形(Circle),使用时,按住拖入编辑页面。然后按住拖动激活点(蓝色块)或在十字状态移动。当然也可以在右侧属性Basic直接设置坐标(这是标准做法),通过在样式(Styles)中修改线宽度、颜色、透明度、填充等。
4.2、基本元件(Basic)
这里包括
文本(Text)可以使用中文字符(在属性 Values 中修改);可修改字体、颜色、背景、填充色等;
图片(Image)初始是默认图片,你可以点击属性中右边三个点的符号[...],从内置图片库或自己的图库里选择图片。
超级链接(Link),用它可以设置个URL连接,它会打开个新页面,直接跳到定义的网站或者另一个LOGO Web页面。(注意如果输入的文本多于链接区域中的内容, 则撇号 【...】 会出现在链接区域的末尾。应通过拖动边框上的蓝色正方形或在属性窗格中修改大小值来调整链接区域。)

4.3、数字量(Digital)
它只用于0和1的(标签)变量。点击拖入编辑页面后,你可以在右侧属性栏中设置:在Variable下拉菜单中选择定义好的(数字量)标签,对于那些可写入的变量(就是按钮/开关一类):要勾选Writable。要是指示灯之类的就不要勾选啦。下面的动画(Animation)有四个选项:ON/OFFImage可分别选择ON/OFF状态的图片;ON/OFF Text则输入要显示的字符(可用中文)。
对于管道、电缆、油管都可以通过LOGO变量,显示状态(如红色代表内部流体、蓝色代表空;还可以使用箭头指示方向。就看你的脑洞了。)

4.4、模拟量(Analog)
模拟量的预设有三种:
一种是模拟量数值,它就是简单地显示LOGO变量值的一个显示框,唯一可附加的是单位。数据类型 AI, AQ, AM, VB, VD or VW;显示类型只有Hex, Binary, Signed or Unsigned几种;当然了,如果是通过浏览器写入,要设置勾选(写)。
一种是模拟量柱形图,它可以显示个带刻度的上述模拟量。你可以设置刻度,还可以分三段定义、显示不同的自选颜色(例如:以示正常、报警、故障等指标)
最后一种是滑块,它通常会用于不那么精确的模拟量输入,除了可定义数值范围、背景色外,还可选手指形状.
4.5、杂项(Miscellaneous)
这里包括了缩放的时间(Scale Time),它可以显示LOGO的时间,如果勾选了Writable,则为写入时间(设置)。
LOGO!Clock 就是仅仅显示LOGO!的时钟啦,格式也就是一种。但你可以选择一个好看的字体。


上面介绍完了,下面就实际操作一下,简单地做个两个中文页面。

最后再说一下用如何建立自己的图库,用自己的图片来做页面。


注:最新的LOGO!8.3 已经可以连接AWS云了。这意味着可以远程连接查看、操作LOGO!

来来来,一起学习一下LOGO! 网页编辑器。 已锁定
编辑推荐: 关闭

请填写推广理由:

本版热门话题

LOGO!

共有2360条技术帖

相关推荐

热门标签

相关帖子推荐

guzhang

恭喜,你发布的帖子

评为精华帖!

快扫描右侧二维码晒一晒吧!

再发帖或跟帖交流2条,就能晋升VIP啦!开启更多专属权限!

top
您收到0封站内信:
×
×
信息提示
很抱歉!您所访问的页面不存在,或网址发生了变化,请稍后再试。