触摸屏初级教程V1.3

NA-VIEW触摸屏（HMI） 初级教程（V1.3）
南大傲拓科技有限公司
目 录
第1章 NA-VIEW触摸屏及其组态软件GraphBuilder简介____________________________5
1.1 认识NA-VIEW_________________________________________________________________5
1.1.1 NA-VIEW的硬件特性______________________________________________________________5
1.1.2 NA-VIEW的十大优势______________________________________________________________6
1.1.3 NA-VIEW的外观__________________________________________________________________6
1.1.4 NA-VIEW产品安装________________________________________________________________7
1.1.5 NA-VIEW外部接口_______________________________________________________________11
1.1.6 NA-VIEW产品维护_______________________________________________________________12第2章 NA-VIEW触摸屏与PLC的连接____________________________________________14
2.1 NA-VIEW与NA200系列PLC的连接______________________________________________14
2.2 NA-VIEW与S7-200系列PLC的连接_____________________________________________14
2.3NA-VIEW与欧姆龙PLC的连接__________________________________________________19
2.4NA-VIEW与三菱PLC的连接____________________________________________________26
2.5NA-VIEW与台达PLC的连接____________________________________________________30第3章 NA-VIEW触摸屏工程建立及画面组态_____________________________________30
3.1 工程建立___________________________________________________________________30
3.2 新建数据库_________________________________________________________________31
3.2.1 新建端口______________________________________________________________________31
3.2.2 选择通讯设备(PLC)_____________________________________________________________32
3.2.3 新增IO数据库（变量）__________________________________________________________35
3.2.4 数据库导入导出功能____________________________________________________________38
3.3 新建画面窗口_______________________________________________________________39
3.3.1 主画面及启动画面______________________________________________________________39
3.3.2 新建画面______________________________________________________________________40
3.3.3 更改画面背景色________________________________________________________________41 3.3.4 添加按钮______________________________________________________________________42 3.3.5 建立数据连接__________________________________________________________________43
3.4 触摸屏脚本使用_____________________________________________________________48
3.4.1触摸屏脚本的定义______________________________________________________________48 3.4.1脚本的分类____________________________________________________________________48 3.4.2基本脚本运算原理______________________________________________________________49
第
1.1
1.1.1章 NA-VIEW触摸屏及其组态软件GraphBuilder简介
本章带大家一起来认识南大傲拓嵌入式一体化触摸屏NA-VIEW和GraphBuilder嵌入版全中文工控组态软件，并介绍其基本功能和主要特点。

了解 NA-VIEW 和 GraphBuilder 嵌入版组态软件系统总体的结构框架，学习使用NA-VIEW和 GraphBuilder 嵌入版组态软件。

认识NA-VIEW
1 NA-VIEW的硬件特性
■ CPU: ARM9 S3C2440 400MHZ
■ 系统内存：64M SDRAM
■ 存储空间：128M NAND FLASH
■ 液晶屏: 7寸(16:9)TFT 真彩
■ 分辨率： 800（H） X 480 (W)
■ 亮度： 200cd/ｍ2
■ 背光： LED
■ 触摸屏：四线电阻式
■ 触摸屏分辨率：4096X4096
■ 网口：10M/100M自适应网卡
■ USB接口: 一主一从
■ COM1:RS232;
■ COM2:RS485/RS232
■ 电源接口：三芯电源接口 24V+ /24V-/保护地
1.1.1.1.■ 外置保险丝接口：1A/250V 快速熔断型 ■ 指示LED: 电源指示/运行指示/COM 通讯指示 2 NA-VIEW的十大优势
■ 超前的技术优势：采用最先进的嵌入式技术、最新的嵌入式操作系统、低功耗CPU 芯片。

■ 超高的可靠性：采用嵌入式、低功耗技术、采用成熟、可靠、知名的嵌入式硬件设备。

■ 超快的运行速度：主频为400MHZ 的低功耗CPU 芯片，速度比同类产品高2到4倍。

