要求。
我们的目标是使用主题来为不同的 "表 "小部件列设置不同的样式。
解决方案
要使用的小部件
•Table: 这个小组件是核心元素。其他小部件被放在这里。
•TableItem: 这个部件在表中显示一列。它可以定义是否应该显示一个数值或文本。
•TableItemDateTime: 这个小组件代表表格中显示日期的一列。
•TableItemImageList: 这个小组件代表表格中显示图像的一列。
使用小组件
步骤1:
小部件 "Table "和 "TableItem "小部件被配置在内容片上，并处于运作状态。
(例如：1个小部件 "TableItemDateTime"，2个小部件 "TableItem"，1个小部件 "TableItemImageList")
第2步。
小 部件 "Table "的 属性 useTableStyling被设置为 false。这将禁用 "表 "小组件自身的样式。
第3步。
在项目中的一个新的或现有的主题中为各种项目（TableItem, TableItemImageList 和 TableItemDateTime）创建新的样式。
现在可以为使用的部件定义样式属性了。
<!-- TableItem -->
<Style id="TableItem1Style" xsi:type="widgets.brease.TableItem"
bold="true"
backColorOdd="rgba(200,0,0,1)"
backColorEven="rgba(200,0,0,0.65)"
textColorOdd="rgba(0,0,0,1)"
textColorEven="rgba(0,0,240,1)" />
<Style id="TableItem2Style" xsi:type="widgets.brease.TableItem"
bold="false"
italic="true"
backColorOdd="rgba(255,0,0,1)"
backColorEven="rgba(245,0,0,0.65)"
textColorOdd="rgba(0,0,0,1)"
textColorEven="rgba(0,0,240,1)" />
<!-- TableItemImageList -->
<Style id="TableItemImageListStyle" xsi:type="widgets.brease.TableItemImageList"
bold="true"
backColorOdd="rgba(0,255,0,1)"
backColorEven="rgba(0,245,0,0.65)"
textColorOdd="rgba(0,0,0,1)"
textColorEven="rgba(0,0,240,1)" />
<!-- TableItemDateTime -->
<Style id="TableItemDateTimeStyle" xsi:type="widgets.brease.TableItemDateTime"
bold="false"
backColorOdd="rgba(255,255,0,1)"
backColorEven="rgba(245,245,0,0.65)"
textColorOdd="rgba(0,0,0,1)"
textColorEven="rgba(0,0,240,1)" />
第四步。
现在，使用属性 样式为各列设置适当的样式 。
结果
当连接到HMI应用程序时，创建的表格将看起来像这样。
