guide Renderers

데이터행은 데이터필드의 값 및 일반 텍스트들과 이 것들을 배치하는 레이아웃들로 구성해서 표현한다. 값들을 표시하는 필드 레이아웃 뷰에는 렌더러가 설정되어 다양한 방식으로 값을 표시한다.
레이아웃은 템플릿으로 설정하므로 렌더러 역시 템플릿에 설정하고, 실행 시간에 지정한 렌더러 객체 및 렌더러 뷰가 생성된다.

현재, RealGrid-Touch에 구현된 렌더러들은 아래와 같다.

텍스트 렌더러
라벨 렌더러
링크 렌더러
이미지 렌더러
Shape 렌더러
글자 렌더러
아이콘 렌더러
Svg 렌더러
Qrcode 렌더러
게이지 렌더러
Rating 렌더러
미터 렌더러
Progress 렌더러
스피너 렌더러
SparkBar 렌더러
SparkLine 렌더러
라인 렌더러
버튼 렌더러
필드 렌더러
Html 렌더러
Spacer 렌더러
더미 렌더러

renderers-01

텍스트 렌더러

템플릿에서 렌더러 type은 'text'이다.
데이터필드 값을 텍스트로 표시한다. 값에 따른 표시 형식을 지정할 수 있다. 템플릿에서 렌더러 타입이 설정되지 않거나 잘못 설정된 경우 대체 렌더러로 사용되는 기본 렌더러이다.
IRtTextRenderer 페이지를 참조한다.

라벨 렌더러

템플릿에서 렌더러 type은 'label'이다.
IRtLabelRenderer.target으로 지정한 입력 가능 renderer를 설명하는 렌더러. 또, 이 렌더러를 tap하면 target 렌더러에 포커스가 설정된다.
IRtLabelRenderer 페이지를 참조한다.

링크 렌더러

템플릿에서 렌더러 type은 'link'이다.
html <a> 태그로 연결 링크를 표시한다.
IRtLinkRenderer 페이지를 참조한다.

이미지 렌더러

템플릿에서 렌더러 type은 'image'이다.
url로 지정된 이미지를 표시한다. urlCallback을 설정해서 동적으로 이미지를 설정할 수 있다.
IRtImageRenderer 페이지를 참조한다.

Shape 렌더러

템플릿에서 렌더러 type은 'shape'이다.
컨트롤에 미리 준비되거나 추가 등록된 shape를 표시한다.
IRtShapeRenderer 페이지를 참조한다.

글자 렌더러

템플릿에서 렌더러 type은 'letter'이다.
특수 문자를 svg text로 표시한다. 외곽선을 표시할 수 있고 회전 시킬 수 있다. 기본 문자는 ''이다.
IRtLetterRenderer 페이지를 참조한다.

아이콘 렌더러

템플릿에서 렌더러 type은 'icon'이다.
컨트롤에 등록된 아이콘셋의 아이콘을 표시한다.
IRtIconRenderer 페이지를 참조한다.

Svg 렌더러

템플릿에서 렌더러 type은 'svg'이다.
IRtSvgRenderer 페이지를 참조한다.

Qrcode 렌더러

템플릿에서 렌더러 type은 'qarcode'이다.
[IRtQrocdeRenderer] 페이지를 참조한다.

게이지 렌더러

템플릿에서 렌더러 type은 'gauge'이다.
IRtGaugeRenderer 페이지를 참조한다.

Rating 렌더러

템플릿에서 렌더러 type은 'rating'이다.
IRtRatingRenderer 페이지를 참조한다.

미터 렌더러

템플릿에서 렌더러 type은 'meter'이다.
IRtMeterRenderer 페이지를 참조한다.

Progress 렌더러

템플릿에서 렌더러 type은 'progress'이다.
IRtProgressRenderer 페이지를 참조한다.

스피너 렌더러

템플릿에서 렌더러 type은 'spinner'이다.
IRtSpinnerRenderer 페이지를 참조한다.

SparkBar 렌더러

템플릿에서 렌더러 type은 'sparkbar'이다.
IRtSparkBarRenderer 페이지를 참조한다.

SparkLine 렌더러

템플릿에서 렌더러 type은 'sparkline'이다.
IRtSparkLineRenderer 페이지를 참조한다.

라인 렌더러

템플릿에서 렌더러 type은 'line'이다.
IRtLineRenderer 페이지를 참조한다.

버튼 렌더러

템플릿에서 렌더러 type은 'button'이다.
IRtButtonRenderer 페이지를 참조한다.

필드 렌더러

템플릿에서 렌더러 type은 'field'이다.
IRtFieldRenderer 페이지를 참조한다.

Html 렌더러

템플릿에서 렌더러 type은 'html'이다.
IRtHtmlRenderer 페이지를 참조한다.

Spacer 렌더러

템플릿에서 렌더러 type은 'spacer'이다.
IRtSpacerRenderer 페이지를 참조한다.

더미 렌더러

템플릿에서 렌더러 type은 'dummy'이다.
placeholders에 지정된 값들을 랜덤하게 표시한다. Skeleton 템플릿에서 사용된다.
IRtDummyRenderer 페이지를 참조한다.

See Also

레이아웃 개요
템플릿 개요