CONTROL Archives - 207 중 206 번째 페이지

[C#/WPF] DataGrid 엘리먼트 : RowDetailsTemplate 속성 사용하기

■ DataGrid 엘리먼트의 RowDetailsTemplate 속성을 사용하는 방법을 보여준다. ▶ Person.cs


using System.ComponentModel;

namespace TestProject
{
    /// <summary>
    /// 사람
    /// </summary>
    public class Person : INotifyPropertyChanged
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Event
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 속성 변경시 이벤트 - PropertyChanged

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

        #endregion

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

        #region Field

        /// <summary>
        /// 회사명
        /// <summary>
        private string companyName;

        /// <summary>
        /// 이름
        /// <summary>
        private string firstName;

        /// <summary>
        /// 성
        /// <summary>
        private string lastName;

        /// <summary>
        /// 이메일 주소
        /// <summary>
        private string emailAddress;

        /// <summary>
        /// 전화
        /// <summary>
        private string phone;

        /// <summary>
        /// 영업 담당
        /// <summary>
        private string salesPerson;

        #endregion

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

        #region 회사명 - CompanyName

        /// <summary>
        /// 회사명
        /// </summary>
        public string CompanyName
        {
            get
            {
                return this.companyName;
            }
            set
            {
                if(this.companyName == value)
                {
                    return;
                }

                this.companyName = value;

                FirePropertyChangedEvent(nameof(CompanyName));
            }
        }

        #endregion
        #region 이름 - FirstName

        /// <summary>
        /// 이름
        /// </summary>
        public string FirstName
        {
            get
            {
                return this.firstName;
            }
            set
            {
                if(this.firstName == value)
                {
                    return;
                }

                this.firstName = value;

                FirePropertyChangedEvent(nameof(FirstName));
            }
        }

        #endregion
        #region 성 - LastName

        /// <summary>
        /// 성
        /// </summary>
        public string LastName
        {
            get
            {
                return this.lastName;
            }
            set
            {
                if(this.lastName == value)
                {
                    return;
                }

                this.lastName = value;

                FirePropertyChangedEvent(nameof(LastName));
            }
        }

        #endregion
        #region 이메일 주소 - EmailAddress

        /// <summary>
        /// 이메일 주소
        /// </summary>
        public string EmailAddress
        {
            get
            {
                return this.emailAddress;
            }
            set
            {
                if(this.emailAddress == value)
                {
                    return;
                }

                this.emailAddress = value;

                FirePropertyChangedEvent(nameof(EmailAddress));
            }
        }

        #endregion
        #region 전화 - Phone

        /// <summary>
        /// 전화
        /// </summary>
        public string Phone
        {
            get
            {
                return this.phone;
            }
            set
            {
                if(this.phone == value)
                {
                    return;
                }

                this.phone = value;

                FirePropertyChangedEvent(nameof(Phone));
            }
        }

        #endregion
        #region 영업 담당 - SalesPerson

        /// <summary>
        /// 영업 담당
        /// </summary>
        public string SalesPerson
        {
            get
            {
                return this.salesPerson;
            }
            set
            {
                if(this.salesPerson == value)
                {
                    return;
                }

                this.salesPerson = value;

                FirePropertyChangedEvent(nameof(SalesPerson));
            }
        }

        #endregion

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

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

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

        #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

using System.ComponentModel;

namespace TestProject

{

/// <summary>

/// 사람

/// </summary>

public class Person : INotifyPropertyChanged

{

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

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

#region 속성 변경시 이벤트 - PropertyChanged

/// <summary>

/// 속성 변경시 이벤트

/// </summary>

public event PropertyChangedEventHandler PropertyChanged;

#endregion

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

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

#region Field

/// <summary>

/// 회사명

/// <summary>

private string companyName;

/// <summary>

/// 이름

/// <summary>

private string firstName;

/// <summary>

/// 성

/// <summary>

private string lastName;

/// <summary>

/// 이메일 주소

/// <summary>

private string emailAddress;

/// <summary>

/// 전화

/// <summary>

private string phone;

/// <summary>

/// 영업 담당

/// <summary>

private string salesPerson;

#endregion

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

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

#region 회사명 - CompanyName

/// <summary>

/// 회사명

/// </summary>

public string CompanyName

{

get

{

return this.companyName;

}

set

{

if(this.companyName == value)

{

return;

}

this.companyName = value;

FirePropertyChangedEvent(nameof(CompanyName));

}

#endregion

#region 이름 - FirstName

/// <summary>

/// 이름

/// </summary>

public string FirstName

{

get

{

return this.firstName;

}

set

{

if(this.firstName == value)

{

return;

}

this.firstName = value;

FirePropertyChangedEvent(nameof(FirstName));

}

#endregion

#region 성 - LastName

/// <summary>

/// 성

/// </summary>

public string LastName

{

get

{

return this.lastName;

}

set

{

if(this.lastName == value)

{

return;

}

this.lastName = value;

FirePropertyChangedEvent(nameof(LastName));

}

#endregion

#region 이메일 주소 - EmailAddress

/// <summary>

/// 이메일 주소

/// </summary>

public string EmailAddress

{

get

{

return this.emailAddress;

}

set

{

if(this.emailAddress == value)

{

return;

}

this.emailAddress = value;

FirePropertyChangedEvent(nameof(EmailAddress));

}

#endregion

#region 전화 - Phone

/// <summary>

/// 전화

/// </summary>

public string Phone

{

get

{

return this.phone;

}

set

{

if(this.phone == value)

{

return;

}

this.phone = value;

FirePropertyChangedEvent(nameof(Phone));

}

#endregion

#region 영업 담당 - SalesPerson

/// <summary>

/// 영업 담당

/// </summary>

public string SalesPerson

{

get

{

return this.salesPerson;

}

set

{

if(this.salesPerson == value)

{

return;

}

this.salesPerson = value;

FirePropertyChangedEvent(nameof(SalesPerson));

}

#endregion

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

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

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

/// <summary>

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

/// </summary>

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

protected void FirePropertyChangedEvent(string propertyName)

{

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

}

#endregion

}

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="DataGrid 엘리먼트 : RowDetailsTemplate 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Margin="10">
        <DataGrid Name="dataGrid"
            AutoGenerateColumns="False"
            IsReadOnly="True">
            <DataGrid.Columns>
                <DataGridTextColumn Header="회사명" Binding="{Binding CompanyName}" />
                <DataGridTextColumn Header="이름"   Binding="{Binding FirstName}"   />
                <DataGridTextColumn Header="성"     Binding="{Binding LastName}"    />
            </DataGrid.Columns>
            <DataGrid.RowDetailsTemplate>
                <DataTemplate>
                    <Border
                        BorderThickness="0"
                        Background="BlanchedAlmond"
                        Padding="10">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                                <RowDefinition Height="Auto" />
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto" />
                                <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Row="0" Grid.Column="0"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Center"
                                Text="메일 주소" />
                            <TextBlock Grid.Row="0" Grid.Column="1"
                                Margin="10 0 0 0"
                                VerticalAlignment="Center"
                                Foreground="MidnightBlue"
                                Text="{Binding EmailAddress}" />
                            <TextBlock Grid.Row="1" Grid.Column="0"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Center"
                                Text="전화" />
                            <TextBlock Grid.Row="1" Grid.Column="1"
                                Margin="10 0 0 0"
                                VerticalAlignment="Center"
                                Foreground="MidnightBlue"
                                Text="{Binding Phone}" />
                            <TextBlock Grid.Row="2" Grid.Column="0"
                                HorizontalAlignment="Right"
                                VerticalAlignment="Center"
                                Text="영업 담당자" />
                            <TextBlock Grid.Row="2" Grid.Column="1"
                                Margin="10 0 0 0"
                                VerticalAlignment="Center"
                                Foreground="MidnightBlue"
                                Text="{Binding SalesPerson}" />
                        </Grid>
                    </Border>
                </DataTemplate>
            </DataGrid.RowDetailsTemplate>
        </DataGrid>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="DataGrid 엘리먼트 : RowDetailsTemplate 속성 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<DataGrid Name="dataGrid"

AutoGenerateColumns="False"

IsReadOnly="True">

<DataGrid.Columns>

</DataGrid.Columns>

<DataGrid.RowDetailsTemplate>

<Border

BorderThickness="0"

Background="BlanchedAlmond"

Padding="10">

<Grid>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

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

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="메일 주소" />

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

Margin="10 0 0 0"

VerticalAlignment="Center"

Foreground="MidnightBlue"

Text="{Binding EmailAddress}" />

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

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="전화" />

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

Margin="10 0 0 0"

VerticalAlignment="Center"

Foreground="MidnightBlue"

Text="{Binding Phone}" />

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

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="영업 담당자" />

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

Margin="10 0 0 0"

VerticalAlignment="Center"

Foreground="MidnightBlue"

Text="{Binding SalesPerson}" />

</Grid>

</Border>

</DataTemplate>

</DataGrid.RowDetailsTemplate>

</DataGrid>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Collections.ObjectModel;
using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            ObservableCollection<Person> collection = new ObservableCollection<Person>();

            collection.Add
            (
                new Person
                {
                    CompanyName  = "회사1",
                    FirstName    = "길동",
                    LastName     = "홍",
                    EmailAddress = "id01@abc.com",
                    Phone        = "000-0000-0000",
                    SalesPerson  = "김철수"
                }
            );

            collection.Add
            (
                new Person
                {
                    CompanyName  = "회사1",
                    FirstName    = "동구",
                    LastName     = "강",
                    EmailAddress = "id02@abc.com",
                    Phone        = "000-0000-0000",
                    SalesPerson  = "김철수"
                }
            );

            collection.Add
            (
                new Person
                {
                    CompanyName  = "회사2",
                    FirstName    = "희수",
                    LastName     = "김",
                    EmailAddress = "id03@abc.com",
                    Phone        = "000-0000-0000",
                    SalesPerson  = "이영희"
                }
            );

            this.dataGrid.ItemsSource = collection;
        }

        #endregion
    }
}

using System.Collections.ObjectModel;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

ObservableCollection<Person> collection = new ObservableCollection<Person>();

collection.Add

(

new Person

{

CompanyName = "회사1",

FirstName = "길동",

LastName = "홍",

EmailAddress = "id01@abc.com",

Phone = "000-0000-0000",

SalesPerson = "김철수"

}

);

collection.Add

(

new Person

{

CompanyName = "회사1",

FirstName = "동구",

LastName = "강",

EmailAddress = "id02@abc.com",

Phone = "000-0000-0000",

SalesPerson = "김철수"

}

);

collection.Add

(

new Person

{

CompanyName = "회사2",

FirstName = "희수",

LastName = "김",

EmailAddress = "id03@abc.com",

Phone = "000-0000-0000",

SalesPerson = "이영희"

}

);

this.dataGrid.ItemsSource = collection;

}

#endregion

}

TestProject.zip

[C#/WPF] Canvas 엘리먼트 : Thumb 엘리먼트를 이용해 캔버스 크기 조정하기

■ Canvas 클래스에서 Thumb 엘리먼트를 이용해 캔버스 크기를 조정하는 방법을 보여준다. ▶ TestWindow.xaml


<Window
    x:Class="DS.Test.WPF.TestWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    SizeToContent="WidthAndHeight">
    <Canvas
        Name="canvas"
        Width="300"
        Height="300">
        <Thumb
            Name="thumb"
            Canvas.Left="280"
            Canvas.Top="280"
            Width="20"
            Height="20"
            Background="Blue"
            DragStarted="thumb_DragStarted"
            DragDelta="thumb_DragDelta"
            DragCompleted="thumb_DragCompleted" />
    </Canvas>
</Window>

<Window

x:Class="DS.Test.WPF.TestWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

SizeToContent="WidthAndHeight">

<Canvas

Name="canvas"

Width="300"

Height="300">

<Thumb

Name="thumb"

Canvas.Left="280"

Canvas.Top="280"

Width="20"

Height="20"

Background="Blue"

DragStarted="thumb_DragStarted"

DragDelta="thumb_DragDelta"

DragCompleted="thumb_DragCompleted" />

</Canvas>

</Window>

▶ TestWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Media;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;

namespace DS.Test.WPF
{
    /// <summary>
    /// 테스트 윈도우
    /// </summary>
    public partial class TestWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - TestWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public TestWindow()
        {
            InitializeComponent();
        }

        #endregion

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

        #region Thumb 드래그 시작시 처리하기 - thumb_DragStarted(sender, e)

        /// <summary>
        /// Thumb 드래그 시작시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void thumb_DragStarted(object sender, DragStartedEventArgs e)
        {
            this.thumb.Background = Brushes.Orange;
        }

        #endregion

        #region Thumb 드래그 변화시 처리하기 - thumb_DragDelta(sender, e)

        /// <summary>
        /// Thumb 드래그 변화시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void thumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            double newCanvasWidth  = this.canvas.Width  + e.HorizontalChange;
            double newCanvasHeight = this.canvas.Height + e.VerticalChange;

            if((newCanvasWidth >= 0) && (newCanvasHeight >= 0))
            {
                this.canvas.Width  = newCanvasWidth;
                this.canvas.Height = newCanvasHeight;

                Canvas.SetLeft(this.thumb, Canvas.GetLeft(this.thumb) + e.HorizontalChange);
                Canvas.SetTop (this.thumb, Canvas.GetTop (this.thumb) + e.VerticalChange  );
            }
        }

        #endregion

        #region Thumb 드래그 완료시 처리하기 - thumb_DragCompleted(sender, e)

        /// <summary>
        /// Thumb 드래그 완료시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void thumb_DragCompleted(object sender, DragCompletedEventArgs e)
        {
            this.thumb.Background = Brushes.Blue;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Media;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

namespace DS.Test.WPF

{

/// <summary>

/// 테스트 윈도우

/// </summary>

public partial class TestWindow : Window

{

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

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

#region 생성자 - TestWindow()

/// <summary>

/// 생성자

/// </summary>

public TestWindow()

{

InitializeComponent();

}

#endregion

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

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

#region Thumb 드래그 시작시 처리하기 - thumb_DragStarted(sender, e)

/// <summary>

/// Thumb 드래그 시작시 처리하기

/// </summary>

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

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

private void thumb_DragStarted(object sender, DragStartedEventArgs e)

{

this.thumb.Background = Brushes.Orange;

}

#endregion

#region Thumb 드래그 변화시 처리하기 - thumb_DragDelta(sender, e)

/// <summary>

/// Thumb 드래그 변화시 처리하기

/// </summary>

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

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

private void thumb_DragDelta(object sender, DragDeltaEventArgs e)

{

double newCanvasWidth = this.canvas.Width + e.HorizontalChange;

double newCanvasHeight = this.canvas.Height + e.VerticalChange;

if((newCanvasWidth >= 0) && (newCanvasHeight >= 0))

{

this.canvas.Width = newCanvasWidth;

this.canvas.Height = newCanvasHeight;

Canvas.SetLeft(this.thumb, Canvas.GetLeft(this.thumb) + e.HorizontalChange);

Canvas.SetTop (this.thumb, Canvas.GetTop (this.thumb) + e.VerticalChange );

}

#endregion

#region Thumb 드래그 완료시 처리하기 - thumb_DragCompleted(sender, e)

/// <summary>

/// Thumb 드래그 완료시 처리하기

/// </summary>

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

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

private void thumb_DragCompleted(object sender, DragCompletedEventArgs e)

{

this.thumb.Background = Brushes.Blue;

}

#endregion

}

[C#/WPF] BulletDecorator 엘리먼트 사용하기

■ BulletDecorator 엘리먼트에서 Image 엘리먼트를 불릿으로 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


<BulletDecorator
    HorizontalAlignment="Center"
    VerticalAlignment="Center"
    Background="Yellow">
    <BulletDecorator.Bullet>
        <Image Height="50">
            <Image.Source>
                <BitmapImage
                    DecodePixelHeight="50"
                    UriSource="c:\pinkcherries.jpg" />
            </Image.Source>
        </Image>
    </BulletDecorator.Bullet>
    <TextBlock
        Width="100"
        TextWrapping="Wrap"
        HorizontalAlignment="Left"
        Foreground ="Purple">
        A Simple BulletDecorator
    </TextBlock>
</BulletDecorator>

<BulletDecorator

HorizontalAlignment="Center"

VerticalAlignment="Center"

Background="Yellow">

<BulletDecorator.Bullet>

<Image.Source>

<BitmapImage

DecodePixelHeight="50"

UriSource="c:\pinkcherries.jpg" />

</Image.Source>

</Image>

</BulletDecorator.Bullet>

<TextBlock

Width="100"

TextWrapping="Wrap"

HorizontalAlignment="Left"

Foreground ="Purple">

A Simple BulletDecorator

</TextBlock>

</BulletDecorator>

[C#/WPF] Label 엘리먼트 : Target 속성 사용하기

■ Label 엘리먼트의 Target 속성을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <TextBox Name="textBox"
            HorizontalAlignment="Center"
            Width="200"
            Height="20"
            VerticalContentAlignment="Center" />
        <Label
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Width="200"
            Target="{Binding ElementName=textBox}">
            <AccessText TextWrapping="WrapWithOverflow">
                _Another long piece of text that requires text wrapping goes here.
            </AccessText>
        </Label>
        <TextBox
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Width="200"
            Height="20"
            VerticalContentAlignment="Center" />
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<TextBox Name="textBox"

HorizontalAlignment="Center"

Width="200"

Height="20"

VerticalContentAlignment="Center" />

<Label

HorizontalAlignment="Center"

Margin="0 10 0 0"

Width="200"

Target="{Binding ElementName=textBox}">

_Another long piece of text that requires text wrapping goes here.

</AccessText>

</Label>

<TextBox

HorizontalAlignment="Center"

Margin="0 10 0 0"

Width="200"

Height="20"

VerticalContentAlignment="Center" />

</StackPanel>

</Window>

TestProject.zip

[C#/WPF] Image 엘리먼트 : Width 속성 사용하기

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


<Image
    Width="200"
    Source="C:\pinkcherries.jpg" />

<Image

Width="200"

Source="C:\pinkcherries.jpg" />

※ Width 특성만 설정하면 Height는 이미지 원본 크기에 비례해서

[C#/WPF/DEVEXPRESS] GridControl 엘리먼트 : ICollectionView 데이터 소스 바인딩 하기

■ GridControl 엘리먼트에서 ICollectionView 데이터 소스를 바인딩하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Collections.Generic;
using System.Windows.Data;
using System.ComponentModel;

/// <summary>
/// 뷰 모델
/// </summary>
public class ViewModel
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 컬렉션 뷰
    /// </summary>
    private ICollectionView collectionView;

    #endregion

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

    #region 컬렉션 뷰 - CollectionView

    /// <summary>
    /// 컬렉션 뷰
    /// </summary>
    public ICollectionView CollectionView
    {
        get
        {
            if(this.collectionView == null)
            {
                List<SampleData> list = new List<SampleData>();

                for(int i = 0; i < 100; i++)
                {
                    list.Add(new SampleData() { Number1 = i, Number2 = i * 10, Text1 = "row " + i, Text2 = "ROW " + i });
                }

                this.collectionView = new ListCollectionView(list);
            }

            return this.collectionView;
        }
    }

    #endregion
}

using System.Collections.Generic;

using System.Windows.Data;

using System.ComponentModel;

/// <summary>

/// 뷰 모델

/// </summary>

public class ViewModel

{

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

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

#region Field

/// <summary>

/// 컬렉션 뷰

/// </summary>

private ICollectionView collectionView;

#endregion

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

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

#region 컬렉션 뷰 - CollectionView

/// <summary>

/// 컬렉션 뷰

/// </summary>

public ICollectionView CollectionView

{

get

{

if(this.collectionView == null)

{

List<SampleData> list = new List<SampleData>();

for(int i = 0; i < 100; i++)

{

list.Add(new SampleData() { Number1 = i, Number2 = i * 10, Text1 = "row " + i, Text2 = "ROW " + i });

}

this.collectionView = new ListCollectionView(list);

}

return this.collectionView;

}

#endregion

}

▶ 예제 코드 (XAML)


<Grid
    xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"
    xmlns:local="clr-namespace:HowToBindTheDXGridToICollectionView">
    <Grid.DataContext>
        <local:ViewModel />
    </Grid.DataContext>
    <dxg:GridControl x:Name="gridControl"
        ItemsSource="{Binding Path=CollectionView}"
        AutoGenerateColumns="AddNew">
        <dxg:GridControl.View>
            <dxg:TableView
                IsSynchronizedWithCurrentItem="True"
                ShowGroupPanel="False"
                AllowGrouping="False"
                AutoWidth="True"
                AllowEditing="False"
                ShowAutoFilterRow="True" />
        </dxg:GridControl.View>
    </dxg:GridControl>
</Grid>

<Grid

xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid"

xmlns:local="clr-namespace:HowToBindTheDXGridToICollectionView">

<Grid.DataContext>

<local:ViewModel />

</Grid.DataContext>

<dxg:GridControl x:Name="gridControl"

ItemsSource="{Binding Path=CollectionView}"

AutoGenerateColumns="AddNew">

<dxg:GridControl.View>

<dxg:TableView

IsSynchronizedWithCurrentItem="True"

ShowGroupPanel="False"

AllowGrouping="False"

AutoWidth="True"

AllowEditing="False"

ShowAutoFilterRow="True" />

</dxg:GridControl.View>

</dxg:GridControl>

</Grid>

[C#/WPF] Window 클래스 : 투명 윈도우 만들기

■ Window 클래스를 사용해 투명 윈도우를 만드는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    WindowStyle="None"
    AllowsTransparency="True"
    Background="Transparent"
    SizeToContent="WidthAndHeight">
    <Button
        Width="100"
        Height="30">
        닫기
    </Button>
</Window>

<Window

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

WindowStyle="None"

AllowsTransparency="True"

Background="Transparent"

SizeToContent="WidthAndHeight">

<Button

Width="100"

Height="30">

닫기

</Button>

</Window>

[C#/WPF] SaveFileDialog 클래스 : 이미지 파일 저장 대화 상자 표시하기

■ SaveFileDialog 클래스를 사용해 이미지 파일 저장 대화 상자를 표시하는 방법을 보여준다. ▶ SaveFileDialog 클래스 : 이미지 파일 저장 대화 상자 표시하기

[C#/WPF] SaveFileDialog 클래스 : 파일 저장 대화 상자 표시하기

■ SaveFileDialog 클래스를 사용해 파일 저장 대화 상자를 표시하는 방법을 보여준다. ▶ SaveFileDialog 클래스 : 파일 저장 대화 상자 표시하기 예제 (C#)

[C#/WPF] OpenFileDialog 클래스 : 이미지 파일 열기 대화 상자 표시하기

■ OpenFileDialog 클래스를 사용해 이미지 파일 열기 대화 상자를 표시하는 방법을 보여준다. ▶ OpenFileDialog 클래스 : 이미지 파일 열기 대화 상자 표시하기

[C#/WPF] OpenFileDialog 클래스 : 파일 열기 대화 상자 표시하기

■ OpenFileDialog 클래스를 사용해 파일 열기 대화 상자를 표시하는 방법을 보여준다. ▶ OpenFileDialog 클래스 : 파일 열기 대화 상자 보여주기 예제 (C#)

[C#/WPF] Frame 엘리먼트 : JournalOwnership 속성을 사용해 자체 저널 만들기

■ Frame 엘리먼트의 JournalOwnership 속성을 사용해 자체 저널을 만드는 방법을 보여준다. 기본적으로 Frame은 다른 저널이 없는 경우에만 자체 저널을 사용한다. Frame이 NavigationWindow

[C#/WPF] Frame 엘리먼트 : Source 속성을 사용해 페이지 탐색하기

■ Frame 엘리먼트의 Source 속성을 사용해 페이지를 탐색하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Frame Source="Page1.xaml" />

[C#/WPF] NavigationWindow 엘리먼트 : Source 속성 사용하기

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


<NavigationWindow
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Source="HomePage.xaml" />

<NavigationWindow

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Source="HomePage.xaml" />

[C#/WPF] NavigationWindow 엘리먼트 : ShowsNavigationUI 속성 사용하기

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


<NavigationWindow
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    ShowsNavigationUI="False"
    Source="HomePage.xaml"/>

<NavigationWindow

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

ShowsNavigationUI="False"

Source="HomePage.xaml"/>

[C#/WPF] TextBox 엘리먼트 : 스타일을 사용해 검증 에러 발생시 에러 내용을 Tooltip 속성에 설정하기

■ TextBox 엘리먼트에서 스타일을 사용해 검증 에러 발생시 에러 내용을 Tooltip 속성에 설정하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Style TargetType="{x:Type TextBox}">
    <Style.Triggers>
        <Trigger
            Property="Validation.HasError"
            Value="true">
            <Setter
                Property="ToolTip"
                Value="{Binding RelativeSource={RelativeSource Self}, Path=(Validation.Errors)[0].ErrorContent}" />
        </Trigger>
    </Style.Triggers>
</Style>

<Style.Triggers>

<Trigger

Property="Validation.HasError"

Value="true">

<Setter

Property="ToolTip"

Value="{Binding RelativeSource={RelativeSource Self}, Path=(Validation.Errors)[0].ErrorContent}" />

</Trigger>

</Style.Triggers>

</Style>

[C#/WPF] Button 엘리먼트 : IsCancel 속성을 사용해 디폴트 취소 버튼 설정하기

■ Button 엘리먼트의 IsCancel 속성을 사용해 디폴트 취소 버튼을 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


<Button Name="cancelButton"
    IsCancel="True">
    Cancel
</Button>

<Button Name="cancelButton"

IsCancel="True">

Cancel

</Button>

[C#/WPF] Button 엘리먼트 : IsDefault 속성을 사용해 디폴트 확인 버튼 설정하기

■ Button 엘리먼트의 IsDefault 속성을 사용해 디폴트 확인 버튼을 설정하는 방법을 보여준다. ▶ 예제 코드 (C#)


<Button Name="okButton"
    IsDefault="True"
    Click="okButton_Click">
    OK
</Button>

...

#region OK 버튼 클릭시 처리하기 - okButton_Click(sender, e)

/// <summary>
/// OK 버튼 클릭시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void okButton_Click(object pSender, RoutedEventArgs e)
{
    if(!IsValid(this)) // IsValid 함수는 사용자 정의 함수로 별도로 명시하지 않았다.
    {
        return;
    }

    DialogResult = true;
}

#endregion

<Button Name="okButton"

IsDefault="True"

Click="okButton_Click">

</Button>

...

#region OK 버튼 클릭시 처리하기 - okButton_Click(sender, e)

/// <summary>

/// OK 버튼 클릭시 처리하기

/// </summary>

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

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

private void okButton_Click(object pSender, RoutedEventArgs e)

{

if(!IsValid(this)) // IsValid 함수는 사용자 정의 함수로 별도로 명시하지 않았다.

{

return;

}

DialogResult = true;

}

#endregion

※ Cancel 버튼은 IsCancel 속성을

[C#/WPF] MessageBox 클래스 사용하기

■ MessageBox 클래스를 사용하는 방법을 보여준다. ▶ 예제 코드 (C#)


string           message          = "메시지 문자열 입니다";
string           caption          = "메시지 제목";
MessageBoxButton messageBoxButton = MessageBoxButton.YesNoCancel;
MessageBoxImage  messageBoxImage  = MessageBoxImage.Warning;

MessageBoxResult messageBoxResult = MessageBox.Show(message, caption, messageBoxButton, messageBoxImage);

switch(messageBoxResult)
{
    case MessageBoxResult.Yes    : /* Yes   인 경우 처리한다 */ break;
    case MessageBoxResult.No     : /* No    인 경우 처리한다 */ break;
    case MessageBoxResult.Cancel : /* Cancel인 경우 처리한다 */ break;
}

string message = "메시지 문자열 입니다";

string caption = "메시지 제목";

MessageBoxButton messageBoxButton = MessageBoxButton.YesNoCancel;

MessageBoxImage messageBoxImage = MessageBoxImage.Warning;

MessageBoxResult messageBoxResult = MessageBox.Show(message, caption, messageBoxButton, messageBoxImage);

switch(messageBoxResult)

{

case MessageBoxResult.Yes : /* Yes 인 경우 처리한다 */ break;

case MessageBoxResult.No : /* No 인 경우 처리한다 */ break;

case MessageBoxResult.Cancel : /* Cancel인 경우 처리한다 */ break;

}

[C#/WPF] TextBox 엘리먼트 : AcceptsTab 속성을 사용해 탭 문자 입력하기

■ TextBox 엘리먼트의 AcceptsTab 속성을 사용해 탭 문자를 입력하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<TextBox AcceptsTab="True" />

[C#/WPF] TextBox 엘리먼트 : AcceptsReturn 속성을 사용해 멀티 라인 입력하기

■ TextBox 엘리먼트의 AcceptsReturn 속성을 사용해 멀티 라인을 입력하는 방법을 보여준다. ———————————————————————————————————————— <TextBox AcceptsReturn="True" /> ————————————————————————————————————————

[C#/WPF] TextBox 엘리먼트 : 스크롤 바 표시하기

■ TextBox 엘리먼트에서 스크롤 바를 표시하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<TextBox
    ScrollViewer.CanContentScroll="True"
    ScrollViewer.HorizontalScrollBarVisibility="Visible"
    ScrollViewer.VerticalScrollBarVisibility="Visible">
</TextBox>

<TextBox

ScrollViewer.CanContentScroll="True"

ScrollViewer.HorizontalScrollBarVisibility="Visible"

ScrollViewer.VerticalScrollBarVisibility="Visible">

</TextBox>

[C#/WPF] Window 엘리먼트 사용하기

■ Window 엘리먼트를 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="테스트 윈도우"
    FontFamily="나눔고딕코딩"
    FontSize="16">
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="테스트 윈도우"

FontFamily="나눔고딕코딩"

FontSize="16">

</Window>

[C#/WPF] Button 엘리먼트 : Template 속성 사용하기

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


<Button Width="150" Height="150">
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Grid Margin="5">
                <Ellipse
                    Stroke="DarkBlue"
                    StrokeThickness="2">
                    <Ellipse.Fill>
                        <RadialGradientBrush
                            Center="0.3,0.2"
                            RadiusX="0.5"
                            RadiusY="0.5">
                            <GradientStop Offset="0.1" Color="Azure"          />
                            <GradientStop Offset="1.1" Color="CornflowerBlue" />
                        </RadialGradientBrush>
                    </Ellipse.Fill>
                </Ellipse>
                <ContentPresenter
                    Name="contentPresenter"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center" />
            </Grid>
        </ControlTemplate>
    </Button.Template>
    <Button.Content>
        Click Me!
    </Button.Content>
</Button>

<Button.Template>

<Ellipse

Stroke="DarkBlue"

StrokeThickness="2">

<Ellipse.Fill>

<RadialGradientBrush

Center="0.3,0.2"

RadiusX="0.5"

RadiusY="0.5">

</RadialGradientBrush>

</Ellipse.Fill>

</Ellipse>

<ContentPresenter

Name="contentPresenter"

HorizontalAlignment="Center"

VerticalAlignment="Center" />

</Grid>

</ControlTemplate>

</Button.Template>

<Button.Content>

Click Me!

</Button.Content>

</Button>

[C#/WPF] DrawingVisual 클래스 : 라운드 사각형 이미지 구하기

■ DrawingVisual 클래스를 사용해 라운드 사각형 이미지를 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System.Windows.Media;

#region 라운드 사각형 드로잉 비주얼 객체 구하기 - GetRoundedRectangleDrawingVisual(width, height)

/// <summary>
/// 라운드 사각형 드로잉 비주얼 객체 구하기
/// </summary>
/// <param name="width">너비</param>
/// <param name="height">높이</param>
/// <returns>라운드 사각형 드로잉 비주얼 객체</returns>
public DrawingVisual GetRoundedRectangleDrawingVisual(double width, double height)
{
    DrawingVisual drawingVisual = new DrawingVisual();

    DrawingContext drawingContext = drawingVisual.RenderOpen();

    double penWidth = 10d;

    drawingContext.DrawRoundedRectangle
    (
        Brushes.Blue,
        new Pen(Brushes.Red, penWidth),
        new Rect(penWidth / 2d, penWidth / 2d, width - penWidth, height - penWidth),
        penWidth,
        penWidth
    );

    drawingContext.Close();

    return drawingVisual;
}

#endregion

using System.Windows.Media;

#region 라운드 사각형 드로잉 비주얼 객체 구하기 - GetRoundedRectangleDrawingVisual(width, height)

/// <summary>

/// 라운드 사각형 드로잉 비주얼 객체 구하기

/// </summary>

/// <param name="width">너비</param>

/// <param name="height">높이</param>

/// <returns>라운드 사각형 드로잉 비주얼 객체</returns>

public DrawingVisual GetRoundedRectangleDrawingVisual(double width, double height)

{

DrawingVisual drawingVisual = new DrawingVisual();

DrawingContext drawingContext = drawingVisual.RenderOpen();

double penWidth = 10d;

drawingContext.DrawRoundedRectangle

(

Brushes.Blue,

new Pen(Brushes.Red, penWidth),

new Rect(penWidth / 2d, penWidth / 2d, width - penWidth, height - penWidth),

penWidth,

penWidth

);

drawingContext.Close();

return drawingVisual;

}

#endregion