SMART datagrid v1.4 > 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
컬럼 스타일
컬럼 동적 스타일