SMART datagrid v.1 > Concepts

Back  Forward

Concepts.Fill and Stroke

1. Fill

用于绘制数据单元格的背景等时的填充信息。 将会在内部被储存为Fill对象。 

1.1  Solid Brush

通过字符串或整数的颜色值,指定单一颜色的填充。 有关指定颜色值等方法,请参考Colors页面。 

Code -1
    column.setStyles({
        background: '#ff0000',
        color: '#ff00ff00'
    });
1.2  Linear Gradient

通过两种颜色,指定线型渐变填充。 

Code -2
    column.setStyles({
        // 最后的'90'为渐变进展方向。
        background: 'linear,#ffffff,#f0f0f0,90'
    });
2. Stroke

用于绘制数据单元格边框等时的线信息。 将会在内部被储存为Stroke对象。 

当只能绘制单一颜色的线的情况下,将其指定为字符串时, 

可以通过"线、线的厚度、虚线" 

等方式进行指定。如果不指定线的厚度,就会绘制成1 pixel,而如果不指定虚线,就会绘制成连续线。 虚线可以指定"dashed""dotted"。 

Code -3
    colum.setStyles({
        borderLeft: '#ff0000',
        // 2 pixel line
        borderLeft: '#00ff0,2px',   
        // dashed line
        borderBottom: "#aaa,1px,dashed"
    });
    column.styles().setShapeBorder(0xff00ff00);
See Also
Fill
Stroke
颜色概述
Examples
列样式
列动态样式