■ 超大的存储容量：内嵌128M 闪存芯片，可以存储上万条数据和报警信息，方便用户查询和统计，支持U 盘导出功能。

■ 超炫的视觉效果：采用高亮度、高清晰、大视角的TFT 真彩国际知名液晶屏，超炫的视觉效果大大提高用户产品的档次和形象。

■ 超强的系统软件平台：采用WinCE 操作系统，高档、快捷、稳定。

■ 超酷的组态软件：丰富的工程原件图库、亲和的编程界面、简单实用的设计方法带给您轻松快乐的工程设计。

■ 超多的硬件交互功能：方便地读写各种PLC、智能仪表、智能模块、变频器等上百种工控设备的数据。

■ 强大的网络通讯功能：支持串口通讯、Modem 通讯、以太网通讯（VIEW0702）等通讯方式。

■ 可靠的安全管理机制：保证系统数据的可靠性。

3 NA-VIEW的外观
NA-VIEW 的外观如图1-1所示：
图1-1 NA-VIEW 外观
1.1.1、外4 NA-VIEW产品安装 形尺寸
安装结构尺寸
前面板尺寸：（长×宽） 228 mm × 170mm 开孔尺寸：（长×宽） 216mm × 153mm
图1-2 安装尺寸示意图 2、安
图 1-3 安装角度 装角度
安装角度如图1-3所示：
3、挂钩安装说明
图 1-4 安装说明
1、注意挂钩插入的位置，如图1-5所示：
图1-5 挂钩安装
2、注意螺钉前端应与挂钩前端持平，如图1-6所示：
图 1-6
4、电源接线
外接直流DC24V电源，额定电流320mA，端子如图1-7：
图1-7
端子定义如图1-8所示：
图1-8 端子定义 建议使用10W以上的直流稳压电源供电。

接线步骤：
步骤1：将24V电源线剥线后插入电源插头接线端子中；
步骤 2：使用一字螺丝刀将电源插头螺钉锁紧；
步骤 3：将电源插头插入产品的电源插座。

建 议：采用直径为 1.00mm 2
（AWG18）的电源线。

1.1.5 NA-VIEW外部接口
外部接口
1、
接口说明
接口表1-1所示：
NA-VIEW 的外部接口如图1-9
所示：
FUS
24VDC
COM 1
USB COM2
USB
图1-9 NA-VIEW 接口名称 接口说明 接口用途
LAN RJ45 以太网接口10M/100M 自适应 USB1 从口 U 盘上、下载项目、配方等 USB2 主口 USB1.1兼容，用于联机下载 FUSE 保险丝 可将1A 保险丝插入 24VDC 直流电源 直流电源输入接口 COM1 DB9接口 1×RS232
COM2
DB9接口
1×RS485、1×RS232
表1-1 接口说明
2、串口针脚定义
COM1：232 COM2：485/232
表1-2 COM1 表1-3 COM2
1.1.6 NA-VIEW产品维护 1、触摸屏校准
当触现点击位时，可以通过屏校准，在触摸屏上电启动的过程中，进屏设置界面，界面，如图1-10所示。

使用触者手指轻心点不放点后抬起；重复改动作直至提示“准设置已屏幕任意校准程序。

摸屏出置偏移触摸屏的校准程序来完成触摸入触摸选择“校准触摸屏”进入校准摸笔或按十字中，当光标移动至下一新的校测定”，轻点
位置退出
图1-10 校准画面
2、更换保险丝
管脚 信号 1 2 （COM3）RXD 3 （COM3）TXD 4 5 （COM3）GND 6 7 （COM2）485+ 8 （COM2）485- 9
管脚 信号 1
（COM1）RXD 2 （COM1）TXD
3
4 （COM1）GND
5 6 7 8 9
当误接电源导致电源损坏或者发现触摸屏上电
以后电源指示灯不亮时，可以打开触摸屏背面的保险丝，查看保险丝是否完好，如果发现已经烧毁请更换保险丝。

