MICROSOFT Archives - 30 중 4 번째 페이지

[C#/MAUI/.NET6] PanGestureRecognizer 클래스 : PanUpdated 이벤트를 사용해 패닝 처리하기 (기능 개선)

■ PanGestureRecognizer 클래스의 PanUpdated 이벤트를 사용해 패닝을 처리하는 방법을 보여준다. (기능 개선) ▶ PanContentView.cs


namespace TestProject;

/// <summary>
/// 패닝 컨텐트 뷰
/// </summary>
public class PanContentView : Frame
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 현재 X
    /// </summary>
    private double currentX;

    /// <summary>
    /// 현재 Y
    /// </summary>
    private double currentY;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - PanContentView()

    /// <summary>
    /// 생성자
    /// </summary>
    public PanContentView()
    {
        Padding           = new Thickness(0);
        IsClippedToBounds = true;

        PanGestureRecognizer recognizer = new PanGestureRecognizer();

        recognizer.PanUpdated += recognizer_PanUpdated;

        GestureRecognizers.Add(recognizer);
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 인식기 패닝 업데이트시 처리하기 - recognizer_PanUpdated(sender, e)

    /// <summary>
    /// 인식기 패닝 업데이트시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void recognizer_PanUpdated(object sender, PanUpdatedEventArgs e)
    {
        switch(e.StatusType)
        {
            case GestureStatus.Running :

                Content.TranslationX = Math.Max(Math.Min(0, this.currentX + e.TotalX), -Math.Abs(Content.Width  - Width ));
                Content.TranslationY = Math.Max(Math.Min(0, this.currentY + e.TotalY), -Math.Abs(Content.Height - Height));

                break;

            case GestureStatus.Completed :

                this.currentX = Content.TranslationX;
                this.currentY = Content.TranslationY;

                break;
        }
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 패닝 컨텐트 뷰

/// </summary>

public class PanContentView : Frame

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 현재 X

/// </summary>

private double currentX;

/// <summary>

/// 현재 Y

/// </summary>

private double currentY;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - PanContentView()

/// <summary>

/// 생성자

/// </summary>

public PanContentView()

{

Padding = new Thickness(0);

IsClippedToBounds = true;

PanGestureRecognizer recognizer = new PanGestureRecognizer();

recognizer.PanUpdated += recognizer_PanUpdated;

GestureRecognizers.Add(recognizer);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 인식기 패닝 업데이트시 처리하기 - recognizer_PanUpdated(sender, e)

/// <summary>

/// 인식기 패닝 업데이트시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void recognizer_PanUpdated(object sender, PanUpdatedEventArgs e)

{

switch(e.StatusType)

{

case GestureStatus.Running :

Content.TranslationX = Math.Max(Math.Min(0, this.currentX + e.TotalX), -Math.Abs(Content.Width - Width ));

Content.TranslationY = Math.Max(Math.Min(0, this.currentY + e.TotalY), -Math.Abs(Content.Height - Height));

break;

case GestureStatus.Completed :

this.currentX = Content.TranslationX;

this.currentY = Content.TranslationY;

break;

}

#endregion

}

▶ MainPage.xaml


<?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">
    <local:PanContentView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="300"
        HeightRequest="300">
        <Image Source="source.png"
            HorizontalOptions="Start"
            VerticalOptions="Start"
            WidthRequest="1920"
            HeightRequest="1280" />
    </local:PanContentView>
</ContentPage>

<?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">

<local:PanContentView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="300"

HeightRequest="300">

<Image Source="source.png"

HorizontalOptions="Start"

VerticalOptions="Start"

WidthRequest="1920"

HeightRequest="1280" />

</local:PanContentView>

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] ICommand 인터페이스 사용하기

■ ICommand 인터페이스를 사용하는 방법을 보여준다. ▶ PersonModel.cs


using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace TestProject;

/// <summary>
/// 사람 모델
/// </summary>
public class PersonModel : INotifyPropertyChanged
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Event
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 속성 변경시 - PropertyChanged

    /// <summary>
    /// 속성 변경시
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 성명
    /// </summary>
    private string name;

    /// <summary>
    /// 나이
    /// </summary>
    private double age;

    /// <summary>
    /// 기술
    /// </summary>
    private string skill;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 성명 - Name

    /// <summary>
    /// 성명
    /// </summary>
    public string Name
    {
        get
        {
            return this.name;
        }
        set
        {
            SetPropertyValue(ref this.name, value);
        }
    }

    #endregion
    #region 나이 - Age

    /// <summary>
    /// 나이
    /// </summary>
    public double Age
    {
        get
        {
            return this.age;
        }
        set
        {
            SetPropertyValue(ref this.age, value);
        }
    }

    #endregion
    #region 기술 - Skill

    /// <summary>
    /// 기술
    /// </summary>
    public string Skill
    {
        get
        {
            return this.skill;
        }
        set
        {
            SetPropertyValue(ref this.skill, value);
        }
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 문자열 구하기 - ToString()

    /// <summary>
    /// 문자열 구하기
    /// </summary>
    /// <returns>문자열</returns>
    public override string ToString()
    {
        return $"{Name}, {Age}세";
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Protected

    #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

    /// <summary>
    /// 속성 변경시 이벤트 발생시키기
    /// </summary>
    /// <param name="propertyName">속성명</param>
    protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, value, propertyName)

    /// <summary>
    /// 속성 값 설정하기
    /// </summary>
    /// <typeparam name="TProperty">속성 타입</typeparam>
    /// <param name="field">필드</param>
    /// <param name="value">값</param>
    /// <param name="propertyName">속성명</param>
    /// <returns>처리 결과</returns>
    private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)
    {
        if(object.Equals(field, value))
        {
            return false;
        }

        field = value;

        FirePropertyChangedEvent(propertyName);

        return true;
    }

    #endregion
}

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

using System.ComponentModel;

using System.Runtime.CompilerServices;

namespace TestProject;

/// <summary>

/// 사람 모델

/// </summary>

public class PersonModel : INotifyPropertyChanged

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 속성 변경시 - PropertyChanged

/// <summary>

/// 속성 변경시

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 성명

/// </summary>

private string name;

/// <summary>

/// 나이

/// </summary>

private double age;

/// <summary>

/// 기술

/// </summary>

private string skill;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 성명 - Name

/// <summary>

/// 성명

/// </summary>

public string Name

{

get

{

return this.name;

}

set

{

SetPropertyValue(ref this.name, value);

}

#endregion

#region 나이 - Age

/// <summary>

/// 나이

/// </summary>

public double Age

{

get

{

return this.age;

}

set

{

SetPropertyValue(ref this.age, value);

}

#endregion

#region 기술 - Skill

/// <summary>

/// 기술

/// </summary>

public string Skill

{

get

{

return this.skill;

}

set

{

SetPropertyValue(ref this.skill, value);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 문자열 구하기 - ToString()

/// <summary>

/// 문자열 구하기

/// </summary>

/// <returns>문자열</returns>

public override string ToString()

{

return $"{Name}, {Age}세";

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

/// <summary>

/// 속성 변경시 이벤트 발생시키기

/// </summary>

/// <param name="propertyName">속성명</param>

protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, value, propertyName)

/// <summary>

/// 속성 값 설정하기

/// </summary>

/// <typeparam name="TProperty">속성 타입</typeparam>

/// <param name="field">필드</param>

/// <param name="value">값</param>

/// <param name="propertyName">속성명</param>

/// <returns>처리 결과</returns>

private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)

{

if(object.Equals(field, value))

{

return false;

}

field = value;

FirePropertyChangedEvent(propertyName);

return true;

}

#endregion

}

▶ MainPageViewModel.cs


using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using System.Windows.Input;

namespace TestProject;

/// <summary>
/// 메인 페이지 뷰 모델
/// </summary>
public class MainPageViewModel : INotifyPropertyChanged
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Event
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 속성 변경시 - PropertyChanged

    /// <summary>
    /// 속성 변경시
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 편집 사람
    /// </summary>
    private PersonModel editPerson;

    /// <summary>
    /// 편집 여부
    /// </summary>
    private bool isEditing;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 편집 사람 - EditPerson

    /// <summary>
    /// 편집 사람
    /// </summary>
    public PersonModel EditPerson
    {
        set
        {
            SetPropertyValue(ref this.editPerson, value);
        }
        get
        {
            return this.editPerson;
        }
    }

    #endregion
    #region 편집 여부 - IsEditing

    /// <summary>
    /// 편집 여부
    /// </summary>
    public bool IsEditing
    {
        private set
        {
            SetPropertyValue(ref this.isEditing, value);
        }
        get
        {
            return this.isEditing;
        }
    }

    #endregion

    #region 신규 명령 - NewCommand

    /// <summary>
    /// 신규 명령
    /// </summary>
    public ICommand NewCommand { private set; get; }

    #endregion
    #region 제출 명령 - SubmitCommand

    /// <summary>
    /// 제출 명령
    /// </summary>
    public ICommand SubmitCommand { private set; get; }

    #endregion
    #region 취소 명령 - CancelCommand

    /// <summary>
    /// 취소 명령
    /// </summary>
    public ICommand CancelCommand { private set; get; }

    #endregion

    #region 사람 리스트 - PersonList

    /// <summary>
    /// 사람 리스트
    /// </summary>
    public IList<PersonModel> PersonList { get; } = new ObservableCollection<PersonModel>();

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPageViewModel()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPageViewModel()
    {
        NewCommand = new Command
        (
            execute : () =>
            {
                EditPerson = new PersonModel();

                EditPerson.PropertyChanged += editPerson_PropertyChanged;

                IsEditing = true;

                ChangeCanExecute();
            },
            canExecute : () =>
            {
                return !IsEditing;
            }
        );

        SubmitCommand = new Command
        (
            execute : () =>
            {
                PersonList.Add(EditPerson);

                EditPerson.PropertyChanged -= editPerson_PropertyChanged;

                EditPerson = null;

                IsEditing = false;

                ChangeCanExecute();
            },
            canExecute : () =>
            {
                return EditPerson != null         &&
                       EditPerson.Name != null    &&
                       EditPerson.Name.Length > 1 &&
                       EditPerson.Age > 0;
            }
        );

        CancelCommand = new Command
        (
            execute : () =>
            {
                EditPerson.PropertyChanged -= editPerson_PropertyChanged;

                EditPerson = null;

                IsEditing = false;

                ChangeCanExecute();
            },
            canExecute : () =>
            {
                return IsEditing;
            }
        );
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Protected

    #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

    /// <summary>
    /// 속성 변경시 이벤트 발생시키기
    /// </summary>
    /// <param name="propertyName">속성명</param>
    protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Private
    //////////////////////////////////////////////////////////////////////////////// Event

    #region 편집 사람 속성 변경시 처리하기 - editPerson_PropertyChanged(sender, e)

    /// <summary>
    /// 편집 사람 속성 변경시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void editPerson_PropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        (SubmitCommand as Command).ChangeCanExecute();
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////// Function

    #region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, TProperty value, [CallerMemberName] string propertyName = null)

    /// <summary>
    /// 속성 값 설정하기
    /// </summary>
    /// <typeparam name="TProperty">속성 타입</typeparam>
    /// <param name="field">필드</param>
    /// <param name="value">값</param>
    /// <param name="propertyName">속성명</param>
    /// <returns>처리 결과</returns>
    private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)
    {
        if(object.Equals(field, value))
        {
            return false;
        }

        field = value;

        FirePropertyChangedEvent(propertyName);

        return true;
    }

    #endregion
    #region 실행 가능 여부 변경하기 - ChangeCanExecute()

    /// <summary>
    /// 실행 가능 여부 변경하기
    /// </summary>
    private void ChangeCanExecute()
    {
        (NewCommand    as Command).ChangeCanExecute();
        (SubmitCommand as Command).ChangeCanExecute();
        (CancelCommand as Command).ChangeCanExecute();
    }

    #endregion
}

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

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

using System.Collections.ObjectModel;

using System.ComponentModel;

using System.Runtime.CompilerServices;

using System.Windows.Input;

namespace TestProject;

/// <summary>

/// 메인 페이지 뷰 모델

/// </summary>

public class MainPageViewModel : INotifyPropertyChanged

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 속성 변경시 - PropertyChanged

/// <summary>

/// 속성 변경시

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 편집 사람

/// </summary>

private PersonModel editPerson;

/// <summary>

/// 편집 여부

/// </summary>

private bool isEditing;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 편집 사람 - EditPerson

/// <summary>

/// 편집 사람

/// </summary>

public PersonModel EditPerson

{

set

{

SetPropertyValue(ref this.editPerson, value);

}

get

{

return this.editPerson;

}

#endregion

#region 편집 여부 - IsEditing

/// <summary>

/// 편집 여부

/// </summary>

public bool IsEditing

{

private set

{

SetPropertyValue(ref this.isEditing, value);

}

get

{

return this.isEditing;

}

#endregion

#region 신규 명령 - NewCommand

/// <summary>

/// 신규 명령

/// </summary>

public ICommand NewCommand { private set; get; }

#endregion

#region 제출 명령 - SubmitCommand

/// <summary>

/// 제출 명령

/// </summary>

public ICommand SubmitCommand { private set; get; }

#endregion

#region 취소 명령 - CancelCommand

/// <summary>

/// 취소 명령

/// </summary>

public ICommand CancelCommand { private set; get; }

#endregion

#region 사람 리스트 - PersonList

/// <summary>

/// 사람 리스트

/// </summary>

public IList<PersonModel> PersonList { get; } = new ObservableCollection<PersonModel>();

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPageViewModel()

/// <summary>

/// 생성자

/// </summary>

public MainPageViewModel()

{

NewCommand = new Command

(

execute : () =>

{

EditPerson = new PersonModel();

EditPerson.PropertyChanged += editPerson_PropertyChanged;

IsEditing = true;

ChangeCanExecute();

canExecute : () =>

{

return !IsEditing;

}

);

SubmitCommand = new Command

(

execute : () =>

{

PersonList.Add(EditPerson);

EditPerson.PropertyChanged -= editPerson_PropertyChanged;

EditPerson = null;

IsEditing = false;

ChangeCanExecute();

canExecute : () =>

{

return EditPerson != null &&

EditPerson.Name != null &&

EditPerson.Name.Length > 1 &&

EditPerson.Age > 0;

}

);

CancelCommand = new Command

(

execute : () =>

{

EditPerson.PropertyChanged -= editPerson_PropertyChanged;

EditPerson = null;

IsEditing = false;

ChangeCanExecute();

canExecute : () =>

{

return IsEditing;

}

);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

/// <summary>

/// 속성 변경시 이벤트 발생시키기

/// </summary>

/// <param name="propertyName">속성명</param>

protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 편집 사람 속성 변경시 처리하기 - editPerson_PropertyChanged(sender, e)

/// <summary>

/// 편집 사람 속성 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void editPerson_PropertyChanged(object sender, PropertyChangedEventArgs e)

{

(SubmitCommand as Command).ChangeCanExecute();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, TProperty value, [CallerMemberName] string propertyName = null)

/// <summary>

/// 속성 값 설정하기

/// </summary>

/// <typeparam name="TProperty">속성 타입</typeparam>

/// <param name="field">필드</param>

/// <param name="value">값</param>

/// <param name="propertyName">속성명</param>

/// <returns>처리 결과</returns>

private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)

{

if(object.Equals(field, value))

{

return false;

}

field = value;

FirePropertyChangedEvent(propertyName);

return true;

}

#endregion

#region 실행 가능 여부 변경하기 - ChangeCanExecute()

/// <summary>

/// 실행 가능 여부 변경하기

/// </summary>

private void ChangeCanExecute()

{

(NewCommand as Command).ChangeCanExecute();

(SubmitCommand as Command).ChangeCanExecute();

(CancelCommand as Command).ChangeCanExecute();

}

#endregion

}

▶ MainPage.xaml


<?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:MainPageViewModel />
    </ContentPage.BindingContext>
    <Grid
        Margin="10"
        RowDefinitions="Auto,Auto,Auto,*">
        <Button Grid.Row="0"
            HorizontalOptions="Start"
            Text="추가"
            Command="{Binding NewCommand}" />
        <Grid Grid.Row="1"
            Margin="0,10,0,0"
            IsEnabled="{Binding IsEditing}">
            <Grid
                Margin="10"
                BindingContext="{Binding EditPerson}"
                RowDefinitions="Auto,Auto,Auto"
                ColumnDefinitions="Auto,*">
                <Label Grid.Row="0" Grid.Column="0"
                    VerticalOptions="Center"
                    Text="성명" />
                <Entry Grid.Row="0" Grid.Column="1"
                    VerticalOptions="Center"
                    Margin="10,0,0,0"
                    Text="{Binding Name}" />
                <Label Grid.Row="1" Grid.Column="0"
                    VerticalOptions="Center"
                    Text="나이" />
                <StackLayout Grid.Row="1" Grid.Column="1"
                    VerticalOptions="Center"
                    Margin="10,0,0,0"
                    Orientation="Horizontal">
                    <Stepper
                        VerticalOptions="Center"
                        Maximum="100"
                        Value="{Binding Age}" />
                    <Label
                        VerticalOptions="Center"
                        Text="{Binding Age, StringFormat='{0}세'}" />
                </StackLayout>
                <Label Grid.Row="2" Grid.Column="0"
                    VerticalOptions="Center"
                    Text="기술" />
                <Entry Grid.Row="2" Grid.Column="1"
                    Margin="10,0,0,0"
                    Text="{Binding Skill}" />
            </Grid>
        </Grid>
        <Grid Grid.Row="2"
            Margin="20,10,20,10"
            ColumnDefinitions="*,10,*">
            <Button Grid.Column="0"
                Text="Submit"
                Command="{Binding SubmitCommand}" />
            <Button Grid.Column="2"
                VerticalOptions="Center"
                Text="Cancel"
                Command="{Binding CancelCommand}" />
                VerticalOptions="Center" />
        </Grid>
        <ListView Grid.Row="3"
            Margin="10,20,10,20"
            ItemsSource="{Binding PersonList}" />
    </Grid>
</ContentPage>

<?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:MainPageViewModel />

</ContentPage.BindingContext>

<Grid

Margin="10"

RowDefinitions="Auto,Auto,Auto,*">

<Button Grid.Row="0"

HorizontalOptions="Start"

Text="추가"

Command="{Binding NewCommand}" />

<Grid Grid.Row="1"

Margin="0,10,0,0"

IsEnabled="{Binding IsEditing}">

<Grid

Margin="10"

BindingContext="{Binding EditPerson}"

RowDefinitions="Auto,Auto,Auto"

ColumnDefinitions="Auto,*">

<Label Grid.Row="0" Grid.Column="0"

VerticalOptions="Center"

Text="성명" />

<Entry Grid.Row="0" Grid.Column="1"

VerticalOptions="Center"

Margin="10,0,0,0"

Text="{Binding Name}" />

<Label Grid.Row="1" Grid.Column="0"

VerticalOptions="Center"

Text="나이" />

<StackLayout Grid.Row="1" Grid.Column="1"

VerticalOptions="Center"

Margin="10,0,0,0"

Orientation="Horizontal">

<Stepper

VerticalOptions="Center"

Maximum="100"

Value="{Binding Age}" />

<Label

VerticalOptions="Center"

Text="{Binding Age, StringFormat='{0}세'}" />

</StackLayout>

<Label Grid.Row="2" Grid.Column="0"

VerticalOptions="Center"

Text="기술" />

<Entry Grid.Row="2" Grid.Column="1"

Margin="10,0,0,0"

Text="{Binding Skill}" />

</Grid>

<Grid Grid.Row="2"

Margin="20,10,20,10"

ColumnDefinitions="*,10,*">

<Button Grid.Column="0"

Text="Submit"

Command="{Binding SubmitCommand}" />

<Button Grid.Column="2"

VerticalOptions="Center"

Text="Cancel"

Command="{Binding CancelCommand}" />

VerticalOptions="Center" />

</Grid>

<ListView Grid.Row="3"

Margin="10,20,10,20"

ItemsSource="{Binding PersonList}" />

</Grid>

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] CallerMemberNameAttribute 클래스 : 호출자 멤버명 구하기

■ CallerMemberNameAttribute 클래스를 사용해 호출자 멤버명을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.ComponentModel;
using System.Runtime.CompilerServices;

/// <summary>
/// 사람 뷰 모델
/// </summary>
public class PersonViewModel : INotifyPropertyChanged
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Event
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 속성 변경시 - PropertyChanged

    /// <summary>
    /// 속성 변경시
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 성명
    /// </summary>
    private string name;

    /// <summary>
    /// 나이
    /// </summary>
    private double age;

    /// <summary>
    /// 기술
    /// </summary>
    private string skill;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 성명 - Name

    /// <summary>
    /// 성명
    /// </summary>
    public string Name
    {
        get
        {
            return this.name;
        }
        set
        {
            SetPropertyValue(ref this.name, value);
        }
    }

    #endregion
    #region 나이 - Age

    /// <summary>
    /// 나이
    /// </summary>
    public double Age
    {
        get
        {
            return this.age;
        }
        set
        {
            SetPropertyValue(ref this.age, value);
        }
    }

    #endregion
    #region 기술 - Skill

    /// <summary>
    /// 기술
    /// </summary>
    public string Skill
    {
        get
        {
            return this.skill;
        }
        set
        {
            SetPropertyValue(ref this.skill, value);
        }
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 문자열 구하기 - ToString()

    /// <summary>
    /// 문자열 구하기
    /// </summary>
    /// <returns>문자열</returns>
    public override string ToString()
    {
        return $"{Name}, {Age}세";
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Protected

    #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

    /// <summary>
    /// 속성 변경시 이벤트 발생시키기
    /// </summary>
    /// <param name="propertyName">속성명</param>
    protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, value, propertyName)

    /// <summary>
    /// 속성 값 설정하기
    /// </summary>
    /// <typeparam name="TProperty">속성 타입</typeparam>
    /// <param name="field">필드</param>
    /// <param name="value">값</param>
    /// <param name="propertyName">속성명</param>
    /// <returns>처리 결과</returns>
    private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)
    {
        if(object.Equals(field, value))
        {
            return false;
        }

        field = value;

        FirePropertyChangedEvent(propertyName);

        return true;
    }

    #endregion
}

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

using System.ComponentModel;

using System.Runtime.CompilerServices;

/// <summary>

/// 사람 뷰 모델

/// </summary>

public class PersonViewModel : INotifyPropertyChanged

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 속성 변경시 - PropertyChanged

/// <summary>

/// 속성 변경시

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 성명

/// </summary>

private string name;

/// <summary>

/// 나이

/// </summary>

private double age;

/// <summary>

/// 기술

/// </summary>

private string skill;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 성명 - Name

/// <summary>

/// 성명

/// </summary>

public string Name

{

get

{

return this.name;

}

set

{

SetPropertyValue(ref this.name, value);

}

#endregion

#region 나이 - Age

/// <summary>

/// 나이

/// </summary>

public double Age

{

get

{

return this.age;

}

set

{

SetPropertyValue(ref this.age, value);

}

#endregion

#region 기술 - Skill

/// <summary>

/// 기술

/// </summary>

public string Skill

{

get

{

return this.skill;

}

set

{

SetPropertyValue(ref this.skill, value);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 문자열 구하기 - ToString()

/// <summary>

/// 문자열 구하기

/// </summary>

/// <returns>문자열</returns>

public override string ToString()

{

return $"{Name}, {Age}세";

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

/// <summary>

/// 속성 변경시 이벤트 발생시키기

/// </summary>

/// <param name="propertyName">속성명</param>

protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, value, propertyName)

/// <summary>

/// 속성 값 설정하기

/// </summary>

/// <typeparam name="TProperty">속성 타입</typeparam>

/// <param name="field">필드</param>

/// <param name="value">값</param>

/// <param name="propertyName">속성명</param>

/// <returns>처리 결과</returns>

private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)

{

if(object.Equals(field, value))

{

return false;

}

field = value;

FirePropertyChangedEvent(propertyName);

return true;

}

#endregion

}

[C#/MAUI/.NET6] INotifyPropertyChanged 인터페이스 : 속성 값 변경 헬퍼 메소드 사용하기

■ INotifyPropertyChanged 인터페이스에서 속성 값 변경 헬퍼 메소드를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace TestProject;

/// <summary>
/// 사람 뷰 모델
/// </summary>
public class PersonViewModel : INotifyPropertyChanged
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Event
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 속성 변경시 - PropertyChanged

    /// <summary>
    /// 속성 변경시
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 성명
    /// </summary>
    private string name;

    /// <summary>
    /// 나이
    /// </summary>
    private double age;

    /// <summary>
    /// 기술
    /// </summary>
    private string skill;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Property
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 성명 - Name

    /// <summary>
    /// 성명
    /// </summary>
    public string Name
    {
        get
        {
            return this.name;
        }
        set
        {
            SetPropertyValue(ref this.name, value);
        }
    }

    #endregion
    #region 나이 - Age

    /// <summary>
    /// 나이
    /// </summary>
    public double Age
    {
        get
        {
            return this.age;
        }
        set
        {
            SetPropertyValue(ref this.age, value);
        }
    }

    #endregion
    #region 기술 - Skill

    /// <summary>
    /// 기술
    /// </summary>
    public string Skill
    {
        get
        {
            return this.skill;
        }
        set
        {
            SetPropertyValue(ref this.skill, value);
        }
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 문자열 구하기 - ToString()

    /// <summary>
    /// 문자열 구하기
    /// </summary>
    /// <returns>문자열</returns>
    public override string ToString()
    {
        return $"{Name}, {Age}세";
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Protected

    #region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

    /// <summary>
    /// 속성 변경시 이벤트 발생시키기
    /// </summary>
    /// <param name="propertyName">속성명</param>
    protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    #endregion

    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, value, propertyName)

    /// <summary>
    /// 속성 값 설정하기
    /// </summary>
    /// <typeparam name="TProperty">속성 타입</typeparam>
    /// <param name="field">필드</param>
    /// <param name="value">값</param>
    /// <param name="propertyName">속성명</param>
    /// <returns>처리 결과</returns>
    private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)
    {
        if(object.Equals(field, value))
        {
            return false;
        }

        field = value;

        FirePropertyChangedEvent(propertyName);

        return true;
    }

    #endregion
}

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

using System.ComponentModel;

using System.Runtime.CompilerServices;

namespace TestProject;

/// <summary>

/// 사람 뷰 모델

/// </summary>

public class PersonViewModel : INotifyPropertyChanged

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 속성 변경시 - PropertyChanged

/// <summary>

/// 속성 변경시

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 성명

/// </summary>

private string name;

/// <summary>

/// 나이

/// </summary>

private double age;

/// <summary>

/// 기술

/// </summary>

private string skill;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 성명 - Name

/// <summary>

/// 성명

/// </summary>

public string Name

{

get

{

return this.name;

}

set

{

SetPropertyValue(ref this.name, value);

}

#endregion

#region 나이 - Age

/// <summary>

/// 나이

/// </summary>

public double Age

{

get

{

return this.age;

}

set

{

SetPropertyValue(ref this.age, value);

}

#endregion

#region 기술 - Skill

/// <summary>

/// 기술

/// </summary>

public string Skill

{

get

{

return this.skill;

}

set

{

SetPropertyValue(ref this.skill, value);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 문자열 구하기 - ToString()

/// <summary>

/// 문자열 구하기

/// </summary>

/// <returns>문자열</returns>

public override string ToString()

{

return $"{Name}, {Age}세";

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 속성 변경시 이벤트 발생시키기 - FirePropertyChangedEvent(propertyName)

/// <summary>

/// 속성 변경시 이벤트 발생시키기

/// </summary>

/// <param name="propertyName">속성명</param>

protected void FirePropertyChangedEvent([CallerMemberName] string propertyName = null)

{

PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 속성 값 설정하기 - SetPropertyValue<TProperty>(field, value, propertyName)

/// <summary>

/// 속성 값 설정하기

/// </summary>

/// <typeparam name="TProperty">속성 타입</typeparam>

/// <param name="field">필드</param>

/// <param name="value">값</param>

/// <param name="propertyName">속성명</param>

/// <returns>처리 결과</returns>

private bool SetPropertyValue<TProperty>(ref TProperty field, TProperty value, [CallerMemberName] string propertyName = null)

{

if(object.Equals(field, value))

{

return false;

}

field = value;

FirePropertyChangedEvent(propertyName);

return true;

}

#endregion

}

[C#/MAUI/.NET6] RelativeSource 태그 확장 : Mode 속성을 사용해 템플리트 부모 참조하기

■ RelativeSource 태그 확장의 Mode 속성을 사용해 템플리트 부모를 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)


BindingContext="{Binding Source={RelativeSource TemplatedParent}}"

IsExpanded="{Binding IsExpanded, Source={RelativeSource TemplatedParent}}"

BindingContext="{Binding Source={RelativeSource TemplatedParent}}"

IsExpanded="{Binding IsExpanded, Source={RelativeSource TemplatedParent}}"

[C#/MAUI/.NET6] MultiBinding 엘리먼트 : StringFormat 속성에서 중괄호({ }) 사용하기

■ MultiBinding 엘리먼트의 StringFormat 속성에서 중괄호({ })를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Label>
    <Label.Text>
        <MultiBinding StringFormat="{}{0} {1} {2}">
            <Binding Path="Employee1.Forename"   />
            <Binding Path="Employee1.MiddleName" />
            <Binding Path="Employee1.Surname"    />
        </MultiBinding>
    </Label.Text>
</Label>

<Label>

<Label.Text>

</MultiBinding>

</Label.Text>

</Label>

[C#/MAUI/.NET6] RelativeSource 태그 확장 : Mode 속성을 사용해 자기 자신 참조하기

■ RelativeSource 태그 확장의 Mode 속성을 사용해 자기 자신을 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<?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>

<?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}">

...

</ListView>

</StackLayout>

</ContentPage>

[C#/MAUI/.NET6] RelativeSource 태그 확장 : Mode 속성을 사용해 자기 자신 참조하기

■ RelativeSource 태그 확장의 Mode 속성을 사용해 자기 자신을 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<BoxView
    HorizontalOptions="Center"
    VerticalOptions="Center"
    WidthRequest="200"
    HeightRequest="{Binding Source={RelativeSource Self}, Path=WidthRequest}"
    Color="Red" />

<BoxView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="200"

HeightRequest="{Binding Source={RelativeSource Self}, Path=WidthRequest}"

Color="Red" />

[C#/MAUI/.NET6] IValueConverter 인터페이스 : 단정도 실수↔정수 변환자 사용하기

■ IValueConverter 인터페이스를 구현해 단정도 실수↔정수 변환자를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Globalization;

/// <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
}

using System.Globalization;

/// <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

}

[C#/MAUI/.NET6] IValueConverter 인터페이스 : 진리 값 반전 변환자 사용하기

■ IValueConverter 인터페이스를 구현해 진리 값 반전 변환자를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Globalization;

/// <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
}

using System.Globalization;

/// <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

}

[C#/MAUI/.NET6] IValueConverter 인터페이스 : 진리 값↔객체 변환자 사용하기

■ IValueConverter 인터페이스를 구현해 진리 값↔객체 변환자를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Globalization;

/// <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
}

using System.Globalization;

/// <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

}

[C#/MAUI/.NET6] Binding 엘리먼트 : Converter 속성에서 진리 값↔객체 변환자 사용하기

■ Binding 엘리먼트의 Converter 속성에서 진리 값↔객체 변환자를 사용하는 방법을 보여준다. ▶ BooleanToObjectConverter.cs


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
}

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


<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>

<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>

</Style>

</ContentPage.Resources>

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center">

<Label>

<Label.Text>

<Binding.Converter>

<local:BooleanToObjectConverter

x:TypeArguments="x:String"

TrueObject="Of course!"

FalseObject="No way!" />

</Binding.Converter>

</Binding>

</Label.Text>

</Label>

</StackLayout>

<Label>

<Label.Text>

<Binding.Converter>

<local:BooleanToObjectConverter

x:TypeArguments="x:String"

TrueObject="Yes"

FalseObject="No" />

</Binding.Converter>

</Binding>

</Label.Text>

<Label.TextColor>

<Binding.Converter>

<local:BooleanToObjectConverter

x:TypeArguments="Color"

TrueObject="Green"

FalseObject="Red" />

</Binding.Converter>

</Binding>

</Label.TextColor>

</Label>

</StackLayout>

<Label

VerticalOptions="Center"

FontSize="18">

<Label.Style>

<Binding.Converter>

<local:BooleanToObjectConverter x:TypeArguments="Style">

<local:BooleanToObjectConverter.TrueObject>

</Style>

</local:BooleanToObjectConverter.TrueObject>

<local:BooleanToObjectConverter.FalseObject>

</Style>

</local:BooleanToObjectConverter.FalseObject>

</local:BooleanToObjectConverter>

</Binding.Converter>

</Binding>

</Label.Style>

</Label>

</StackLayout>

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] Binding 태그 확장 : StringFormat 속성에서 중괄호({ }) 사용하기

■ Binding 태그 확장의 StringFormat 속성에서 중괄호({ })를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Label
    HorizontalOptions="Start"
    Text="{Binding StringFormat='{{0:MMMM}} 포맷 문자열 : {0:MMMM}'}" />

<Label

HorizontalOptions="Start"

Text="{Binding StringFormat='{{0:MMMM}} 포맷 문자열 : {0:MMMM}'}" />

[C#/MAUI/.NET6] Binding 태그 확장 : StringFormat 속성에서 이중 인용 부호(“) 사용하기

■ Binding 태그 확장의 StringFormat 속성에서 이중 인용 부호(")를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Label Text="{Binding Source={x:Reference entry}, Path=Text, StringFormat='입력 텍스트 :  &quot;{0}&quot;'}" />

[C#/MAUI/.NET6] Binding 태그 확장 : StringFormat 속성 사용하기

■ Binding 태그 확장의 StringFormat 속성을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<?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='입력 텍스트 :  &quot;{0}&quot;'}" />
        <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>

<?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>

</Style>

</ContentPage.Resources>

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Margin="10">

<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>

<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>

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] 프로젝트 파일에 폰트 파일 추가하기

■ 프로젝트 파일에 폰트 파일을 추가하는 방법을 보여준다. ▶ 예제 코드 (XML)


<ItemGroup>
    <MauiFont Include="Resources\Fonts\*" />
</ItemGroup>

</ItemGroup>

[C#/MAUI/.NET6] SemanticProperties 엘리먼트 : HeadingLevel 첨부 속성 사용하기

■ SemanticProperties 엘리먼트의 HeadingLevel 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Label
    SemanticProperties.HeadingLevel="Level1"
    Text="Get started with .NET MAUI" />
<Label Text="Paragraphs of text go here." />
<Label
    SemanticProperties.HeadingLevel="Level2"
    Text="Installation" />
<Label Text="Paragraphs of text go here." />
<Label
    SemanticProperties.HeadingLevel="Level3"
    Text="Build your first app" />
<Label Text="Paragraphs of text go here." />
<Label
    SemanticProperties.HeadingLevel="Level4"
    Text="Publish your app" />
<Label Text="Paragraphs of text go here." />

<Label

SemanticProperties.HeadingLevel="Level1"

Text="Get started with .NET MAUI" />

<Label

SemanticProperties.HeadingLevel="Level2"

Text="Installation" />

<Label

SemanticProperties.HeadingLevel="Level3"

Text="Build your first app" />

<Label

SemanticProperties.HeadingLevel="Level4"

Text="Publish your app" />

[C#/MAUI/.NET6] SemanticProperties 엘리먼트 : Hint 첨부 속성 사용하기

■ SemanticProperties 엘리먼트의 Hint 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Image
    SemanticProperties.Description="Like"
    SemanticProperties.Hint="Like this post."
    Source="like.png" />

<Image

SemanticProperties.Description="Like"

SemanticProperties.Hint="Like this post."

Source="like.png" />

[C#/MAUI/.NET6] SemanticProperties 엘리먼트 : Description 첨부 속성 사용하기

■ SemanticProperties 엘리먼트의 Description 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Label x:Name="label"
    Text="Enter your name : " />
<Entry SemanticProperties.Description="{Binding Source={x:Reference label} Path=Text}" />

<Label x:Name="label"

Text="Enter your name : " />

[C#/MAUI/.NET6] SemanticProperties 엘리먼트 : Description 첨부 속성 사용하기

■ SemanticProperties 엘리먼트의 Description 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Image
    SemanticProperties.Description="Image of dotnet bot."
    Source="dotnet_bot.png" />

<Image

SemanticProperties.Description="Image of dotnet bot."

Source="dotnet_bot.png" />

[C#/MAUI/.NET6] AutomationProperties 엘리먼트 : LabeledBy 첨부 속성 사용하기

■ AutomationProperties 엘리먼트의 LabeledBy 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Label x:Name="label"
    Text="Enter your name : " />
<Entry
    AutomationProperties.IsInAccessibleTree="true"
    AutomationProperties.LabeledBy="{x:Reference label}" />

<Label x:Name="label"

Text="Enter your name : " />

<Entry

AutomationProperties.IsInAccessibleTree="true"

AutomationProperties.LabeledBy="{x:Reference label}" />

[C#/MAUI/.NET6] AutomationProperties 엘리먼트 : Name 첨부 속성 사용하기

■ AutomationProperties 엘리먼트의 Name 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<ActivityIndicator
    AutomationProperties.IsInAccessibleTree="True"
    AutomationProperties.Name="Progress indicator" />

<ActivityIndicator

AutomationProperties.IsInAccessibleTree="True"

AutomationProperties.Name="Progress indicator" />

[C#/MAUI/.NET6] AutomationProperties 엘리먼트 : HelpText 첨부 속성 사용하기

■ AutomationProperties 엘리먼트의 HelpText 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Button
    AutomationProperties.IsInAccessibleTree="true"
    AutomationProperties.HelpText="Tap to toggle the activity indicator"
    Text="Toggle ActivityIndicator" />

<Button

AutomationProperties.IsInAccessibleTree="true"

AutomationProperties.HelpText="Tap to toggle the activity indicator"

Text="Toggle ActivityIndicator" />

[C#/MAUI/.NET6] AutomationProperties 엘리먼트 : IsInAccessibleTree 첨부 속성 사용하기

■ AutomationProperties 엘리먼트의 IsInAccessibleTree 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Entry AutomationProperties.IsInAccessibleTree="true" />

[C#/MAUI/.NET6] AutomationProperties 엘리먼트 : ExcludedWithChildren 첨부 속성 사용하기

■ AutomationProperties 엘리먼트의 ExcludedWithChildren 첨부 속성을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<StackLayout AutomationProperties.ExcludedWithChildren="true">
    ...
</StackLayout>

...

</StackLayout>