1. 首页
  2. 技术文章

西门子什么是“好”的界面设计

如何让您的机床向高端机床更进一步,满足客户个性化的需求?给客户一个印象深刻的界面非常重要。西门子数控SINUMERIK Operate支持多种界面的开发,单就EasyScreen开发界面方法而言,如何开发出一幅印象深刻、高大上的界面,难点在于想法和设计。现在,就给大家聊一下界面开发。不要9块9,免费全拿走!

 

首先我们来看一下实际需求:

我需要一个循环界面,可以这样,这样,这样….一键生成加工程序。

设计思路:

实现需求的功能,思考底层的逻辑和实现方法。罗列需要用到的变量、函数和方法。

深入思考:

  • 用几幅界面来实现?这几幅界面有无关联和交互?
  • 需要呈现哪些文本、输入框、图片?
  • 需要操作哪些按钮?实现什么功能

 

初稿设计如下:

什么是“好”的界面设计

显而易见,这个界面功能强大,但却体现不出印象深刻。

 

让我们来重新设计一下。

1.  将比较长的说明文字使用Easyscreen变量属性长文本来表示(下图所示),Easyscreen中实现代码如下:

DEF VAR1=(R3///”MXAXIS,刀具侧头的X坐标“,”侧头坐标X1″///”$MXAXIS”/20,50,90/115,50,60/,9,,)

什么是“好”的界面设计

2. 将参数名换成中文简称,使用Easyscreen变量属性短文本实现,并标注英文字符,如X1(下图所示),Easyscreen中实现代码如下:

DEF VAR1=(R3///”MXAXIS,刀具侧头的X坐标”,”侧头坐标X1“///”$MXAXIS”/20,50,90/115,50,60/,9,,)

什么是“好”的界面设计

3. 增加参数说明的插图,用帮助图片实现(下图所示),Easyscreen中实现代码如下:

SWITCH(FOC)
CASE “VAR1”
VAR1.hlp=”x1pic.png”

END_SWITCH

什么是“好”的界面设计

4. 让参数更醒目,不同参数使用不同帮助图片,并且高亮短文本的背景色(下图所示),Easyscreen中实现代码如下:

FOCUS
SWITCH(FOC)
CASE “VAR1”
VAR1.bc_st=”#00bfff”

END_SWITCH
END_FOCUS

什么是“好”的界面设计

5. 图片辛苦做好了,怎么保存图片,用在界面上呢?选中所有图形元素,组合,再另存为图片,完成。图片拷贝到oemsinumerikhmiicoico[分辨率]路径下

什么是“好”的界面设计

最终的画面截图如下:

什么是“好”的界面设计

到此,一个简洁、直观的用户界面就实现了。你学到了么?

 

更多Easyscreen界面开发样例包可在CNC4You网站上下载,链接如下:

http://www.ad.siemens.com.cn/CNC4YOU/Home/Article/913

 

感谢关注!微信号:Siemens_CNC_TAC

 
问答社区  发起问答  报警查询  技术文章  维修服务  资料下载  网址导航  申请 VIP   交流群

本文转载来自【公众号:Siemens数控技术应用】,仅供大家学习交流,如侵权请联系站长删文。

发表评论

登录后才能评论

联系我们

【数控驿站】

在线咨询:点击这里给我发消息

联系微信:QQ594673193

联系邮箱:594673193@qq.com

工作时间:07:00~23:00

QR code