保险丝容量不要超过1A/250V，要求速断型。

注意：请先关闭设备电源以后再打开保险丝盖，更换保险丝！
第2章 NA-VIEW触摸屏与PLC的连接
2.1 NA-VIEW与NA200系列PLC的连接
NA200系列PLC有两个串口，PORT1为RS232，PORT2为RS485；PORT2根据NA200 PLC产品外壳不同有两种接线方式：DB9头和端子接线方式。

具体接线方式连接如图2-1所示：
图 2-1 NA-VIEW与NA PLC的连接图
2.2 NA-VIEW与S7-200系列PLC的连接
NA-VIEW与S7-200系列PLC的连接如图2-2所示：
图 2-2 NA-VIEW与S7-200 PLC的连接图 2.2.1 通讯协议支持PLC型号
本驱动构件只能用于S7200系列的PPI协议。

图2.3.1
2.2.2PLC 串口设置
选择相对应的PLC类型：
2.2.3 触摸屏串口设置
在数据库下面，I/O变量选项上点击右键选择新建端口 如下图：图2.2.3 （1）设备类型选择S7200PPI
（2）端口类型选择串口
（3）端口选择COM1
（4）其他参数设定和PLC中设定相同
图2.2.3
（1）在端口选相上单击右键新建设备如下图
2.2.4 新建设备建立连接变量
（2)新建设备如下图:
输入设备名称和设备地址,地址和PLC中设定相同，西门子S7200中一般默认设
备地址是2
图2.2.5
（3）新建变量如下图 图2.2.6
S7200的变量点都带有小数点，对应到寄存器地址的时候要相应的扩大10倍。

比如：I0.5对应寄存器地址5、Q1.1对应寄存器地址11、M20.5对应寄存器地址205 其他寄存器类型地址同理。

图2.2.6
西门子S7200数据类型表：
2.3NA-VIEW与欧姆龙PLC的连接
NA-VIEW与欧姆龙PLC的连接如图2-3所示：
图2-3 NA-VIEW与欧姆龙PLC的连接图
2.3.1 通讯协议支持PLC型号
本驱动构件用于通过OmronHostLink串口读写欧姆龙PLC设备的各种寄存器的数据。

本驱动构件支持欧姆龙C、CV、CS/CJ、CP系列部分型号的PLC见下表：图2.3.1
图2.3.1
2.3.2 PLC 串口设置
串口的通讯参数及通讯方式，此时一定要将模式设置为“Host Link””模式。

通讯参数可根据要求进行设定，建议格式设置为标准“9600,7,2,E”，RS232方式通讯时，单元
号（即PLC 2.3.2
地址）建议设为默认值1。

如下图：图
图 2.3.2
2.3.3 触摸屏串口设置
在数据库下面，I/O变量选项上点击右键选择新建端口 如下图：图2.3.3
OmronHostLink
（1）设备类型选择
（2）端口类型选择串口
（3）端口选择COM1
（4）其他参数设定和PLC中设定相同
图2.3.3
（1）在端口选相上单击右键新建设备如下图
2.3.4 新建设备建立连接变量
（2）新建设备如下图:
输入设备名称和设备地址,地址和PLC中设定相同
图2.3.5 （3）新建变量如下图 图2.3.6
图2.3.6
根据PLC
类型选择合适的寄存器类型和地址参考图
2.3.1
由于OmronHostLink协议只支持字的操作对于输入输出点等位的操作在配置
时先配置成16位无符号整数如下图：
图2.3.7
图中的CIO0配置成16位无符号整数地址为0，根据OmronPLC手册他代表0.00到0.07八位。

在组态画面上使用这些位寄存器时先选择变量CIO0在其后的下拉框中选择需要使用的位。

