<< 点击显示目录 >> 主页  mappView帮助助手 > mappView入门简单Wiki > 变量改变则切换风格 Change style on variable change



需求

•Automation Studio 4.4

•mappView 5.4

实现

•为项目添加新主题

•添加新的样式集包

•添加一个新的样式文件，在下面添加样式定义并将文件添加到样式集中

•在事件绑定文件中添加事件绑定

注意

只能更改样式属性。 有关详细信息，请参阅小部件widget文档。 只能更改未更改默认值的属性。 例如，如果小部件的背景颜色已在编辑器中更改为不同的值，则背景颜色不能再由事件操作更改。

风格设置包

添加一个新的主题和样式集包，并将以下代码复制到样式集style set文件中。

<?xml version="1.0" encoding="utf-8"?>
<StylesSet id="stylesset_1" xmlns="http://www.br-automation.com/iat2015/stylesset/engineering/v1">
  <Styles refId="CMStyles" />
</StylesSet>

样式定义

将新样式文件添加到样式集style set中并将以下代码复制到其中。

<?xml version="1.0" encoding="utf-8"?>
<Styles id="CMStyles" xmlns="http://www.br-automation.com/iat2015/styles/engineering/v1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
 <Style id="Output_OK" xsi:type="widgets.brease.NumericOutput" backColor="#2FC43B" fontSize="16px"/>
 <Style id="Output_ERR" xsi:type="widgets.brease.NumericOutput" backColor="#A81717" fontSize="16px"/>
</Styles>

事件绑定文件 Event binding file

调整以下项目:

•OPC Variable -> ::ConditionM:CM_data_analyse.RmsStatus

•Content page -> ConditionAnalyse_content

•Style -> Output_OK, Output_ERR

<EventBinding>
  <Source xsi:type="opcUa.Event" refId="::ConditionM:CM_data_analyse.RmsStatus" event="ValueChanged"/>
 
  <EventHandler condition="newValue=0">
    <Action>
      <Target xsi:type="widgets.brease.NumericOutput.Action" contentRefId="ConditionAnalyse_content" widgetRefId="labRmsStatus" >
        <Method xsi:type="widgets.brease.NumericOutput.Action.SetStyle" value="Output_OK" />
      </Target>
    </Action>      
  </EventHandler>
 
  <EventHandler condition="newValue &gt;0">
    <Action>
      <Target xsi:type="widgets.brease.NumericOutput.Action" contentRefId="ConditionAnalyse_content" widgetRefId="labRmsStatus" >
        <Method xsi:type="widgets.brease.NumericOutput.Action.SetStyle" value="Output_ERR" />
      </Target>
    </Action>      
  </EventHandler>
 
</EventBinding>