# 애플리케이션 UI

양식 데이터가 크거나 네트워크 속도가 너무 느린 경우 양식 데이터를 처음 로드할 때 기본 로딩 애니메이션이 있을 수 있습니다.![](https://help.grapecity.com.cn/download/thumbnails/80959225/image2023-2-6_16-13-47.png?version=1\&modificationDate=1675671227000\&api=v2), 이 애니메이션을 변경할 수 있습니다.

리본 메뉴에서 "파일-설정-응용 프로그램 설정"을 선택하면 테이블 로딩 애니메이션을 볼 수 있습니다.

<figure><img src="https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2Ff1dIlTf5s78nV6EvmgVU%2Fimage.png?alt=media&#x26;token=d05f7628-c5f2-4b69-aca5-3f6e1cd74bf7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2F9zlKVuaKaf72BacOuUpL%2Fimage.png?alt=media&#x26;token=86a1f2f6-1b97-4bd3-a2a8-a6cee828e55f" alt=""><figcaption></figcaption></figure>

![](https://help.grapecity.com.cn/download/thumbnails/80959225/image2023-2-6_16-39-10.png?version=1\&modificationDate=1675672750000\&api=v2) 버튼 클릭 시,  리스트뷰 로딩 애니메이션 대화 상자가 나타납니다.

* CSS 애니메이션: 내장된 로딩 애니메이션을 선택할 수 있으며 애니메이션 색상도 설정할 수 있습니다.

<figure><img src="https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2F2Qv0sQqNwqqs57T6hhpX%2Fimage.png?alt=media&#x26;token=74e7cf12-1ea7-4870-b555-c1fc3c70f213" alt=""><figcaption></figcaption></figure>

* GIF 애니메이션: 로컬 GIF 사진을 선택하거나 사진의 URL 주소를 입력할 수 있습니다. 오른쪽에서 GIF의 정적 효과를 미리 봅니다

<figure><img src="https://1191936652-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMDaEsmK9OwD7QYBNk9Sn%2Fuploads%2FaHUbTLo8OGCjscTFWIVv%2Fimage.png?alt=media&#x26;token=2227b140-5d47-4fac-99ec-07331a83f5b6" alt=""><figcaption></figcaption></figure>