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

如何让您的机床向高端机床更进一步，满足客户个性化的需求？给客户一个印象深刻的界面非常重要。西门子数控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