标题
本节的内容可以参考示例文件"数据看板.Table"中的窗口"布局和标题"。
标题到控件CoverShapes添加。 按下面顺序添加形状斌设置属性:
1、 Rectangle
属性 | 值 | 说明 |
属性变更-》Filling-》Color | 22, 48, 140 | |
属性变更-》Filling-》Color2 | 51, 111, 226 | |
属性变更-》Filling-》BushType | Gradient | |
属性变更-》Gradient-》Direction | Vertical | |
属性变更-》Filling-》Opacity、 属性设置-》Filling-》Opacity2 | 80% | 降低透明度为可以看到动画效果 |
属性变更-》Viewport-》Height | 50 | 固定高度 |
2、 Rectangle
属性 | 值 | 说明 |
属性变更-》Border-》Color | 25, 110, 197 | |
属性变更-》Filling-》Color | 25, 110, 197 | |
布局-》RightBottom | 10 | |
布局-》SlantAngle | 30 | |
属性变更-》Viewport-》Height | 55 | |
属性变更-》Viewport-》MarginX | -40 | |
属性变更-》Viewport-》Width | 350 |
3、 Rectangle
属性 | 值 | 说明 |
属性变更-》Border-》Color | Transparent | |
属性变更-》Filling-》Color | 8, 33, 134 | |
属性变更-》Filling-》Color2 | 16, 72, 164 | |
属性变更-》Filling-》BushType | Gradient | |
属性变更-》Gradient-》Direction | CornerRay | |
布局-》RightBottom | 10 | |
布局-》SlantAngle | 35 | |
属性变更-》Viewport-》Height | 47 | |
属性变更-》Viewport-》Width | 301 | |
属性变更-》Viewport-》X、属性设置-》Viewport-》Y | 4 |
4、 Rectangle
属性 | 值 | 说明 |
属性变更-》Border-》Color | Transparent | |
属性变更-》Filling-》Color | 8, 33, 134 | |
属性变更-》Filling-》Color2 | 16, 72, 164 | |
属性变更-》Filling-》BushType | Gradient | |
属性变更-》Gradient-》Direction | RadialOuter | |
属性变更-》Filling-》Opacity | 60% | |
属性变更-》Viewport-》Height | 47 | |
属性变更-》Viewport-》Width | 50 | |
属性变更-》Viewport-》X、属性设置-》Viewport-》Y | 4 |
5、 Image
属性 | 值 | 说明 |
属性变更-》Image | 选一个自己喜欢的图标文件 | |
属性变更-》Viewport-》Height | 50 | |
属性变更-》Viewport-》Width | 60 |
6、 Caption
属性 | 值 | 说明 |
属性变更-》Color | White | |
属性变更-》Font | 黑体, 14.25pt, style= Bold | |
属性变更-》Text | 某某标题 | |
属性变更-》Viewport-》Height | 50 | |
属性变更-》Viewport-》Width | 320 | |
属性设置-》Viewport-》Y | 5 |
7、 Rectangle
属性 | 值 | 说明 |
属性变更-》Border-》Color | Transparent | |
属性变更-》Filling-》Color | 16, 72, 164 | |
属性变更-》Filling-》Color2 | 51, 111, 226 | |
属性变更-》Filling-》BushType | Gradient | |
属性变更-》Gradient-》Direction | Vertical | |
属性变更-》Viewport-》Height | 50 | |
属性变更-》Viewport-》Width | 120 | |
属性变更-》Viewport-》X | 350 | |
布局-》SlantAngle | 20 |
8、 Caption
属性 | 值 | 说明 |
属性变更-》Color | White | |
属性变更-》Font | 微软雅黑, 10.5pt, style= Bold | |
属性变更-》Text | 某某标题 | |
属性变更-》Viewport-》Height | 50 | |
属性变更-》Viewport-》Width | 120 | |
属性设置-》Viewport-》Y | 350 |
9、 Caption
复制上面的Caption,然后更改下面2项属性
属性 | 值 | 说明 |
属性变更-》Color | 24, 172, 152 | |
属性设置-》Viewport-》Y | 450 |
10、 Caption
复制上面的Caption,然后更改下面1项属性
属性 | 值 | 说明 |
属性设置-》Viewport-》Y | 550 |
11、 Caption (时间)
属性 | 值 | 说明 |
属性变更-》Color | White | |
属性变更-》Font | 微软雅黑, 10.5pt, style= Bold | |
属性变更-》Text | 2024年8月30日 08:00:00 | 随便输入一个日期值做测试 |
属性变更-》Viewport-》Height | 50 | |
属性变更-》Viewport-》Width | 200 | |
属性变更-》Viewport-》X | -1 | |
行为-》Name | 时间 | 用于后续使用代码更新时间值 |