0位取值代表0.00，7为取值代表0.07如下图： 图2.3.8
图：2.3.8 欧姆龙PLC数据类型表：
2.4NA-VIEW与三菱PLC的连接
NA-VIEW与三菱PLC的链接如图2-4所示：
图2-4 NA-VIEW与三菱PLC的连接图
NA-VIEW与三菱FX系列PLC软件设置：
口COM口，需在电脑中配置
指定串串口，本说明以COM1为例。

安装完成串口驱动，在电脑中显示配置如图2-5：
硬件
图2-5 PC COM口配置
置完成后，配置NA-VIEW中串口的连接，在
配NA-VIEW中新建端口，如2-6图：
图2-6 NA-VIEW串口配置
端口采用COM1口，波特率为9600，校验方式采用偶校验，数据位为7位，停止位为1
位，设备类型采用三菱FX编程口。

配置以后再端口下右击创建变量，关于变量的格式先说明如下：
具体形式如简图2-7、2-8所示
图2-7 16整型配置
图2-8 32位浮点型配置
配置基本完成，之后就可以自行组态。

运行效果大体如图2-9所示：
图2-9 NA-VIEW运行简图
2.5NA-VIEW与台达PLC的连接
第3章 NA-VIEW触摸屏工程建立及画面组态
3.1 工程建立
启动NA-VIEW软件后，单击工具条上的“新建”按钮，或执行“文件”
菜单中的“新建”命令，首先会出现弹出一个窗口,如图3-1所示：
图3-1 新建工程界面
在设别类型中列出所有NA-VIEW 类型供选择,并提供所选类型的相关信息描述.
选择“确定”按钮后，系统自动创建一个新工程，如图3-2所示。

执行“文件”菜单中的“保存”命令，保存工程。

z
设备类型选择
图3-2 工程组态界面
3.2 新建数据库
3.2.1 新建端口
选中I/O 变量，右击弹出“新建端口”弹出图3-3 新建端口画面：
图3-3 新建端口画面
3.2.2 选择通讯设备(PLC)
单击“新建端口”出现图3-4 端口属性画面
z 设备类型选择
在设别类型中列出所有PLC z 端口类型选择
在端口类型中列出所有端口供选择.
z 串口参数
在串口中列出串口参数.
类型供选择.
图3-4 端口属性
点击“确定按钮”选中I/O量，右击弹出“端口
1”弹出图3-5：
图 3-4 端口属性
点击“新建设备”弹出图3-6
图 3-6 设备属性
3.2.3 新增IO数据库（变量）
图3-7 新增变量
图3-8 增加单个I/O数据点
参数说明：
【名称】：变量在整个数据库中的唯一标志，不可重复。

只能以字母开头。

【寄存器类型：】不同的通讯规约，寄存器类型不一样，代表读取PLC的数据类型。

【描述】：对变量名称的中文注释。

【寄存器地址】：变量对应的PLC中地址。

【数据类型】：变量对应的数据格式，对于32位数据和浮点数存在字节排列顺序的区别，请根据PLC数据格式正确选择。

【历史数据保存周期】：时间写“0”则不对数据进行历史存储，如果时间不为零此数据则会定时进行数据存储作为历史数据备份。

历史曲线中可以查看相应数据。

【报警处理】：对于模拟量信号有越复限报警，对于开关量信号有变位报警。

在实时报警窗口可以查询报警信息。

【量程变换】：针对模拟量信号进行线性变换用。

点击“批量增加”按钮 弹出图3-9：
图3-9 批量增加IO数据变量
图3-10 数据库
3.2.4 数据库导入导出功能
鼠标选中【设备1】点击右键，弹出设备属性窗口，选择导出。

如下图所示：
图3-11 数据库导出
导出的数据库存储为一个Excel表格，通过对Excel表格的操作，把更多的数据测点添加进
来然后再导入到组态软件中即可完成所有测定的添加。

图
3.3 3.3.1 主画面及启动画面
在工程管理器画面目录下，系统自动建立了“主画面”和“启动画面”两个画面。

