紫金桥跨平台实时数据库【样式表】一键切换图元样式

紫金桥跨平台软件提供样式表功能，可以定义画面上图元基本外观属性，可以动态切换其样式。

一、关键函数

bool SetStyleSheet(string Text)
说明：设置样式表格式:选择器{属性1:值; 属性2:值...},例如：Line{color:RGB(255,0,0);background-color:RGB(255,255,255)}。
选择器分为图元类型选择，类选择，名称选择三种方式。
1、图元类型包括各种图元的类型名：Line,Rect,RoundRect,Ellipse,Text,Poly,PolyLine，
Bes,Button,Edit,Combobox,ListBox,Checkbox, RadioBox,TimeStart,TimeSpan等。body表示窗口。
2、类选择是指通过图元的类名选择。类名称前要加"."以表示为类名。例如 .cls1
3、名称选择是指通过图元的名称选择。名称前要加"#"以表示为对象名称。例如 #obj1
类型与类名可以单独使用，也可以组合使用，例如Text.class1表示类名为class1的文本。
由于对象名称的唯一性，所以它不能与其他两种选择方式组合。
选择器可以由多组选择器构成，选择器间以“,”分隔。属性值由大括号{}包围，{}内部可以有若干键值对组成，每个键值对由属性名与属性值组成，中间以“:”分隔。键值对间以“;”号分隔。
属性包括：color;background-color;font-family;font-size;border-color;border-width几种。
颜色值有三种表述方式
1）RGB(R,G,B)或RGBA(R,G,B,A)。R,G,B,A分别代表红色、绿色、蓝色分量以及透明度。颜色取值为0-255；透明度A取值也是0-255，例如RGB(255,0,0)表示红色，RGBA(255,0,0,125)表示半透明红色。
2）#rrggbb形式，r,g,b分别代表十六进制表示的红色、绿色、蓝色分量。例如#FF0000,表示红色。
3）颜色名，预定义的颜色名称如下：
Black,White,DarkGray,Gray,LightGray,Red,Green,Blue,Cyan,Magenta,Yellow,DarkRed,DarkGreen,DarkBlue,DarkCyan,DarkMagenta,DarkYellow。

二、示例

string style;
style="body{co1or:rgb(90,90,90)};";//窗口背景色
style=style+"text{fillColor:rgb(240,240,240)};";//文本色
style=style+"Line,PolyLine{color:rgb(240,240,240)};";//线条，多折线颜色
style=style+"Ellipse,Rect,RoundRect,Bes,Poly{border-Color:rgb(240,240,240);color:rgb(240,240,240)};";//椭圆、矩形、圆形矩形、曲线、多边形 边线及填充颜色
style=style+".menu_bk{fillColor:rgb(255,255,255)}";//导航按钮背景色
style=style+".menu_t{fillColor:rgb(90,90,90)}";//导航按钮字体色
style=style+".m_b{fillColor:rgb(255,255,255)}";//m_b类图元 电机圆圈
style=style+".m_t{fillColor:rgb(90,90,90)}";//m_t类图元 电机圆圈里文字
style=style+".jx1{fillColor:rgb(67,67,67)}";
style=style+".panel_bk{fillColor:rgb(240,240,240)}";
style=style+".panel_jx{fillColor:rgb(83,83,83)}";
style=style+".panel_t1{fillColor:rgb(240,240,240)}";
style=style+".panel_t2{fillColor:rgb(83,83,83)}";
electricalsystem1.SetStyleSheet(style);

示例效果：




视频：

紫金桥跨平台实时数据库【样式表】功能演示

文章参考链接：紫金桥组态论坛