guide Shapes

미리 등록되어 있거나 추가 등록할 수 있는 SVG Shape
Shape 렌더러등 여러 곳에서 사용된다.
사용하기 전에 컨트롤에 미리 등록해야 한다. RtListControl.registerShape나 RtListControl.registerShapes를 직접 호출하거나, 컨트롤 초기화 시에 config에 포함시킬 수도 있다.
'검색', '정보', 'Help' 등 많이 사용되는 shape들은 '@search', '@info', '@help' 등 '@'로 시작되는 이름으로 미리 등록되어 있다.

// shape 하나를 등록한다.
list.registerShape('people', 'M18.4 44 V17 Q25.3 11.3 23.8 11.3Z', 48, 48);

// 여러 shape들을 등록한다.
list.registerShapes([{
    name: 'man',
    d: 'M18.4 44V17.1q-4.75-1-7.625-4.275Q7.9 9.55 7.9 5.2h3 Q25.3 11.3 23.8 11.3Z',
    width: 48,
    height: 48
}, {
    name: 'woman',
    d: 'M21 44V33h-6l5.1-16.4q.4-1.25 1.5-1.925T24 14 Q25.5 11.3 24 11.3Z',
    width: 48,
    height: 48
}]);
list.setConfig({
    props: {
        shapes: {
            'man': {
                d: 'M309.13 136.86c-40.32 0-57.36 19.24-85.44 85.69-19.1-34.221.8-72.66z'
                width: 512,
                height: 512,
            },
            'woman': {
                d: 'M18.4 44V17.1q-4.75-1-7.625-4.275Q7.9 9.55 11.3Z',
                width: 48,
                height: 48
            }
        },
    }
})

Stock Shapes

미리 등록된 shape들은 아래와 같다.

name shape
@help
@info
@search
@home
@menu
@settings
@close
@edit
@delete
@check
@refresh
@back
@forward
@first
@prev
@last
@next
@left
@right
@up
@down
@drag

구글 Fonts의 심볼들을 사용했는데, registerShape를 미리 등록된(stock) shape의 이름으로 호출해서 다른 SVG path로 변경할 수 있다.

See Also

registerShape
registerShapes
IRtShapeRenderer
렌더러 개요
템플릿 개요
레이아웃 개요
컨트롤 Options