“主画面”用来管理其它画面的切换，不可删除。

“启动画面”一般用来做启动欢迎画面，可设置画面显示时间，时间设置为“0”，画面不被显示。

如图3-11 所示：
3-12 数据库表格新建画面窗口
图3-11 3.3.2 新建画面
图3-12 新建画面 3.3.3 更改画面背景色
图3-13 画面属性
图3-14 3.3.4 添加按钮
图3-15
3.3.5 建立数据连接
图3-16 动态连接
图3-17 动态连接面板
图3-18 设置数据
参数说明：
【变量】：设置数值可以对MW、QW内部变量等可写入的数据类型进行操作。

通过下拉菜单选择寄存器。

【设置方式】：数据输入方式包括键盘输入、设置常熟、加、减、递加和递减等。

【密码保护】：分为三级密码，如果选择了密码保护，在输入数据时系统会提示输入密码。

图3-19设置状态
图3-20 显示画面
图3-21显示数值
参数说明：
【表达式】：显示数值可以对所有寄存器进行操作，通过下拉菜单选择寄存器。

可以在表达式出对变量进行简单的数学运算、关系运算和逻辑运算，如MW2/10表示对MW2的数字除以10再显示。

【数字显示控件】：NA-VIEW的数字显示只有在窗口处放置任意一个字符串，就可以对其进行动态连接，显示数值。

如图3-22所示：
图 3-22 数值显示控件
3.4 触摸屏脚本使用
3.4.1触摸屏脚本的定义
NA-VIEW 触摸屏支持强大的VB 语言脚本。

脚本是由事件触发执行的，如定时、数据变化、手指按下或弹起等。

工程人员可以利用脚本程序来增加应用程序的灵活性、处理一些算法和操作、实现一些特殊功能等。

3.4.1脚本的分类
画面上点击右键即出现脚本选择框：图元脚本、画面脚本、全局脚本。

图 3-23 脚本类型选择
1）图元脚本：在手指点击此图元时，在手指按下或弹起时执行脚本内容。

2
在图元或
）画面脚本：在画面打开或关闭时执行一次或在画面数据刷新的时候执行。

3.4.1、执行方式：常见为“周期执行”，即每个定时周期（执行周期）内执行运算一次。

、 编写脚本基本步骤：
3
）全局脚本：满足执行条件（周期定时到、背光灯关闭或打开）时即执行。

2
基本脚本运算原理
2
1) 定义脚本中使用的中间变量（Dim a,b,c …）；
2) 读取数据库中变量的值给中间变量（a=document.GetPointValue("Yidong")）； 3) 运算部分；
4) 将运算结果写回到数据库变量"Yidong"中（document.SetPointValue "Yidong",a ）； 3、脚本中字符及变量使用注意事项：
1)、脚本中定义的中间变量中，字母不区分大小写；
2）、脚本中来自数据库中的变量名，区分大写字母，最好从数据库中复制变量名，避免出现变量名输入不全等错误。

3）、所用逗号、引号等字符均必须为英文输入法，否则编译报错“Line:*，Error …无效字符”。

检查，及时排除语法错误，提高查错效率。

5）、行注释，用单引号单边，例如：
小4）、写脚本的时候，最好步步
4、脚本案例
1)、把外部变量转存到系统内部变量 Dim a
a=document.GetPointValue("MW1")
document.SetPointValue "AA",a ‘AA 为系统内存变量 2)、更改键盘大小
document.SetPanelSize 1,460
盘，460表示放大的像素，最大值不能超过屏幕分辨率。

、得到系统时间
ur ,MySecond MyMonth = Month(Date) our = Hour(Time) MySecond =Second(Time) 4）、根据条件打开画面
document.SetPanelSize 2,460‘1，2表示两种键3)Dim strMonth,strDay,strHour
Dim MyYear,MyMonth,MyDay,MyHo MyYear = Year(Date) MyDay = Day(Date) MyH。