아래 화면처럼 버튼의 처음과 끝에 라운드를 다르게 부여하여 보다 다양한 모양을 만들 수 있다.
아래 버튼을 표현하는 과정을 정리
Button Gallery 설정
ButtonGallery 의 Items 속성 설정
| Table({ID:1,Icon : Icon.Save ,Name: "Save"},{ID:2,Icon : Icon.Cancel ,Name: "Cancel"},{ID:3,Icon : Icon.Settings ,Name: "Setting"}) |
기타 설정 값
TemplateSize : 60, TemplatePadding : 0
Button Rectangle 설정
Button Rectangle 순서를 맨 앞으로 가져와서 다른 아이콘 혹은 텍스트가 선택되지 않도록 한다.
Button Icon 설정
버튼의 크기 및 여백 지정
Button Icon Color 속성
갤러리가 선택된 색과 선택되지 않는 색상의 투명도 설정
| If(ThisItem.IsSelected,RGBA(0,0,0, 0.8),RGBA(0,0,0, 0.2)) |
Button 설정
Text 속성 – Gallery Items의 ID를 각 버튼에 넣어 순서를 확인
| ThisItem.ID |
Color 속성 - 버튼 텍스트가 화면에 나타나지 않게
| RGBA(0, 0, 0, 0) |
Fill 속성 – 갤러리가 선택된 색과 선택되지 않는 색 표현
| If(ThisItem.IsSelected,RGBA(250, 250, 250, 1),RGBA(237, 237, 237, 1)) |
RadiusBottomRight 속성 – 마지막 버튼의 우측 하단의 라운드를 30으로 설정
| If(Self.Text="3",30,0) |
RadiusTopLeft 속성 – 첫번째 버튼의 좌측 상단의 라운드를 30으로 설정, Button_1.Text로도 가능 자기 자신임으로 Self.Text 로 표현하는 것을 권장 함.
| If(Button_1.Text="1",30,0) |
아래 결과 화면
댓글