# news-ticker


## properties


1. 모델링 화면 좌측의 컴포넌트 툴바의 Etc List내의 news-ticker 컴포넌트를 생성한다.
   ![news ticker 생성][news_ticker_1]

1. Publisher를 통해 직접 데이터를 전달하거나, news-ticker 컴포넌트의 값에 직접 입력한다. 사진에서는 news-ticker의 값에 직접 텍스트를 입력했다.
   ![news ticker 텍스트 입력][news_ticker_2]

1. news-ticker 컴포넌트 속성창의 4번째 탭의 Direction에서 세로로 흐르게 할 경우에는 vertical을, 가로로 흐르게 할 경우에는 horizontal을 선택한다. 역 방향을 체크할 경우, 텍스트가 흐르는 방향을 끝에서부터 하게 되며, 지속시간은 텍스트의 흘러가는 속도를 결정한다.
   ![news ticker 속성 값 입력][news_ticker_3]

1. 데이터 값이 제대로 출력됨을 확인한다.
   ![news ticker horizontal 출력 확인][news_ticker_video_1]

1. 참고로 Direction을 vertical로 설정할 경우 아래와 같이 데이터 값이 출력된다.
   ![news ticker vertical 출력 확인][news_ticker_video_2]

[news_ticker_1]: ../images/news_ticker_1.png
[news_ticker_2]: ../images/news_ticker_2.png
[news_ticker_3]: ../images/news_ticker_3.png
[news_ticker_video_1]: ../images/news_ticker_video_1.gif
[news_ticker_video_2]: ../images/news_ticker_video_2.gif

