XpanelDesigner 使用教程
1.初识XpanelDesigner
在启动XpanelDesigner 之后,将会打开XpanelDesigner 的主窗口界面。下面简
单介绍一下XpanelDesigner 主窗口中各部分的功能,该窗口中主要包含菜单栏、工具栏、工程管理窗口、工作窗口、对像样式管理窗口等四部分。如下图所示:
1.1菜单栏
XpanelDesigner 主窗口界面中的菜单栏是用户设置系统参数和编辑工程的入口,主要包括(文件)、(编辑)、(视图)、(对像)、(窗口)和(帮助)等6个主菜单,如下图所示。
下面分别对这6个主菜单进行简单介绍 一、[文件]菜单
[文件]菜单主要用于文件的管理,通常包括新建工程文件、打开已有的工程文件、保存当前
菜单栏
工作窗
工具栏
工程管理窗口
对像样式管理窗口
的工程文件、编绎当前的工程文件以及设备管理等功能,基菜单命令如下图所示。
[文件]菜单中各菜单命令主要的功能如下。
(1)新建工程:执行该菜单命令可以新建一个工程文件。选择工程文件保存的目录后,会弹出一个工程属性窗口。如下图所示:
这里要介绍的是:[页面大小]、[控制系统]两个选项的参数说明。[页面大小]选项中,我们可以看到,[类型]分别有:iPhone/iPod Touch、1024X768、800X600、640X480、320X240。这里我们重点介绍两种分辩率,其余分辩率只作新产品预留分辩率。
a、iPhone/iPod Touch是专门为iPhone/iPod Touch设置的分分辩率,其尺寸为:320X480;
b、1024X768为iPad的分辩率。
[控制系统]选项,重点介绍IP地址、端口两个参数,其它参数为新版本预留功能。
IP地址:为P-6000中控系统的IP地址。可以输入固定的IP地址如:192.168.0.111
端口:为中控系统的TCP连接端口号。P-6000的出厂默认端口号为:15000
(2)编绎:执行该菜单命令编绎XpanelDesigner设计的工程文件
(3)设备管理:该菜单命令用于输入Xpanel的授权使用码。如下图所示
:
1、[设备UDID]为iPod/iPhone/iPad的UDID。获取UDID的方法
(1):在windows系统下运行苹果的iTunes(到苹果网站下载)
(2):通过苹果的数据线把iPod/iPhone/iPad连接到电脑后,iTunes会出现iPod/iPhone/iPad的设备名称。如下图例:
选择此项
单击此处选择此项
2、[注册码]请与浙江冠轩公司客服部获取。
3、输入UDID和注册码后,点击[添加]后完全注册过程。
4、导出到文件:把UDID和注册码导出到文件保存。
5、从文件导入:把保存有UDID和注册码的文件导入到工程。
(4)[用户配置文件]:该功能为新版本预留功能。
二、[编辑]菜单
[编辑]菜单中各菜单命令主要的功能如下:
(1)撤消:撤消已执行的动作或命令。
(2)重做:重做已执行的功作或命令
(3)清除撤消记忆:清除撤消命令所要用到的内存(此子菜单请小心使用)(4)禁用撤消:选择些功能,撤消功能将禁用
(5)工程属性:请参考新建工程时的工程属性介绍
(6)移到最后:把当前页面的对像(如按钮、图片等)放到最后层
(7)向后:把当前页面的对像(如按钮、图片等)往后移一层
(8)向前:把当前页面的对像(如按钮、图片等)往前移一层
(9)移到最前:把当前页面的对像(如按钮、图片等)放到最前层
(10)选择所有:选择当前页所有的对像
(11)删除所有:删除当前工程所有内容
(12)清除Joins/Commands:清除当前工程的所有Join No.
三、[视图]菜单
(1):显示Join Numbers:显示/隐藏当前工程的所有Join Numbers
(2):显示Command & Macro Names: 显示/隐藏当前工程的所有Command&Macro Names
(3):Load Web Images:此功能为新版本预留
(4):Join管理:弹出Join Numbers管理窗口,直观显示那些Join Numbers已用
(5):Regex Tester:自定义反馈测试,此功能为新版本预留
(6):WOL Generator: 此功能为新版本预留
(7)放大/缩小:把当前页面/子页放大/缩小,方便用户编辑界面程序
其它三项菜单相对简单,这里不详细讲解。
1.2工具栏
新建
工程
打开
工程
保存
工程
工程另
存为
新建
页面
新建
子页
按钮
进度条
滑动条
图片/视频
文字
文字接收框
列表
快速定义
数字型
Jion No.
快速定义模拟
型Jion No.
快速定义
字符型
Jion No.
快速定义
按钮文字
内容.
快速定义
对像属性
快速定义
图片属性
对齐工具
(左、右、上、下
等对齐)
1.3对像样式管理窗口
一、对像样式(简称“对像”)
对像样式有五个元素:Backgrounds(背景)、Buttons(按钮)、Gauges & Sliders(进度条、滑动条)、Input Fields(文本输入框)、Text(文本)。
对像样式管理窗口是用来设置对像元素的参数的。(如:我们知道按钮有两种状态,一种是按下,一种是弹起。那可以通过对像样式管理窗口分别设置按钮两种状态所使用的图片及文字等)
通过对像样式管理窗口设置好所有对像元素的参数后,只需在页面、子页调用这些元素即可达到不同的效果。
新建对像 复制对像 粘帖对像
删除对像
从其它工程导入对像
删除所有的对像
背景对像
按钮对像
进度条、滑动条对像 文字输入框对像
文本对像
一、背景对像属性 选择Backgrounds, 如:
,再点击:
。弹出“背景对像属性”窗口。需要注意
的是:名称、背景图片文件名不能出现中文。只能是英文。
二、按钮对像属性
选择Buttons , 再点击:
。弹出“按钮对像属性”窗口。需要注意的是:名称、背景图
片文件名不能出现中文。只能是英文。
背景对像名称 背景图片(不可以是中文) 按钮对像名称 非激活状态
激活状态 非激活、激活使用相同图片 使用的图片 按钮文字使用的字体,不支持特殊中文字体 预览
字体大小 字体颜色 字体在按钮位置