컴포넌트 + 컴포넌트로 사용자 정의 컴포넌트를 생성하고 싶을때 UserControl이라는 Xaml을 생성해서 사용합니다.
일반적인 예시로 색상이 있는 TextBlock과 검은색으로 지정된 TextBlock이라는 컴포넌트를 생성했습니다.
1. UserControl의 Xaml 코드<UserControl x:Class="EPCM.HMI.Market.Component.ST1Canvas" xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="//schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="//schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="//schemas.microsoft.com/expression/blend/2008" xmlns:local="clr-namespace:EPCM.HMI.Market.Component" mc:Ignorable="d" Background="White" Width="45.167" Height="20.167"> <Grid> <TextBlock x:Name="Title" HorizontalAlignment="Left" Height="8.941" Margin="2.5,1.839,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="35.926" FontSize="6" Text="ST1 - TR" FontWeight="Bold"/> <TextBlock x:Name="Voltage" HorizontalAlignment="Left" Height="8.024" Margin="2.5,10,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="36.801" FontSize="6" Text="2,000 kVA" Foreground="#FF00B0F0" FontWeight="Bold"/> </Grid> </UserControl>
ST1Canvas.xaml이라는 이름으로 UserControl을 생성했고요,
위 자멜 코드와 같이 TextBlock에 x:Name 태그로 임의의 이름을 지정해줍니다.
2. ST1Canvas.cs의 코드namespace EPCM.HMI.Market.Component { /// <summary> /// ST1Canvas.xaml에 대한 상호 작용 논리 /// </summary> public partial class ST1Canvas : UserControl { public ST1Canvas() { InitializeComponent(); } [Category("TextTitle"), Description("지정할 텍스트")] public string TextTitle { get { return this.Title.Text; } set { this.Title.Text = value; } } } }
이제 Property를 등록할 차례인데, 이 TextTitle이라는 프로퍼티를 등록해서 UserControl을 사용할 때 Title이라는 이름이 변경되게끔 합니다.
TextTitle이라는 String Get, Set 변수를 등록하고 x:Name태그에서 사용한 Title에 초기화를 해줍니다.
3. UserControl의 사용<UserControl xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="//schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="//schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="//schemas.microsoft.com/expression/blend/2008" xmlns:telerik="//schemas.telerik.com/2008/xaml/presentation" xmlns:global="clr-namespace:EPCM.ENG.Common;assembly=EPCM.ENG.Common" xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:res="clr-namespace:EPCM.Data.Properties;assembly=EPCM.Data" xmlns:UC="clr-namespace:EPCM.HMI.Market.Component" xmlns:ed="//schemas.microsoft.com/expression/2010/drawing" x:Class="EPCM.HMI.Market.View.GridView1" mc:Ignorable="d" d:DesignHeight="600" d:DesignWidth="800" Width="3202" Height="2400">
clr-namespace:EPCM.HMI.Market.Component
먼저 UC라는 이름의 태그로 namespace를 등록해주고,
<UC:ST1Canvas Canvas.Left="86.787" Canvas.Top="97.27" TextTitle="Sample"/>UserControl를 사용하고 TextTitle의 프로퍼티를 호출해서 값을 변경하면 유저컨트롤에서 사용했던 텍스트 값이 자동적으로 변경됩니다.
UserControl에서 Form1 의 ID/PW를 입력하고 싶다!
이런 경우 사용할 수 있습니다.
뭐 반대의 경우도 가능하구요.
방법은 엄청 간단합니다.
public static Form1 f; public Form1() { InitializeComponent(); f = this; }
Form1에서 static으로 Form1 자신을 선언해주고
Form InitalizeComponent(); 이후 시점에 this 키워드로
자신을 넣어주면 됩니다.
f = this;
그리고 Form1에서 사용하려는 Control Property 중 Modifier 속성을
Public 으로 변경해주면 됩니다.
UserControl1 에서는 그냥 아래 처럼
Form1.f.textBox1 이 뜨는데 여기서 활용하면 됩니다.
테스트를 해보면
private UserControl1 uc; public Form1() { InitializeComponent(); f = this; uc = new UserControl1(); Controls.Add(uc); uc.Location = new Point(50, 50); }간단히 userControl을 Form1에다가 붙여서 UserControl이 실행 될 수 있도록 하고 아래 코드가 실행이 되면
private void test() { Form1.f.textBox1.Text = "HAHAHAHAH"; }HAHAHAH가 입력이 된 걸 볼 수 있습니다.
#유저컨트롤
#UserControl
#UserControlToForm
#FormToUserControl
#anotherControl
#다른컨트롤
#다른폼
#다른유저컨트롤
#제어하기
#접근하기