Shimmer 제어

로딩 환경을 표시하는 데 사용되는 컨트롤입니다.

노트

GitHub 코드 구성 요소 리포지토리에서 전체 설명서 및 소스 코드를 확인할 수 있습니다.

Description

이 코드 구성 요소는 캔버스 및 사용자 정의 페이지에서 사용하기 위해 버튼에 바인딩된 유창한 UI Shimmer 컨트롤 주위에 래퍼를 제공합니다. .

키 속성

Property	Description
Items	렌더링할 작업 항목
Rows	렌더링할 작업 항목
SpacebetweenShimmer	행이 여러 개인 경우 각 Shimmer 사이의 공간 또는 간격입니다.

항목 속성

아래 테이블에 포함된 각 레코드는 다음 값을 가질 수 있습니다.

Property	Description
ItemKey	필수. 특정 ShimmerElement를 나타내는 데 사용할 키입니다. 키는 고유해야 합니다.
ItemType	필수. 세 가지 Shimmer 요소 목록에서 Shimmer 요소 유형(예: 원, 간격 및 선).
ItemRowKey	필수. RowKey를 표시하고 관계를 설정하는 데 사용할 키입니다.
ItemHeight	ShimmerElement의 높이
ItemWidth	ShimmerElement의 너비
ItemVerticalAlign	요소를 정렬하는 방법을 지정합니다. 예: '위쪽', '가운데' 또는 '아래쪽'.

Power Fx 수식 예:

Table({ItemKey:"1",ItemWidth:"3.8",ItemHeight:60,ItemRowKey:"1",ItemType:"circle"},{ItemKey:"2",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"3",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"4",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"5",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"6",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"7",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"8",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"9",ItemWidth:"3.8",ItemHeight:40,ItemRowKey:"1",ItemType:"line"},{ItemKey:"10",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"11",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"12",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"13",ItemWidth:"2.8",ItemHeight:30,ItemRowKey:"1",ItemType:"line"},{ItemKey:"14",ItemWidth:"2",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"},{ItemKey:"15",ItemWidth:"20",ItemHeight:10,ItemRowKey:"1",ItemType:"line"},{ItemKey:"16",ItemWidth:"1",ItemHeight:10,ItemRowKey:"1",ItemType:"gap"})

행(rows_Items) 속성 값

아래 테이블에 포함된 각 레코드는 다음 값을 가질 수 있습니다.

Property	Description
RowKey	필수. 특정 Shimmer를 표시하고 하위 항목을 추가할 때 사용하는 키입니다. 키는 고유해야 합니다.
RowOrder	Shimmer가 렌더링해야 하는 순서
RowCount	렌더링할 Shimmer 수
RowWidth	Shimmer의 폭

Power Fx 수식 예:

Table(
    {
        RowKey: "1",
        RowOrder:1,
        RowCount:5,
        RowWidth: 100
    }
)

스타일 속성

Property	Description
Theme	유창한 UI 테마 디자이너(windows.net)를 사용하여 생성된 JSON 문자열을 허용합니다. 이 항목을 비워 두면 Power Apps에서 정의한 기본 테마가 사용됩니다. 설정 방법은 테마 설정을 참고하세요.
AccessibilityLabel	화면 읽기 프로그램 아리아-레이블

예시 테마

테마 JSON 문자열은 구성 요소 속성에 전달되는 반면 varTheme은 개별 색상을 사용하여 버튼과 같은 다른 표준 구성 요소의 스타일을 지정하는 데 사용할 수 있습니다.

Shimmer로 작업하는 동안 사용할 색상 팔레트에 대한 자세한 내용은 IShimmerElement 설명서의 IShimmerColors Interface 섹션을 참조하세요.

제한 사항

이 코드 구성 요소는 캔버스 앱 및 사용자 정의 페이지에서만 사용할 수 있습니다.