C#/WinUI3

[WinUI3] Color Picker 사용기

말하는 닭 2023. 1. 28. 18:32

ColorPicker로 바인딩 연습하다가 하마터면 멀쩡한 요소 내비두고 뻘짓할 뻔해서

다시는 그러지 말라고 이번 글을 작성한다.

 

xaml에 <ColorPicker /> 만 작성하여 앱을 만들면 다음과 같은 컬러피커를 볼 수 있다

파워포인트에서나 볼 수 있을법한 그라디언트...

나는 이런 그라디언트가 아니라 구글에서 color picker검색해서 나오는

이런 컬러피커를 원했다. 

 

멍청하게도... "xaml은 이렇게는 못 만드는구나"해서 컬러피커를 만들 계획을 세웠다... ㅋㅋ 왜 그렇게 생각했을까..

 

 

우연히 문서 뒤져보다가 찾아낸 프로퍼티 덕에 다행히도 굳이 만들 필요없이 바꿀 수 있었다.

ColorSpectrumComponents="SaturationValue"일 때, color slide도 같이 변한다(당연하지만)

 

 

그래서 기억해야할 컬러피커의 프로퍼티들을 정리했다.

ColorSpectrumShape 색상 선택기의 모양을 네모로 할건지 동그랗게 할건지 Box, Ring
IsColorPreviewVisible 컬러피커 옆에 색 알려주는거 보일 것이냐 True, False
ColorSpectrumComponents 찾고자 헤맸던거  SaturationValue 이거 넣으면 원했던 모양으로 변함.
Orientation 값에 따라 슬라이더 등의 위치가 아래 또는 옆으로 바뀜 Vertical, Horizontal

라고 했지만 4개밖에 없다. 뭐, 나머지는 갤러리에도 대강 있으니...

 

 

 

그리고 중요한 결론! 문서는 꼼꼼히 읽어보자!!