■ RelativeSource 태그 확장의 Mode 속성을 사용해 템플리트 부모를 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 |
BindingContext="{Binding Source={RelativeSource TemplatedParent}}" IsExpanded="{Binding IsExpanded, Source={RelativeSource TemplatedParent}}" |
■ MultiBinding 엘리먼트의 StringFormat 속성에서 중괄호({ })를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 |
<Label> <Label.Text> <MultiBinding StringFormat="{}{0} {1} {2}"> <Binding Path="Employee1.Forename" /> <Binding Path="Employee1.MiddleName" /> <Binding Path="Employee1.Surname" /> </MultiBinding> </Label.Text> </Label> |
■ RelativeSource 태그 확장의 Mode 속성을 사용해 자기 자신을 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" BindingContext="{Binding Source={RelativeSource Self}, Path=DefaultViewModel}"> <StackLayout> <ListView ItemsSource="{Binding EmployeeCollection}"> ... </ListView> </StackLayout> </ContentPage> |
■ RelativeSource 태그 확장의 Mode 속성을 사용해 자기 자신을 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 7 8 |
<BoxView HorizontalOptions="Center" VerticalOptions="Center" WidthRequest="200" HeightRequest="{Binding Source={RelativeSource Self}, Path=WidthRequest}" Color="Red" /> |
■ Binding 엘리먼트의 Converter 속성에서 진리 값↔객체 변환자를 사용하는 방법을 보여준다. ▶ BooleanToObjectConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
using System.Globalization; namespace TestProject; /// <summary> /// 진리 값↔객체 변환자 /// </summary> /// <typeparam name="T">객체 타입</typeparam> public class BooleanToObjectConverter<T> : IValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 참 객체 - TrueObject /// <summary> /// 참 객체 /// </summary> public T TrueObject { get; set; } #endregion #region 거짓 객체 - FalseObject /// <summary> /// 거짓 객체 /// </summary> public T FalseObject { get; set; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { return (bool)sourceValue ? TrueObject : FalseObject; } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object ConvertBack(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { return ((T)sourceValue).Equals(TrueObject); } #endregion } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 |
<ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.Resources> <Style TargetType="Label"> <Setter Property="VerticalOptions" Value="Center" /> <Setter Property="FontSize" Value="18" /> </Style> <Style TargetType="Switch"> <Setter Property="VerticalOptions" Value="Center" /> </Style> </ContentPage.Resources> <StackLayout HorizontalOptions="Center" VerticalOptions="Center"> <StackLayout Orientation="Horizontal"> <Label Text="Subscribe?" /> <Switch x:Name="switch1" /> <Label> <Label.Text> <Binding Source="{x:Reference switch1}" Path="IsToggled"> <Binding.Converter> <local:BooleanToObjectConverter x:TypeArguments="x:String" TrueObject="Of course!" FalseObject="No way!" /> </Binding.Converter> </Binding> </Label.Text> </Label> </StackLayout> <StackLayout Orientation="Horizontal"> <Label Text="Allow popups?" /> <Switch x:Name="switch2" /> <Label> <Label.Text> <Binding Source="{x:Reference switch2}" Path="IsToggled"> <Binding.Converter> <local:BooleanToObjectConverter x:TypeArguments="x:String" TrueObject="Yes" FalseObject="No" /> </Binding.Converter> </Binding> </Label.Text> <Label.TextColor> <Binding Source="{x:Reference switch2}" Path="IsToggled"> <Binding.Converter> <local:BooleanToObjectConverter x:TypeArguments="Color" TrueObject="Green" FalseObject="Red" /> </Binding.Converter> </Binding> </Label.TextColor> </Label> </StackLayout> <StackLayout Orientation="Horizontal"> <Label Text="Learn more?" /> <Switch x:Name="switch3" /> <Label VerticalOptions="Center" FontSize="18"> <Label.Style> <Binding Source="{x:Reference switch3}" Path="IsToggled"> <Binding.Converter> <local:BooleanToObjectConverter x:TypeArguments="Style"> <local:BooleanToObjectConverter.TrueObject> <Style TargetType="Label"> <Setter Property="FontAttributes" Value="Italic, Bold" /> <Setter Property="TextColor" Value="Green" /> <Setter Property="Text" Value="Indubitably!" /> </Style> </local:BooleanToObjectConverter.TrueObject> <local:BooleanToObjectConverter.FalseObject> <Style TargetType="Label"> <Setter Property="FontAttributes" Value="None" /> <Setter Property="TextColor" Value="Red" /> <Setter Property="Text" Value="Maybe later" /> </Style> </local:BooleanToObjectConverter.FalseObject> </local:BooleanToObjectConverter> </Binding.Converter> </Binding> </Label.Style> </Label> </StackLayout> </StackLayout> </ContentPage> |
TestProject.zip
■ Binding 태그 확장의 StringFormat 속성에서 중괄호({ })를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 |
<Label HorizontalOptions="Start" Text="{Binding StringFormat='{{0:MMMM}} 포맷 문자열 : {0:MMMM}'}" /> |
■ Binding 태그 확장의 StringFormat 속성에서 이중 인용 부호(")를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 |
<Label Text="{Binding Source={x:Reference entry}, Path=Text, StringFormat='입력 텍스트 : "{0}"'}" /> |
■ Binding 태그 확장의 StringFormat 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:sys="clr-namespace:System;assembly=netstandard"> <ContentPage.Resources> <Style TargetType="Label"> <Setter Property="HorizontalTextAlignment" Value="Center" /> </Style> <Style TargetType="BoxView"> <Setter Property="HeightRequest" Value="2" /> <Setter Property="Margin" Value="0,30" /> <Setter Property="Color" Value="Blue" /> </Style> </ContentPage.Resources> <StackLayout HorizontalOptions="Center" VerticalOptions="Center" Margin="10"> <Slider x:Name="slider" /> <Label Text="{Binding Source={x:Reference slider}, Path=Value, StringFormat='슬라이더 값 : {0:F2}'}" /> <BoxView /> <TimePicker x:Name="timePicker" /> <Label Text="{Binding Source={x:Reference timePicker}, Path=Time, StringFormat='시간 범위 : {0:c}'}" /> <BoxView /> <Entry x:Name="entry" /> <Label Text="{Binding Source={x:Reference entry}, Path=Text, StringFormat='입력 텍스트 : "{0}"'}" /> <BoxView /> <StackLayout BindingContext="{x:Static sys:DateTime.Now}"> <Label HorizontalOptions="Start" Text="{Binding}" /> <Label HorizontalOptions="Start" Text="{Binding Path=Ticks, StringFormat='1/1/1일 이후 틱 수 : {0:N0}'}" /> <Label HorizontalOptions="Start" Text="{Binding StringFormat='{{0:MMMM}} 포맷 문자열 : {0:MMMM}'}" /> <Label HorizontalOptions="Start" Text="{Binding StringFormat='긴 형식 날짜 : {0:D}'}" /> </StackLayout> <BoxView /> <StackLayout BindingContext="{x:Static sys:Math.PI}"> <Label HorizontalOptions="Start" Text="{Binding}" /> <Label HorizontalOptions="Start" Text="{Binding StringFormat='소수점 4자리 PI 값 : {0:F4}'}" /> <Label HorizontalOptions="Start" Text="{Binding StringFormat='과학점 표기 PI 값 : {0:E7}'}" /> </StackLayout> </StackLayout> </ContentPage> |
TestProject.zip
■ CollectionView 엘리먼트의 SelectionMode 속성을 사용해 복수 항목을 사전에 선택하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.Resources> <local:ImageSourceConverter x:Key="ImageSourceConverterKey" /> </ContentPage.Resources> <CollectionView x:Name="collectionView" SelectionMode="Multiple" SelectedItems="{Binding SelectedMonkeyCollection}" ItemsSource="{Binding MonkeyCollection}"> <CollectionView.ItemTemplate> <DataTemplate> <Grid Padding="10" RowDefinitions="Auto" ColumnDefinitions="Auto,10,*"> <Image Grid.Column="0" WidthRequest="60" HeightRequest="60" Aspect="AspectFill" Source="{Binding ImageURL, Converter={StaticResource ImageSourceConverterKey}}" /> <StackLayout Grid.Column="2"> <Label FontAttributes="Bold" FontSize="16" Text="{Binding Name}" /> <Label VerticalOptions="End" FontAttributes="Italic" Text="{Binding Location}" /> </StackLayout> </Grid> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView> </ContentPage> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 |
using System.Collections.ObjectModel; using System.ComponentModel; namespace TestProject; /// <summary> /// 메인 페이지 /// </summary> public partial class MainPage : ContentPage, INotifyPropertyChanged { //////////////////////////////////////////////////////////////////////////////////////////////////// Event ////////////////////////////////////////////////////////////////////////////////////////// Public #region 속성 변경시 - PropertyChanged /// <summary> /// 속성 변경시 /// </summary> public new event PropertyChangedEventHandler PropertyChanged; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 원숭이 컬렉션 /// </summary> private ObservableCollection<Monkey> monkeyCollection; /// <summary> /// 선택 원숭이 컬렉션 /// </summary> private ObservableCollection<object> selectedMonkeyCollection; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 원숭이 컬렉션 - MonkeyCollection /// <summary> /// 원숭이 컬렉션 /// </summary> public ObservableCollection<Monkey> MonkeyCollection { get { return this.monkeyCollection; } set { if(this.monkeyCollection != value) { this.monkeyCollection = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("MonkeyCollection")); } } } #endregion #region 선택 원숭이 컬렉션 - SelectedMonkeyCollection /// <summary> /// 선택 원숭이 컬렉션 /// </summary> public ObservableCollection<object> SelectedMonkeyCollection { get { return this.selectedMonkeyCollection; } set { if(this.selectedMonkeyCollection != value) { this.selectedMonkeyCollection = value; this.collectionView.UpdateSelectedItems(value); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("SelectedMonkeyCollection")); } } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainPage() /// <summary> /// 생성자 /// </summary> public MainPage() { InitializeComponent(); ObservableCollection<Monkey> monkeyCollection = new ObservableCollection<Monkey>(); for(int i = 0; i < 10; i++) { monkeyCollection.Add ( new Monkey { Name = "Baboon", Location = "Africa and Asia", ImageURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Papio_anubis_%28Serengeti%2C_2009%29.jpg/200px-Papio_anubis_%28Serengeti%2C_2009%29.jpg" } ); monkeyCollection.Add ( new Monkey { Name = "Capuchin Monkey", Location = "Central and South America", ImageURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/Capuchin_Costa_Rica.jpg/200px-Capuchin_Costa_Rica.jpg" } ); monkeyCollection.Add ( new Monkey { Name = "Blue Monkey", Location = "Central and East Africa", ImageURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/BlueMonkey.jpg/220px-BlueMonkey.jpg" } ); } MonkeyCollection = monkeyCollection; SelectedMonkeyCollection = new ObservableCollection<object> { monkeyCollection[2], monkeyCollection[3], monkeyCollection[5] }; BindingContext = this; } #endregion } |
※ CollectionView.SelectedItems 속성은 OneWay
■ CollectionView 엘리먼트의 SelectionMode 속성을 사용해 단일 항목을 사전에 선택하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.Resources> <local:ImageSourceConverter x:Key="ImageSourceConverterKey" /> </ContentPage.Resources> <CollectionView SelectionMode="Single" SelectedItem="{Binding SelectedMonkey}" ItemsSource="{Binding MonkeyCollection}"> <CollectionView.ItemTemplate> <DataTemplate> <Grid Padding="10" RowDefinitions="Auto" ColumnDefinitions="Auto,10,*"> <Image Grid.Column="0" WidthRequest="60" HeightRequest="60" Aspect="AspectFill" Source="{Binding ImageURL, Converter={StaticResource ImageSourceConverterKey}}" /> <StackLayout Grid.Column="2"> <Label FontAttributes="Bold" FontSize="16" Text="{Binding Name}" /> <Label VerticalOptions="End" FontAttributes="Italic" Text="{Binding Location}" /> </StackLayout> </Grid> </DataTemplate> </CollectionView.ItemTemplate> </CollectionView> </ContentPage> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 |
using System.Collections.ObjectModel; using System.ComponentModel; namespace TestProject; /// <summary> /// 메인 페이지 /// </summary> public partial class MainPage : ContentPage, INotifyPropertyChanged { //////////////////////////////////////////////////////////////////////////////////////////////////// Event ////////////////////////////////////////////////////////////////////////////////////////// Public #region 속성 변경시 - PropertyChanged /// <summary> /// 속성 변경시 /// </summary> public new event PropertyChangedEventHandler PropertyChanged; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 원숭이 컬렉션 /// </summary> private ObservableCollection<Monkey> monkeyCollection; /// <summary> /// 선택 원숭이 /// </summary> private Monkey selectedMonkey; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 원숭이 컬렉션 - MonkeyCollection /// <summary> /// 원숭이 컬렉션 /// </summary> public ObservableCollection<Monkey> MonkeyCollection { get { return this.monkeyCollection; } set { if(this.monkeyCollection != value) { this.monkeyCollection = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("MonkeyCollection")); } } } #endregion #region 선택 원숭이 - SelectedMonkey /// <summary> /// 선택 원숭이 /// </summary> public Monkey SelectedMonkey { get { return this.selectedMonkey; } set { if(this.selectedMonkey != value) { this.selectedMonkey = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("SelectedMonkey")); } } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainPage() /// <summary> /// 생성자 /// </summary> public MainPage() { InitializeComponent(); ObservableCollection<Monkey> monkeyCollection = new ObservableCollection<Monkey>(); for(int i = 0; i < 10; i++) { monkeyCollection.Add ( new Monkey { Name = "Baboon", Location = "Africa and Asia", ImageURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Papio_anubis_%28Serengeti%2C_2009%29.jpg/200px-Papio_anubis_%28Serengeti%2C_2009%29.jpg" } ); monkeyCollection.Add ( new Monkey { Name = "Capuchin Monkey", Location = "Central and South America", ImageURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/Capuchin_Costa_Rica.jpg/200px-Capuchin_Costa_Rica.jpg" } ); monkeyCollection.Add ( new Monkey { Name = "Blue Monkey", Location = "Central and East Africa", ImageURL = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/BlueMonkey.jpg/220px-BlueMonkey.jpg" } ); } MonkeyCollection = monkeyCollection; SelectedMonkey = MonkeyCollection[4]; BindingContext = this; } #endregion } |
TestProject.zip
■ RelativeSource 태그 확장의 Mode 속성을 사용해 자기 자신을 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)
|
1 2 3 4 5 6 |
<SearchBar Placeholder="Filter" SearchCommandParameter="{Binding Source={RelativeSource Self}, Path=Text}" SearchCommand="{Binding FilterCommand}" /> |
■ Switch 엘리먼트에서 바인딩을 사용하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"> <StackLayout HorizontalOptions="Center" VerticalOptions="Center" Margin="10" Spacing="10"> <Switch x:Name="styleSwitch" HorizontalOptions="Center" /> <Label HorizontalOptions="Start" Text="Lorem ipsum dolor sit amet, elit rutrum, enim hendrerit augue vitae praesent sed non, lorem aenean quis praesent pede."> <Label.Triggers> <DataTrigger TargetType="Label" Binding="{Binding Source={x:Reference styleSwitch}, Path=IsToggled}" Value="true"> <Setter Property="FontAttributes" Value="Italic,Bold" /> <Setter Property="FontSize" Value="18" /> </DataTrigger> </Label.Triggers> </Label> </StackLayout> </ContentPage> |
TestProject.zip
■ Stepper 엘리먼트에서 바인딩을 사용하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"> <Grid Margin="10" RowDefinitions="*,*,10,Auto,10,Auto,*"> <Label x:Name="rotatingLabel" Grid.Row="1" HorizontalOptions="Center" VerticalOptions="Center" Rotation="{Binding Source={x:Reference stepper}, Path=Value}" FontSize="18" Text="ROTATING TEXT" /> <Stepper x:Name="stepper" Grid.Row="3" HorizontalOptions="Center" Maximum="360" Increment="30" /> <Label x:Name="displayLabel" Grid.Row="5" HorizontalOptions="Center" Text="{Binding Source={x:Reference stepper}, Path=Value, StringFormat='스테퍼 값 : {0 :F0}'}" /> </Grid> </ContentPage> |
TestProject.zip
■ Slider 엘리먼트에서 바인딩을 사용하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"> <Grid Margin="10" RowDefinitions="*,*,10,Auto,10,Auto,*"> <Label x:Name="rotatingLabel" Grid.Row="1" HorizontalOptions="Center" VerticalOptions="Center" Rotation="{Binding Source={x:Reference slider}, Path=Value}" FontSize="18" Text="ROTATING TEXT" /> <Slider x:Name="slider" Grid.Row="3" Maximum="360" /> <Label x:Name="displayLabel" Grid.Row="5" HorizontalOptions="Center" Text="{Binding Source={x:Reference slider}, Path=Value, StringFormat='슬라이더 값 : {0 :F0}'}" /> </Grid> </ContentPage> |
TestProject.zip
■ MultiBinding 클래스의 StringFormat 속성을 사용하는 방법을 보여준다. ▶ Employee.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
namespace TestProject { /// <summary> /// 직원 /// </summary> public class Employee { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 이름 - FirstName /// <summary> /// 이름 /// </summary> public string FirstName { get; set; } #endregion #region 성 - LastName /// <summary> /// 성 /// </summary> public string LastName { get; set; } #endregion } } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"> <Label x:Name="label" HorizontalOptions="Center" VerticalOptions="Center" FontSize="32" /> </ContentPage> |
▶ MainPage.xaml.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
using System.Collections.ObjectModel; namespace TestProject; /// <summary> /// 메인 페이지 /// </summary> public partial class MainPage : ContentPage { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainPage() /// <summary> /// 생성자 /// </summary> public MainPage() { InitializeComponent(); BindingContext = new Employee { FirstName = "길동", LastName = "홍" }; this.label.SetBinding ( Label.TextProperty, new MultiBinding { Bindings = new Collection<BindingBase> { new Binding("LastName" ), new Binding("FirstName") }, StringFormat = "{0} {1}" } ); } #endregion } |
TestProject.zip
■ x:DataType 속성에서 컴파일된 바인딩과 클래식 바인딩을 함께 사용하는 방법을 보여준다. ▶ NamedColor.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 |
using System.Reflection; using System.Text; namespace TestProject; /// <summary> /// 이름있는 색상 /// </summary> public class NamedColor : IEquatable<NamedColor>, IComparable<NamedColor> { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 이름있는 색상 리스트 - NamedColorList /// <summary> /// 이름있는 색상 리스트 /// </summary> public static IList<NamedColor> NamedColorList { private set; get; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Public #region 명칭 - Name /// <summary> /// 명칭 /// </summary> public string Name { private set; get; } #endregion #region 친숙한 명칭 - FriendlyName /// <summary> /// 친숙한 명칭 /// </summary> public string FriendlyName { private set; get; } #endregion #region 색상 - Color /// <summary> /// 색상 /// </summary> public Color Color { private set; get; } #endregion #region RGB 디스플레이 - RGBDisplay /// <summary> /// RGB 디스플레이 /// </summary> public string RGBDisplay { private set; get; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Static #region 생성자 - NamedColor() /// <summary> /// 생성자 /// </summary> static NamedColor() { List<NamedColor> namedColorList = new List<NamedColor>(); StringBuilder stringBuilder = new StringBuilder(); foreach(FieldInfo fieldInfo in typeof(Colors).GetRuntimeFields()) { if(fieldInfo.IsPublic && fieldInfo.IsStatic && fieldInfo.FieldType == typeof(Color)) { string name = fieldInfo.Name; stringBuilder.Clear(); int index = 0; foreach(char character in name) { if(index != 0 && Char.IsUpper(character)) { stringBuilder.Append(' '); } stringBuilder.Append(character); index++; } Color color = (Color)fieldInfo.GetValue(null); NamedColor namedColor = new NamedColor { Name = name, FriendlyName = stringBuilder.ToString(), Color = color, RGBDisplay = string.Format ( "{0:X2}-{1:X2}-{2:X2}", (int)(255 * color.Red ), (int)(255 * color.Green), (int)(255 * color.Blue ) ) }; namedColorList.Add(namedColor); } } namedColorList.TrimExcess(); namedColorList.Sort(); NamedColorList = namedColorList; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Private #region 생성자 - NamedColor() /// <summary> /// 생성자 /// </summary> private NamedColor() { } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 찾기 - Find(name) /// <summary> /// 찾기 /// </summary> /// <param name="name">명칭</param> /// <returns>이름있는 색상</returns> public static NamedColor Find(string name) { return ((List<NamedColor>)NamedColorList).Find(nc => nc.Name == name); } #endregion #region 최근접 색상명 구하기 - GetNearestColorName(color) /// <summary> /// 최근접 색상명 구하기 /// </summary> /// <param name="color">색상</param> /// <returns>최근접 색상명</returns> public static string GetNearestColorName(Color color) { double shortestDistance = 1000; NamedColor closestColor = null; foreach(NamedColor namedColor in NamedColor.NamedColorList) { double distance = Math.Sqrt ( Math.Pow(color.Red - namedColor.Color.Red , 2) + Math.Pow(color.Green - namedColor.Color.Green, 2) + Math.Pow(color.Blue - namedColor.Color.Blue , 2) ); if(distance < shortestDistance) { shortestDistance = distance; closestColor = namedColor; } } return closestColor.Name; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Public #region 동일 여부 구하기 - Equals(other) /// <summary> /// 동일 여부 구하기 /// </summary> /// <param name="other">다른 이름있는 색상</param> /// <returns>동일 여부</returns> public bool Equals(NamedColor other) { return Name.Equals(other.Name); } #endregion #region 비교하기 - CompareTo(other) /// <summary> /// 비교하기 /// </summary> /// <param name="other">다른 이름있는 색상</param> /// <returns>비교 결과</returns> public int CompareTo(NamedColor other) { return Name.CompareTo(other.Name); } #endregion } |
▶ FloatToIntegerConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
using System.Globalization; namespace TestProject; /// <summary> /// 단정도 실수↔정수 변환자 /// </summary> public class FloatToIntegerConverter : IValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { return (int)Math.Round((float)sourceValue * GetParameter(parameter)); } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object ConvertBack(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { return (int)sourceValue / GetParameter(parameter); } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 매개 변수 구하기 - GetParameter(parameter) /// <summary> /// 매개 변수 구하기 /// </summary> /// <param name="parameter">매개 변수</param> /// <returns>매개 변수</returns> private double GetParameter(object parameter) { if(parameter is float) { return (float)parameter; } else if(parameter is int) { return (int)parameter; } else if(parameter is string) { return float.Parse((string)parameter); } return 1; } #endregion } |
▶ RGBColorViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 |
using System.ComponentModel; namespace TestProject; /// <summary> /// RGB 색상 뷰 모델 /// </summary> public class RGBColorViewModel : INotifyPropertyChanged { //////////////////////////////////////////////////////////////////////////////////////////////////// Event ////////////////////////////////////////////////////////////////////////////////////////// Public #region 속성 변경시 - PropertyChanged /// <summary> /// 속성 변경시 /// </summary> public event PropertyChangedEventHandler PropertyChanged; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 색상 /// </summary> private Color color; /// <summary> /// 명칭 /// </summary> private string name; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 적색 - Red /// <summary> /// 적색 /// </summary> public float Red { get { return this.color.Red; } set { if(this.color.Red != value) { Color = new Color(value, this.color.Green, this.color.Blue); } } } #endregion #region 녹색 - Green /// <summary> /// 녹색 /// </summary> public float Green { get { return this.color.Green; } set { if(this.color.Green != value) { Color = new Color(this.color.Red, value, this.color.Blue); } } } #endregion #region 청색 - Blue /// <summary> /// 청색 /// </summary> public float Blue { get { return this.color.Blue; } set { if(this.color.Blue != value) { Color = new Color(this.color.Red, this.color.Green, value); } } } #endregion #region 색상 - Color /// <summary> /// 색상 /// </summary> public Color Color { get { return this.color; } set { if(this.color != value) { this.color = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Red" )); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Green")); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Blue" )); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Color")); Name = NamedColor.GetNearestColorName(this.color); } } } #endregion #region 명칭 - Name /// <summary> /// 명칭 /// </summary> public string Name { get { return this.name; } private set { if(this.name != value) { this.name = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Name")); } } } #endregion } |
▶ MainPage.xaml
■ x:DataType 속성을 DataTemplate 엘리먼트에서 사용하는 방법을 보여준다. ▶ NamedColor.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 |
using System.Reflection; namespace TestProject; /// <summary> /// 이름있는 색상 /// </summary> public class NamedColor { //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 이름있는 색상 배열 /// </summary> private static NamedColor[] _namedColorArray; #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 명칭 /// </summary> private string name; /// <summary> /// 색상 /// </summary> private Color color; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 이름있는 색상 배열 - NamedColorArray /// <summary> /// 이름있는 색상 배열 /// </summary> public static NamedColor[] NamedColorArray { get { return _namedColorArray; } } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Public #region 명칭 - Name /// <summary> /// 명칭 /// </summary> public string Name { get { string name = this.name[0].ToString(); for(int i = 1; i < this.name.Length; i++) { name += (char.IsUpper(this.name[i]) ? " " : "") + this.name[i].ToString(); } return name; } } #endregion #region 색상 - Color /// <summary> /// 색상 /// </summary> public Color Color { get { return this.color; } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Static #region 생성자 - NamedColor() /// <summary> /// 생성자 /// </summary> static NamedColor() { FieldInfo[] fieldInfoArray = typeof(Colors).GetFields(BindingFlags.Static | BindingFlags.Public); _namedColorArray = new NamedColor[fieldInfoArray.Length]; for(int i = 0; i < fieldInfoArray.Length; i++) { _namedColorArray[i] = new NamedColor ( fieldInfoArray[i].Name, (Color)fieldInfoArray[i].GetValue(null) ); } } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Private #region 생성자 - NamedColor(name, color) /// <summary> /// 생성자 /// </summary> /// <param name="name">명칭</param> /// <param name="color">색상</param> private NamedColor(string name, Color color) { this.name = name; this.color = color; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 문자열 구하기 - ToString() /// <summary> /// 문자열 구하기 /// </summary> /// <returns>문자열</returns> public override string ToString() { return this.name; } #endregion } |
▶ ColorToStringConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
using System.Globalization; namespace TestProject; /// <summary> /// 색상→문자열 변환자 /// </summary> public class ColorToStringConverter : IValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - (sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { Color color = sourceValue as Color; if(color == null) { return null; } int alpha = (int)Math.Round(255 * color.Alpha); int red = (int)Math.Round(255 * color.Red ); int green = (int)Math.Round(255 * color.Green); int blue = (int)Math.Round(255 * color.Blue ); return $"{alpha:X2}:{red:X2}:{green:X2}:{blue:X2}"; } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> /// <exception cref="NotImplementedException">미구현 예외</exception> public object ConvertBack(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { throw new NotImplementedException(); } #endregion } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.Resources> <x:Double x:Key="BoxSizeKey">50</x:Double> <x:Int32 x:Key="RowHeightKey">60</x:Int32> <local:ColorToStringConverter x:Key="ColorToStringConverterKey" /> </ContentPage.Resources> <ListView RowHeight="{StaticResource RowHeightKey}" ItemsSource="{x:Static local:NamedColor.NamedColorArray}"> <ListView.ItemTemplate> <DataTemplate x:DataType="local:NamedColor"> <ViewCell> <StackLayout Orientation="Horizontal" Padding="5,5,0,5" Spacing="15"> <BoxView WidthRequest="{StaticResource BoxSizeKey}" HeightRequest="{StaticResource BoxSizeKey}" Color="{Binding Color}" /> <StackLayout VerticalOptions="Center" Padding="5,0,0,0"> <Label FontSize="Medium" FontAttributes="Bold" Text="{Binding Name}" /> <Label Text="{Binding Color, Converter={StaticResource ColorToStringConverterKey}}" /> </StackLayout> </StackLayout> </ViewCell> </DataTemplate> </ListView.ItemTemplate> </ListView> </ContentPage> |
TestProject.zip
■ x:DataType 속성에서 컴파일된 바인딩을 사용하는 방법을 보여준다. ▶ NamedColor.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 |
using System.Reflection; using System.Text; namespace TestProject; /// <summary> /// 이름있는 색상 /// </summary> public class NamedColor : IEquatable<NamedColor>, IComparable<NamedColor> { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 이름있는 색상 리스트 - NamedColorList /// <summary> /// 이름있는 색상 리스트 /// </summary> public static IList<NamedColor> NamedColorList { private set; get; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Public #region 명칭 - Name /// <summary> /// 명칭 /// </summary> public string Name { private set; get; } #endregion #region 친숙한 명칭 - FriendlyName /// <summary> /// 친숙한 명칭 /// </summary> public string FriendlyName { private set; get; } #endregion #region 색상 - Color /// <summary> /// 색상 /// </summary> public Color Color { private set; get; } #endregion #region RGB 디스플레이 - RGBDisplay /// <summary> /// RGB 디스플레이 /// </summary> public string RGBDisplay { private set; get; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Static #region 생성자 - NamedColor() /// <summary> /// 생성자 /// </summary> static NamedColor() { List<NamedColor> namedColorList = new List<NamedColor>(); StringBuilder stringBuilder = new StringBuilder(); foreach(FieldInfo fieldInfo in typeof(Colors).GetRuntimeFields()) { if(fieldInfo.IsPublic && fieldInfo.IsStatic && fieldInfo.FieldType == typeof(Color)) { string name = fieldInfo.Name; stringBuilder.Clear(); int index = 0; foreach(char character in name) { if(index != 0 && Char.IsUpper(character)) { stringBuilder.Append(' '); } stringBuilder.Append(character); index++; } Color color = (Color)fieldInfo.GetValue(null); NamedColor namedColor = new NamedColor { Name = name, FriendlyName = stringBuilder.ToString(), Color = color, RGBDisplay = string.Format ( "{0:X2}-{1:X2}-{2:X2}", (int)(255 * color.Red ), (int)(255 * color.Green), (int)(255 * color.Blue ) ) }; namedColorList.Add(namedColor); } } namedColorList.TrimExcess(); namedColorList.Sort(); NamedColorList = namedColorList; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Private #region 생성자 - NamedColor() /// <summary> /// 생성자 /// </summary> private NamedColor() { } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Static //////////////////////////////////////////////////////////////////////////////// Public #region 찾기 - Find(name) /// <summary> /// 찾기 /// </summary> /// <param name="name">명칭</param> /// <returns>이름있는 색상</returns> public static NamedColor Find(string name) { return ((List<NamedColor>)NamedColorList).Find(nc => nc.Name == name); } #endregion #region 최근접 색상명 구하기 - GetNearestColorName(color) /// <summary> /// 최근접 색상명 구하기 /// </summary> /// <param name="color">색상</param> /// <returns>최근접 색상명</returns> public static string GetNearestColorName(Color color) { double shortestDistance = 1000; NamedColor closestColor = null; foreach(NamedColor namedColor in NamedColor.NamedColorList) { double distance = Math.Sqrt ( Math.Pow(color.Red - namedColor.Color.Red , 2) + Math.Pow(color.Green - namedColor.Color.Green, 2) + Math.Pow(color.Blue - namedColor.Color.Blue , 2) ); if(distance < shortestDistance) { shortestDistance = distance; closestColor = namedColor; } } return closestColor.Name; } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Instance //////////////////////////////////////////////////////////////////////////////// Public #region 동일 여부 구하기 - Equals(other) /// <summary> /// 동일 여부 구하기 /// </summary> /// <param name="other">다른 이름있는 색상</param> /// <returns>동일 여부</returns> public bool Equals(NamedColor other) { return Name.Equals(other.Name); } #endregion #region 비교하기 - CompareTo(other) /// <summary> /// 비교하기 /// </summary> /// <param name="other">다른 이름있는 색상</param> /// <returns>비교 결과</returns> public int CompareTo(NamedColor other) { return Name.CompareTo(other.Name); } #endregion } |
▶ FloatToIntegerConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
using System.Globalization; namespace TestProject; /// <summary> /// 단정도 실수↔정수 변환자 /// </summary> public class FloatToIntegerConverter : IValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { return (int)Math.Round((float)sourceValue * GetParameter(parameter)); } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object ConvertBack(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { return (int)sourceValue / GetParameter(parameter); } #endregion ////////////////////////////////////////////////////////////////////////////////////////// Private #region 매개 변수 구하기 - GetParameter(parameter) /// <summary> /// 매개 변수 구하기 /// </summary> /// <param name="parameter">매개 변수</param> /// <returns>매개 변수</returns> private double GetParameter(object parameter) { if(parameter is float) { return (float)parameter; } else if(parameter is int) { return (int)parameter; } else if(parameter is string) { return float.Parse((string)parameter); } return 1; } #endregion } |
▶ RGBColorViewModel.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 |
using System.ComponentModel; namespace TestProject; /// <summary> /// RGB 색상 뷰 모델 /// </summary> public class RGBColorViewModel : INotifyPropertyChanged { //////////////////////////////////////////////////////////////////////////////////////////////////// Event ////////////////////////////////////////////////////////////////////////////////////////// Public #region 속성 변경시 - PropertyChanged /// <summary> /// 속성 변경시 /// </summary> public event PropertyChangedEventHandler PropertyChanged; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// 색상 /// </summary> private Color color; /// <summary> /// 명칭 /// </summary> private string name; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 적색 - Red /// <summary> /// 적색 /// </summary> public float Red { get { return this.color.Red; } set { if(this.color.Red != value) { Color = new Color(value, this.color.Green, this.color.Blue); } } } #endregion #region 녹색 - Green /// <summary> /// 녹색 /// </summary> public float Green { get { return this.color.Green; } set { if(this.color.Green != value) { Color = new Color(this.color.Red, value, this.color.Blue); } } } #endregion #region 청색 - Blue /// <summary> /// 청색 /// </summary> public float Blue { get { return this.color.Blue; } set { if(this.color.Blue != value) { Color = new Color(this.color.Red, this.color.Green, value); } } } #endregion #region 색상 - Color /// <summary> /// 색상 /// </summary> public Color Color { get { return this.color; } set { if(this.color != value) { this.color = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Red" )); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Green")); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Blue" )); PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Color")); Name = NamedColor.GetNearestColorName(this.color); } } } #endregion #region 명칭 - Name /// <summary> /// 명칭 /// </summary> public string Name { get { return this.name; } private set { if(this.name != value) { this.name = value; PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Name")); } } } #endregion } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject" x:DataType="local:RGBColorViewModel"> <ContentPage.BindingContext> <local:RGBColorViewModel Color="Orange" /> </ContentPage.BindingContext> <ContentPage.Resources> <Style TargetType="Slider"> <Setter Property="VerticalOptions" Value="Center" /> </Style> <Style TargetType="Label"> <Setter Property="HorizontalTextAlignment" Value="Center" /> </Style> <local:FloatToIntegerConverter x:Key="FloatToIntegerConverterKey" /> </ContentPage.Resources> <StackLayout HorizontalOptions="Center" VerticalOptions="Center"> <BoxView Color="{Binding Color}" HeightRequest="300" WidthRequest="300" HorizontalOptions="Center" /> <StackLayout Margin="0,10,0,0"> <Label Text="{Binding Name}" /> <Slider Margin="0,30,0,0" Value="{Binding Red}" /> <Label Text="{Binding Red, Converter={StaticResource FloatToIntegerConverterKey}, ConverterParameter=255, StringFormat='적색 : {0:X2}'}" /> <Slider Margin="0,10,0,0" Value="{Binding Green}" /> <Label Text="{Binding Green, Converter={StaticResource FloatToIntegerConverterKey}, ConverterParameter=255, StringFormat='녹색 : {0:X2}'}" /> <Slider Margin="0,10,0,0" Value="{Binding Blue}" /> <Label> <Label.Text> <Binding Path="Blue" StringFormat="청색 : {0:X2}" Converter="{StaticResource FloatToIntegerConverterKey}"> <Binding.ConverterParameter> <x:Single>255</x:Single> </Binding.ConverterParameter> </Binding> </Label.Text> </Label> </StackLayout> </StackLayout> </ContentPage> |
TestProject.zip
■ MultiBinding 엘리먼트의 StringFormat 속성을 사용하는 방법을 보여준다. ▶ Employee.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
namespace TestProject { /// <summary> /// 직원 /// </summary> public class Employee { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 이름 - FirstName /// <summary> /// 이름 /// </summary> public string FirstName { get; set; } #endregion #region 성 - LastName /// <summary> /// 성 /// </summary> public string LastName { get; set; } #endregion } } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.BindingContext> <local:Employee FirstName="길동" LastName="홍" /> </ContentPage.BindingContext> <Label HorizontalOptions="Center" VerticalOptions="Center" FontSize="32"> <Label.Text> <MultiBinding StringFormat="{}{0} {1}"> <Binding Path="LastName" /> <Binding Path="FirstName" /> </MultiBinding> </Label.Text> </Label> </ContentPage> |
TestProject.zip
■ MultiBinding 클래스의 Converter 속성을 사용하는 방법을 보여준다. ▶ Employee.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
namespace TestProject { /// <summary> /// 직원 /// </summary> public class Employee { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 16세 이상 - IsOver16 /// <summary> /// 16세 이상 /// </summary> public bool IsOver16 { get; set; } #endregion #region 테스트 통과 여부 - HasPassedTest /// <summary> /// 테스트 통과 여부 /// </summary> public bool HasPassedTest { get; set; } #endregion #region 일시 중단 여부 - IsSuspended /// <summary> /// 일시 중단 여부 /// </summary> public bool IsSuspended { get; set; } #endregion } } |
▶ InverseBooleanConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
using System.Globalization; namespace TestProject; /// <summary> /// 진리 값 반전 변환자 /// </summary> public class InverseBooleanConverter : IValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { if(sourceValue is bool?) { bool? boolNullable = (bool?)sourceValue; return boolNullable.HasValue ? !boolNullable.Value : true; } if(sourceValue.GetType() == typeof(bool)) { return !((bool)sourceValue); } return true; } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object ConvertBack(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { if(sourceValue == null) { return true; } if(sourceValue is bool?) { bool? boolNullable = (bool?)sourceValue; return boolNullable.HasValue ? !boolNullable.Value : true; } if(sourceValue.GetType() == typeof(bool)) { return !((bool)sourceValue); } return true; } #endregion } |
▶ MultipleValueAllTrueConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
using System.Globalization; namespace TestProject; /// <summary> /// 다중 값이 모두 참인 경우 변환자 /// </summary> public class MultipleValueAllTrueConverter : IMultiValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValueArray, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValueArray">소스 값 배열</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object[] sourceValueArray, Type targetType, object parameter, CultureInfo cultureInfo) { if(sourceValueArray == null || !targetType.IsAssignableFrom(typeof(bool))) { return false; } foreach(object sourceValue in sourceValueArray) { if(!(sourceValue is bool booleanValue)) { return false; } else if(!booleanValue) { return false; } } return true; } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetTypeValue, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetTypeArray">타겟 타입 배열</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object[] ConvertBack(object sourceValue, Type[] targetTypeArray, object parameter, CultureInfo cultureInfo) { if(!(sourceValue is bool booleanValue) || targetTypeArray.Any(targetType => !targetType.IsAssignableFrom(typeof(bool)))) { return null; } if(booleanValue) { return targetTypeArray.Select(t => (object)true).ToArray(); } else { return null; } } #endregion } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"> <StackLayout HorizontalOptions="Center" VerticalOptions="Center" Orientation="Horizontal"> <Label VerticalOptions="Center" Text="16세 이상, 테스트 통과, 일시 중단 없음" /> <CheckBox x:Name="checkBox" Margin="10,0,0,0" VerticalOptions="Center" /> </StackLayout> </ContentPage> |
▶ MainPage.xaml.cs
■ MultiBinding 엘리먼트의 Converter 속성에서 복수 값이 모두 참인 경우 변환자를 사용하는 방법을 보여준다. ▶ Employee.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
namespace TestProject { /// <summary> /// 직원 /// </summary> public class Employee { //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region 16세 이상 - IsOver16 /// <summary> /// 16세 이상 /// </summary> public bool IsOver16 { get; set; } #endregion #region 테스트 통과 여부 - HasPassedTest /// <summary> /// 테스트 통과 여부 /// </summary> public bool HasPassedTest { get; set; } #endregion #region 일시 중단 여부 - IsSuspended /// <summary> /// 일시 중단 여부 /// </summary> public bool IsSuspended { get; set; } #endregion } } |
▶ InverseBooleanConverter.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
using System.Globalization; namespace TestProject; /// <summary> /// 진리 값 반전 변환자 /// </summary> public class InverseBooleanConverter : IValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { if(sourceValue is bool?) { bool? boolNullable = (bool?)sourceValue; return boolNullable.HasValue ? !boolNullable.Value : true; } if(sourceValue.GetType() == typeof(bool)) { return !((bool)sourceValue); } return true; } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetType, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object ConvertBack(object sourceValue, Type targetType, object parameter, CultureInfo cultureInfo) { if(sourceValue == null) { return true; } if(sourceValue is bool?) { bool? boolNullable = (bool?)sourceValue; return boolNullable.HasValue ? !boolNullable.Value : true; } if(sourceValue.GetType() == typeof(bool)) { return !((bool)sourceValue); } return true; } #endregion } |
▶ MultipleValueAllTrueConverter.cs
■ IMultiValueConverter 인터페이스를 사용해 복수 값이 모두 참인 경우 변환자를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 |
using System.Globalization; /// <summary> /// 다중 값이 모두 참인 경우 변환자 /// </summary> public class MultipleValueAllTrueConverter : IMultiValueConverter { //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Public #region 변환하기 - Convert(sourceValueArray, targetType, parameter, cultureInfo) /// <summary> /// 변환하기 /// </summary> /// <param name="sourceValueArray">소스 값 배열</param> /// <param name="targetType">타겟 타입</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>변환 값</returns> public object Convert(object[] sourceValueArray, Type targetType, object parameter, CultureInfo cultureInfo) { if(sourceValueArray == null || !targetType.IsAssignableFrom(typeof(bool))) { return false; } foreach(object sourceValue in sourceValueArray) { if(!(sourceValue is bool booleanValue)) { return false; } else if(!booleanValue) { return false; } } return true; } #endregion #region 역변환하기 - ConvertBack(sourceValue, targetTypeValue, parameter, cultureInfo) /// <summary> /// 역변환하기 /// </summary> /// <param name="sourceValue">소스 값</param> /// <param name="targetTypeArray">타겟 타입 배열</param> /// <param name="parameter">매개 변수</param> /// <param name="cultureInfo">문화 정보</param> /// <returns>역변환 값</returns> public object[] ConvertBack(object sourceValue, Type[] targetTypeArray, object parameter, CultureInfo cultureInfo) { if(!(sourceValue is bool booleanValue) || targetTypeArray.Any(targetType => !targetType.IsAssignableFrom(typeof(bool)))) { return null; } if(booleanValue) { return targetTypeArray.Select(t => (object)true).ToArray(); } else { return null; } } #endregion } |
■ Binding 태그 확장의 TargetNullValue 속성을 사용해 NULL 바인딩시 대체 값을 설정하는 방법을 보여준다. ▶ Employee.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
using System.ComponentModel; namespace TestProject; /// <summary> /// 직원 /// </summary> public class Employee : INotifyPropertyChanged { //////////////////////////////////////////////////////////////////////////////////////////////////// Event ////////////////////////////////////////////////////////////////////////////////////////// Public #region 속성 변경시 이벤트 - PropertyChanged /// <summary> /// 속성 변경시 이벤트 /// </summary> public event PropertyChangedEventHandler PropertyChanged; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// ID /// </summary> private int id; /// <summary> /// 성명 /// </summary> private string name; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get { return this.id; } set { if(this.id == value) { return; } this.id = value; FirePropertyChangedEvent(nameof(ID)); } } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> public string Name { get { return this.name; } set { if(this.name == value) { return; } this.name = value; FirePropertyChangedEvent(nameof(Name)); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName) /// <summary> /// 속성 변경시 이벤트 발생시키기 /// </summary> /// <param name="propertyName">속성명</param> protected void FirePropertyChangedEvent(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } #endregion } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" x:Name="page" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.BindingContext> <local:Employee ID="1" Name="{x:Null}" /> </ContentPage.BindingContext> <Grid HorizontalOptions="Center" VerticalOptions="Center"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="10" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="10" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Label Grid.Row="0" Grid.Column="0" Text="ID" /> <Label Grid.Row="0" Grid.Column="2" Text="{Binding ID}" /> <Label Grid.Row="2" Grid.Column="0" Text="성명" /> <Label Grid.Row="2" Grid.Column="2" Text="{Binding Name, TargetNullValue=무명인}" /> </Grid> </ContentPage> |
TestProject.zip
■ Binding 태그 확장의 FallbackValue 속성을 사용해 바인딩 오류시 대체 값을 설정하는 방법을 보여준다. ▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" x:Name="page" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <Grid HorizontalOptions="Center" VerticalOptions="Center"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="10" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="10" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Label Grid.Row="0" Grid.Column="0" Text="ID" /> <Label Grid.Row="0" Grid.Column="2" Text="{Binding ID, FallbackValue=(NULL)}" /> <Label Grid.Row="2" Grid.Column="0" Text="성명" /> <Label Grid.Row="2" Grid.Column="2" Text="{Binding Name, FallbackValue=(NULL)}" /> </Grid> </ContentPage> |
TestProject.zip
■ RelativeSource 태그 확장의 Mode 속성을 사용해 조상 엘리먼트를 참조하는 방법을 보여준다. ▶ Employee.cs
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
using System.ComponentModel; namespace TestProject; /// <summary> /// 직원 /// </summary> public class Employee : INotifyPropertyChanged { //////////////////////////////////////////////////////////////////////////////////////////////////// Event ////////////////////////////////////////////////////////////////////////////////////////// Public #region 속성 변경시 이벤트 - PropertyChanged /// <summary> /// 속성 변경시 이벤트 /// </summary> public event PropertyChangedEventHandler PropertyChanged; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Field ////////////////////////////////////////////////////////////////////////////////////////// Private #region Field /// <summary> /// ID /// </summary> private int id; /// <summary> /// 성명 /// </summary> private string name; #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Property ////////////////////////////////////////////////////////////////////////////////////////// Public #region ID - ID /// <summary> /// ID /// </summary> public int ID { get { return this.id; } set { if(this.id == value) { return; } this.id = value; FirePropertyChangedEvent(nameof(ID)); } } #endregion #region 성명 - Name /// <summary> /// 성명 /// </summary> public string Name { get { return this.name; } set { if(this.name == value) { return; } this.name = value; FirePropertyChangedEvent(nameof(Name)); } } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Protected #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName) /// <summary> /// 속성 변경시 이벤트 발생시키기 /// </summary> /// <param name="propertyName">속성명</param> protected void FirePropertyChangedEvent(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } #endregion } |
▶ MainPage.xaml
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<?xml version="1.0" encoding="utf-8" ?> <ContentPage x:Class="TestProject.MainPage" x:Name="page" xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:TestProject"> <ContentPage.BindingContext> <local:Employee ID="1" Name="홍길동" /> </ContentPage.BindingContext> <Grid HorizontalOptions="Center" VerticalOptions="Center"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="10" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="10" /> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <Label Grid.Row="0" Grid.Column="0" Text="ID" /> <Label Grid.Row="0" Grid.Column="2" Text="{Binding Source={x:RelativeSource Mode=FindAncestor, AncestorType={x:Type ContentPage}}, Path=BindingContext.ID}" /> <Label Grid.Row="2" Grid.Column="0" Text="성명" /> <Label Grid.Row="2" Grid.Column="2" Text="{Binding Source={x:RelativeSource Mode=FindAncestor, AncestorType={x:Type ContentPage}}, Path=BindingContext.Name}" /> </Grid> </ContentPage> |
TestProject.zip