一、 属性id:控件ID号不可更改。global勾选作用于全局不勾选作用于所在页。不可脚本读写。name控件名称可改默认名称image序号。x:控件起始点x坐标。y控件起始点y坐标。width控件宽度可读写。height控件高度可读写。locked勾选后锁定控件位置但不影响脚本操作控件属性。visible控件是否可见。脚本image0.visible1可见image0.visible0不可见。opacity不透明度opacity0完全透明opacity100完全不透明。值介于0~100之间。默认100非必要不建议修改此项。注仅S系列支持调整透明度。srcLoc图片资源的位置可内部Flash和外部Sdcard两种方式。ImgMd图片的对齐方式可相对于控件对齐和相对于页面对齐。ImgsrcLoc选择Flash时直接选择导入到图片资源栏的图片srcLoc选择Sdcard时则为SD卡中图片的路径。二、 示例2.1. 在脚本中访问属性控件名以image0为例2.1.1. 设置图片控件的显示图片(image0.img)例如 设置图片控件显示第二张图片image0.img2;例如 设置图片内容为SD卡图片 1imge0.path2.png;//调用sd卡图片下文有详细介绍应用技巧图片控件显示的图片有两种存放方式首先是flash其次是SD卡。下文常见问题做详细介绍。2.1.2. 设置图片控件的高度(image0.height)例如 设置图片控件的高度为90image0.height90;2.1.3. 设置图片控件的宽度(image0.width)例如 设置图片控件的宽度为90image0.width90;2.1.4. 设置图片控件的x坐标(image0.x)例如 设置图片控件的x坐标为50image0.x50;2.1.5. 设置图片控件的y坐标(image0.y)例如 设置图片控件的y坐标为50image0.y50;应用技巧控件的宽高和坐标表示控件在工程中的大小和位置数值都是以像素为单位编辑此属性首先要了解工程对应串口屏的像素大小利用对宽高和坐标的编辑可以实现控件UI丰富多彩的变换。2.1.6. 设置图片控件的透明度(image0.opacity)例如 设置图片控件的透明度50image0.opacity50; //0完全透明 100完全不透明应用技巧透明度在UI上的用处就是能透过控件看到背景特定风格之下的UI大有用处但是透明度会增加系统工作量非必要时刻不建议使用如果背景素材希望设置成带透明的目前网络上很多制图P图软件都可以做到这一点将素材做成图片图片很多时候都是一个不错的选择。2.1.7. 设置图片控件的可见性(image0.visible)例如 设置图片控件不可见即隐藏image0.visible0;//0隐藏 1可见应用技巧vp工程中控件并非时时必须显示可视性这个属性实现了控件视觉效果的可编辑性用户自定义可视性可配合其他控件在脚本中编辑也可以配合协议解析器在通讯过程中控制控件的显示和隐藏简单直接且行之有效。三、 常见问题3.1. 支持的图片格式G系列2.4、2.8、3.2、3.5等支持jpg、bmp、png不支持png带透明度。S系列4.3、7.0及以上尺寸支持jpg、bmp、png支持png带透明度。例图1.图2.这两种都是png格式的图片图1是带有透明的png图2格式虽为PNG但不带透明若G系列串口屏VP上位机工程导入带有透明的PNG图一下载到串口屏运行时带有透明的部分会显示为黑色并可能会在后续的使用中出现不可预计的问题比如花屏串口屏S系列支持jpg和上面图一图二格式的图片图片格式的区别也存在于其他可以使用图片的控件上如按钮控件指针控件文本控件等· 对于大尺寸的屏幕如7.0、10.0导入的图片最大不能超过1280X720超过后会导致图片无法显示png格式解码速度比jpg格式慢所以应尽量避免使用png格式的图片。3.2. 关于图片存储和调用图片控件可以直接使用flash存储的图片也可以调用sd卡内的图片素材3.2.1. Flash图片导入图片素材选择素材库图片选项点击添加按钮跳出弹窗选择图片点击打开添加完图片后脚本调用直接选择图片在素材库的序号即可。3.2.2. SD卡存储图片将图片格式改成jpg或者png格式图片名字改为英文或者数字直接存在SD卡卡根目录之下本例我直接将图片名称改成1和2图片控件右侧属性scrloc属性选sdcard,path一栏直接将图片名称写进去记住图片名称要加后缀本例就是2.pngVP操作如图sd卡位置如图脚本调用时路径用字符串形式表示。image0.path2.png;3. VP调试VP调试时在电脑上使用虚拟路径1点击左上角文件选项2点击“打开SD卡目录”会弹出一个目录将图片复制到此路径之下关闭弹窗。如上VP就可以模拟SD卡路径对图片控件进行调试了。