布局

本节的内容可以参考示例文件"数据看板.Table"中的窗口"布局和标题"。

本示例数据看板的整体布局如下:

整体使用上下2行,左右3列的布局。

标题行固定为50像素的高度。背景使用蓝色,左中右按3:4:3 的比例,中和中下按6:3的比例设置。

标题和背景放到控件级别的形状中,下面先添加好背景,以及辅助线

1、到控件的FaceShapes添加一个Rectangle,设置:

 属性  值  说明
 属性设置-》Border-》Color  Transparent  不显示边框
 属性设置-》Filling-》Color  14, 68, 137  
 属性设置-》Filling-》Color2  13, 18, 84  
 属性设置-》Filling-》BushType  Gradient  
 属性设置-》Gradient-》Direction  RadialOuter  

2、到控件的FaceShapes添加4个Rectangle,分别设置:

 属性  值  说明
 属性设置-》Viewport-》Height  1  
 属性设置-》Viewport-》Y  50  
 属性设置-》Border-》Color  White  

 属性  值  说明
 布局-》CenterPointX  0.3  
 布局-》Width  0.01  
 属性设置-》Border-》Color  White  

 属性  值  说明
 布局-》CenterPointX  0.7  
 布局-》Width  0.01  
 属性设置-》Border-》Color  White  

 属性  值  说明
 布局-》CenterPointY  0.7  
 布局-》Height  0.01
 布局-》Width  -0.4  
 属性设置-》Border-》Color  White