스켈레톤 그리드

    스켈레톤 그리드를 사용하면 표준 정보와 동일한 유형의 정보를 레이아웃할 수 있을 뿐만 아니라 현재 데이터가 없을 때(예: 원격 데이터 소스에서 데이터가 로드되고 데이터가 부족할 때) 애플리케이션 상태를 표시할 수도 있습니다. 연결이 안 되거나 시간이 좀 걸립니다. 스켈레톤 그리드는 알려진 레이아웃이 있지만 표시할 데이터가 없는 그리드의 시각적 표현일 뿐입니다.

    Grid Demo

    Cell Types

    Skeleton Grid는 표준 Grid와 동일한 세 가지 유형의 셀(헤더, 본문, 요약)을 지원합니다.

    Cell Display Density

    스켈레톤 헤더, 본문 및 요약 셀은 표준 그리드와 동일한 세 가지 디스플레이 밀도 변형(편안함, 아늑함, 컴팩트함)을 지원합니다.

    Items and Features (Header Cell)

    스켈레톤 그리드는 Feature Left 및 Feature Right 재정의를 통해 표준 그리드와 동일한 기능 구성을 지원합니다.

    Cell Type

    Skeleton Grid Header Cell은 표준 Grid 로서 Number 및 Text,Date,Bool 유형의 데이터에 대한 사전 설정을 제공합니다.

    Skeleton Grid Body Cell은 간단한 그래픽을 시각화하기 위한 추가 아이콘 유형과 함께 Skeleton Grid Header Cell과 같은 동일한 유형의 데이터에 대한 사전 설정을 제공합니다.

    Usage

    그리드를 생성할 때 표준 셀과 뼈대 셀을 결합하지 마십시오. 데이터는 모든 셀에 존재하거나 어느 셀에도 존재하지 않으므로 동일한 그리드 레이아웃 내에서 두 유형을 사용하면 안 됩니다.

    하다 하지 않다

    Additional Resources

    관련 주제:

    우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.