컨트롤들은 기본적으로 Tab 키를 누르면 다음 컨트롤로 Focus가 이동하게 되어 있습니다.

 

Tab키가 아닌 Enter키 혹은 지정한 키로 이동하고 싶다면 아래의 코드와 같이 진행하면 되겠습니다.

 

 

 

    public static class FocusAdvancement
    {
        public static bool GetAdvancesByEnterKey(DependencyObject obj)
        {
            return (bool)obj.GetValue(AdvancesByEnterKeyProperty);
        }
        public static void SetAdvancesByEnterKey(DependencyObject obj, bool value)
        {
            obj.SetValue(AdvancesByEnterKeyProperty, value);
        }
        public static readonly DependencyProperty AdvancesByEnterKeyProperty =
            DependencyProperty.RegisterAttached("AdvancesByEnterKey", typeof(bool), typeof(FocusAdvancement),
            new UIPropertyMetadata(OnAdvancesByEnterKeyPropertyChanged));
        static void OnAdvancesByEnterKeyPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var element = d as UIElement;
            if (element == null) 
                return;
            if ((bool)e.NewValue) 
                element.KeyDown += Keydown;
            else 
                element.KeyDown -= Keydown;
        }
        static void Keydown(object sender, KeyEventArgs e)
        {
            if (!e.Key.Equals(Key.Enter)) 
                return;
            var element = sender as UIElement;
            if (element != null) 
                element.MoveFocus(new TraversalRequest(FocusNavigationDirection.Next));
        }

}

 

 

FocusAdvancement Class는 static Class입니다.

 

AdvancesByEnterKey 라는 이름의 의존프로퍼티를 등록하였습니다.

 

값이 True 일때에는 KeyDown 이벤트를 등록하고, False 일때에는 KeyDown 이벤트를 해제합니다.

 

KeyDown이 발생하였을 때, 누른키가 Enter 키라면 다음 포커스로 이동합니다.

 

 

Xaml에서는 아래와 같이 FocusAdvancement static Class의 AdvancesByEnterKey의 값을 True로 설정해주시면

 

Enter키가 입력되었을 때 다음 컨트롤로 포커스가 이동하게 됩니다.

 

 

 <TextBox ct:FocusAdvancement.AdvancesByEnterKey="True"/> 

 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

INotifyPropertyChanged 속성명 검사  (0) 2013.08.02
[MVVM] CollectionViewSource Class를 이용해 정렬하기  (0) 2013.07.29
WPF Xaml에서 특수문자 사용  (0) 2013.07.11
WPF 기존 Style에 Style 추가  (0) 2013.07.11
WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10

MVVM의 ViewModel or Model 부분을 구현할 때, View에 속성의 변경 알림을 위해 INotifyPropertyChanged 인터페이스를 이용합니다.

 

PropertyChangedEventArgs 이벤트 Class는 속성의 이름을 인자로 받게되는데, 잘못된 속성명을 넘겨도 Exception을 던지지 않습니다.

 

아래의 코드의 VerifyPropertyName 메서드와 같이 속성의 접근자가 public인지 실제로 존재하는 속성명인지 체크해줍니다.

 

Conditional 특성을 추가해서 DEBUG 상수가 정의되었을 때만 메서드를 호출하기 때문에, 배포시 Release 모드에서는 동작을 하지 않기에

 

성능 저하는 걱정하지 않으셔도 됩니다.

 

    [Serializable]

    public abstract class ObservableObject : INotifyPropertyChanged

    {

        [field: NonSerialized]

        public event PropertyChangedEventHandler PropertyChanged = delegate { };

 

        protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)

        {

            PropertyChanged(this, e);

        }

 

        protected void RaisePropertyChanged(string propertyName)

        {

            VerifyPropertyName(propertyName);

            OnPropertyChanged(new PropertyChangedEventArgs(propertyName));

        }

 

        /// <summary>

        /// 디버그 모드일때만 인자로 넘긴 프로퍼티 이름이 실제 존재하는지 검사합니다.

        /// </summary>

        [Conditional("DEBUG")]

        [DebuggerStepThrough]

        public void VerifyPropertyName(string propertyName)

        {

            //public, 실제 존재하는지 검사

            if (TypeDescriptor.GetProperties(this)[propertyName] == null)

            {

                throw new ArgumentException("public이 아니거나 존재하지 않는 속성입니다 : " + propertyName);

            }

        }

    }

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

WPF 지정한 키로 다음 Focus로 이동하기  (0) 2013.08.09
[MVVM] CollectionViewSource Class를 이용해 정렬하기  (0) 2013.07.29
WPF Xaml에서 특수문자 사용  (0) 2013.07.11
WPF 기존 Style에 Style 추가  (0) 2013.07.11
WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10

CollectionViewSource Class를 이용해 정렬하기

MVVM 패턴 적용 중에 ViewModel에 현재 View의 ListBox에 바인딩 되어있는 Collection개체의 현재 선택된 항목을 이동시키거나 원본 Collection 개체를 수정하지 않고 View에만 정렬시켜 보여주고 싶을 때에는 CollectionViewSource Class를 사용하면 유용합니다. (정렬, 그룹화, 필터링 제공) 아래의 두 기능을 구현한 프로젝트입니다.

1.     SelectedIndex를 바인딩하지 않고 CollectionViewSource를 이용해 선택항목 이동 기능

2.     속성을 기준으로한 정렬 기능

예제 프로젝트에는 GalaSoft의 GalaSoft.MvvmLight툴을 이용하였습니다.

완성된 프로그램입니다. 선택된 나이와 이름을 표시하고, 이전,다음 버튼은 선택한 Item을 변경합니다. 정렬은 나이 및 이름으로 오름차순 정렬합니다.

 

                                                                                  

 

 

우선 Model입니다. 간단하게 이름과 나이로 Person Class를 구성하였습니다.

 

public class Person

    {

        private int _age;

        /// <summary>

        /// 나이를 가져옵니다.

        /// </summary>

        public int Age

        {

            get { return _age; }

            private set { _age = value; }

        }

 

        private string _name;

        /// <summary>

        /// 이름을 가져옵니다.

        /// </summary>

        public string Name

        {

            get { return _name; }

            private set { _name = value; }

        }

 

        public Person(int age, string name)

        {

            this.Age = age;

            this.Name = name;

        }

    }

 

 

다음은 ViewModel 입니다. ICommand 인터페이스를 이용해 버튼들의 Command를 바인딩하였습니다. 세부 내용은 주석을 참고해주세요.

 

 public class MainViewModel : ViewModelBase

    {

        private CollectionViewSource _personCollection;

        /// <summary>

        /// Person CollectionViewSource

        /// </summary>

        public CollectionViewSource PersonCollection

        {

            get { return _personCollection; }

            set { _personCollection = value; }

        }

 

        private RelayCommand<bool> _cmdChangeSelectedItem;

        /// <summary>

        /// 현재 선택된 아이템을 변경합니다.

        /// </summary>

        public RelayCommand<bool> CmdChangeSelectedItem

        {

            get

            {

                if (_cmdChangeSelectedItem == null)

                    _cmdChangeSelectedItem = new RelayCommand<bool>(ChangeSelectedItem, CanChangeSelectedItem);

               

                       

                return _cmdChangeSelectedItem;

            }

        }

 

        private RelayCommand<string> _cmdSortName;

 

        /// <summary>

        /// 오름차순 정렬

        /// </summary>

        public RelayCommand<string> CmdSortAsc

        {

            get

            {

                if (_cmdSortName == null)

                    _cmdSortName = new RelayCommand<string>(SortAsc);

                       

                return _cmdSortName;

            }

        }

 

 

        /// <summary>

        /// Initializes a new instance of the MainViewModel class.

        /// </summary>

        public MainViewModel()

        {

            if (IsInDesignMode)

            {

                // Code runs in Blend --> create design time data.

            }

            else

            {

                // Code runs "for real"

            }

            this.PersonCollection = new CollectionViewSource();

 

            List<Person>  persons = new List<Person>()

            {

                new Person(13, "김가나"),

                new Person(12, "감가나"),

                new Person(25, "하이노"),

                new Person(55, "김동휴"),

                new Person(15, "감강찬"),

                new Person(14, "백설왕"),

                new Person(95, "배고파"),

                new Person(35, "이삼사"),

            };

            this.PersonCollection.Source = persons;

        }

 

        /// <summary>

        /// 현재 선택한 Item을 변경합니다.

        /// </summary>

        /// <param name="isNext">true=다음, false=이전</param>

        private void ChangeSelectedItem(bool isNext)

        {

            if (isNext)

            {

                this.PersonCollection.View.MoveCurrentToNext();

            }

            else

            {

                this.PersonCollection.View.MoveCurrentToPrevious();

            }

        }

 

        /// <summary>

        /// 현재 선택한 Item을 변경할수있는지 검사합니다.

        /// </summary>

        /// <param name="isNext"></param>

        /// <returns></returns>

        private bool CanChangeSelectedItem(bool isNext)

        {

            //현재 컬렉션의 마지막 Index를 가져온다

            int viewLastIdx = this.PersonCollection.View.Cast<object>().Count() - 1;

 

            //다음으로 이동가능한지 체크

            if (isNext && this.PersonCollection.View.CurrentPosition == viewLastIdx)

            {

                return false;

            }

            else if (isNext == false && this.PersonCollection.View.CurrentPosition == 0)

            {

                //이전으로 이동가능한지 체크

                return false;

            }

 

            return true;

        }

 

        /// <summary>

        /// 오름차순으로 정렬합니다.

        /// </summary>

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

        private void SortAsc(string proName)

        {

            this.PersonCollection.View.SortDescriptions.Clear();

            this.PersonCollection.View.SortDescriptions.Add(new System.ComponentModel.SortDescription(proName, System.ComponentModel.ListSortDirection.Ascending));

        }

        ////public override void Cleanup()

        ////{

        ////    // Clean up if needed

 

        ////    base.Cleanup();

        ////}

    }

 

 

 

마지막으로 View Xaml코드입니다.

ListBox의 ItemSource는 ViewModel의 PersonCollection 개체의 View속성에 바인딩하였습니다.

 

    

<Grid x:Name="LayoutRoot">

        <ListBox ItemsSource="{Binding PersonCollection.View}" Margin="0,0,0,119" SelectionMode="Single">

            <ListBox.ItemTemplate>

                <DataTemplate>

                    <StackPanel Orientation="Horizontal">

                        <TextBlock Text="{Binding Age}"/>

                        <TextBlock Text="{Binding Name}" Margin="50,0,0,0"/>

                    </StackPanel>

                </DataTemplate>

            </ListBox.ItemTemplate>

        </ListBox>

        <TextBlock DataContext="{Binding PersonCollection.View}" Height="23" HorizontalAlignment="Left" Margin="12,148,0,0"        Text="{Binding Age}" VerticalAlignment="Top" />

        <TextBlock DataContext="{Binding PersonCollection.View}"  Height="23" HorizontalAlignment="Left" Margin="91,148,0,0" Text="{Binding Name}" VerticalAlignment="Top" />

        <Button Command="{Binding CmdChangeSelectedItem}" CommandParameter="{StaticResource False}" Content="이전" Height="23" HorizontalAlignment="Left" Margin="12,177,0,0" VerticalAlignment="Top" Width="40"/>

        <Button Command="{Binding CmdChangeSelectedItem}" CommandParameter="{StaticResource True}" Content="다음" Height="23" HorizontalAlignment="Left" Margin="58,177,0,0" VerticalAlignment="Top" Width="40" />

        <Button Command="{Binding CmdSortAsc}" CommandParameter="Age"  Content="나이 정렬" Height="23" HorizontalAlignment="Left" Margin="14,221,0,0" VerticalAlignment="Top" Width="71" />

        <Button Command="{Binding CmdSortAsc}" CommandParameter="Name" Content="이름 정렬" Height="23" HorizontalAlignment="Left" Margin="91,221,0,0" VerticalAlignment="Top" Width="71" />

</Grid>

 

 

 

 

 

CmdChangeSelectedItem의 CommandParameter의 True, False는 다음과 같습니다.

<sys:Boolean x:Key="True">True</sys:Boolean>

       <sys:Boolean x:Key="False">False</sys:Boolean>

 

CmdSortAsc의 CommandParameter는 정렬할 속성명을 인자로 넘겨주고 있습니다.

 

 

압축한 데모 프로젝트입니다.

 AboutCollectionViewSource.zip

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

WPF 지정한 키로 다음 Focus로 이동하기  (0) 2013.08.09
INotifyPropertyChanged 속성명 검사  (0) 2013.08.02
WPF Xaml에서 특수문자 사용  (0) 2013.07.11
WPF 기존 Style에 Style 추가  (0) 2013.07.11
WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10

Xaml에서 특수문자를 쓸때에는 아래의 표를 참고하면 되겠습니다.

 

 

 <

&lt;

 >

 &gt;

 &

 &amp;

 "  &quot;

 

 

아래와 같이 사용 하실 수 있습니다.

 

 

 

  <TextBlock Text="&gt;"/> 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

INotifyPropertyChanged 속성명 검사  (0) 2013.08.02
[MVVM] CollectionViewSource Class를 이용해 정렬하기  (0) 2013.07.29
WPF 기존 Style에 Style 추가  (0) 2013.07.11
WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10
WPF WndProc  (0) 2013.07.10

기존 Style에 Style을 추가하려면 Style 클래스의 BaseOn 속성을 이용하면 됩니다.

 

아래의 코드와 같이 BasedOn 속성을 이용하시면 기존 Style을 기반으로 Style을 추가 및 수정 할 수 있습니다.

 

<Style x:Key="BaseImageButtonStyle" TargetType="{x:Type Button}">

  …

<Style/>

 

 ...........

 

<Style x:Key="ExtendsImageButtonStyle" TargetType="{x:Type Button}" BasedOn="{StaticResource BaseImageButtonStyle }">

  …

<Style/> 

 

 

 

 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

[MVVM] CollectionViewSource Class를 이용해 정렬하기  (0) 2013.07.29
WPF Xaml에서 특수문자 사용  (0) 2013.07.11
WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10
WPF WndProc  (0) 2013.07.10
Binding.UpdateSourceTrigger  (0) 2013.07.09

예를들어 가상키보드를 구현할 때 가상키보드에 포커스가 옮겨지면 안됩니다.

 

Win32의 SetWindowLong 함수를 사용하시면 포커스가 이동되지 않는 Window를 생성하실 수 있습니다.

 

 

 

private const int GWL_EXSTYLE = -20;

        private const int WS_EX_NOACTIVATE = 0x08000000;

 

        [DllImport("user32.dll")]

        public static extern IntPtr SetWindowLong(IntPtr hWnd, int nIndex, int dwNewLong);

 

        [DllImport("user32.dll")]

        public static extern int GetWindowLong(IntPtr hWnd, int nIndex);

 

        protected override void OnSourceInitialized(EventArgs e)

        {

            base.OnSourceInitialized(e);

 

            WindowInteropHelper helper = new WindowInteropHelper(this);

            IntPtr ip = SetWindowLong(helper.Handle, GWL_EXSTYLE,

                GetWindowLong(helper.Handle, GWL_EXSTYLE) | WS_EX_NOACTIVATE);

        } 

 

 

 

 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

WPF Xaml에서 특수문자 사용  (0) 2013.07.11
WPF 기존 Style에 Style 추가  (0) 2013.07.11
WPF WndProc  (0) 2013.07.10
Binding.UpdateSourceTrigger  (0) 2013.07.09
[MVVM Galasoft.MvvmLight.WPF4] EventToCommand, 이벤트 정보를 넘기자!  (0) 2013.07.05

Winform Form Class에서는 윈도우 프로시져를 오버라이드 할 수 있게 제공해주지만

 

WPF Window Class에는 제공해주지 않고 있습니다.

 

아래의 코드와 같이 하시면 윈도우 프로시져를 확인 하실 수 있습니다.

 

 

 

        [DllImport("user32.dll")]

        static extern IntPtr SetClipboardViewer(IntPtr hWndNewViewer);

        private const int WM_DRAWCLIPBOARD = 0x308;

        private const int WM_CHANGECBCHAIN = 0x30D;

 

        void OnLoaded(object sender, RoutedEventArgs e)

        {           

            HwndSource source = HwndSource.FromHwnd(new WindowInteropHelper(this).Handle);

            source.AddHook(new HwndSourceHook(WndProc));

 

 

            IntPtr mNextClipBoardViewerHWnd = SetClipboardViewer(new System.Windows.Interop.WindowInteropHelper(this).Handle);

        }

 

 

 

 

 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

WPF 기존 Style에 Style 추가  (0) 2013.07.11
WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10
Binding.UpdateSourceTrigger  (0) 2013.07.09
[MVVM Galasoft.MvvmLight.WPF4] EventToCommand, 이벤트 정보를 넘기자!  (0) 2013.07.05
RenderTransform, LayoutTransform  (0) 2013.07.04

Binding 클래스의 UpdateSourceTrigger 속성은 바인딩 소스 업데이트 타이밍을 결정하는 값을 가져오거나 설정할때 사용되는 속성입니다.

 

Xaml에서는 아래와 같이 사용합니다.

 

 

 Text="{Binding Description,UpdateSourceTrigger=PropertyChanged}" 

 

 

 

UpdateSourceTrigger의 열거형식은 아래와 같습니다.

 

멤버 이름 

 설명

 Default

 바인딩 대상 속성의 기본 UpdateSourceTrigger 값입니다. Text속성의 기본값은 LostFocus이지만, 대부분의 종속성 속성의 기본값은 PropertyChanged입니다.

종속성 속성의 기본 UpdateSourceTrigger 값을 확인하는 프로그래밍 방식은 GetMetadata를 사용하여 속성의 속성 메타데이터를 가져온 다음 DefaultUpdateSourceTrigger 속성의 값을 확인하는 것입니다.

 PropertyChanged

 바인딩 대상 속성이 변경될 때마다 바인딩 소스를 즉시 업데이트합니다.

 LostFocus

 바인딩 대상 요소가 포커스를 잃을 때마다 바인딩 소스를 업데이트합니다.

 Explicit

 UpdateSource 메서드를 호출할 때만 바인딩 소스를 업데이트합니다.

예를 들들면 아래와 같은 코드입니다.


 BindingExpression be = textBox1.GetBindingExpression(TextBox.TextProperty);
 be.UpdateSource();

 

 

 [참조 : MSDN]

 

 

 

 시나리오 마다 다르겠지만, 대부분의 컨트롤을 사용할때에는 Default 값을 사용하면 문제가 보통 없습니다만 TextBox의 Text 속성에 바인딩할 때,

 

포커스를 잃을 때만 소스가 업데이트 되기 때문에 문제가 발생합니다.

 

 예를들어 TextBox에 사용자가 문자열을 입력한 후, 수정 버튼을 클릭하는 시나리오에서 수정 버튼은 Text 속성에 바인딩 되어 있는 소스의 값이 String.IsNullEmpty값이

 

true일때만 활성화시킨다면 문제가 발생합니다.

 

 위의 표의 설명과 같이 Text의 Default 값은 LostFocus(포커스를 잃을 때)이기 때문입니다.

 

 TextBox Text 속성에 바인딩 할때에 PropertyChanged 속성을 사용하면 문제가 해결합니다. 

 

 

단 MSDN에서는 이렇게 얘기합니다.

 

 키 입력이 있을 때마다 업데이트하면 성능이 떨어지고, 일반적으로 사용자가 새 값을 커밋하기 전에 입력 오류를 수정하고 백스페이스 키를 누를 수 있는 기회가 없어집니다.

[참조 : MSDN - Binding.UpdateSourceTrigger]

 

 

 

 

 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

WPF 윈도우 포커스(focus) 가지 않게 하기  (0) 2013.07.10
WPF WndProc  (0) 2013.07.10
[MVVM Galasoft.MvvmLight.WPF4] EventToCommand, 이벤트 정보를 넘기자!  (0) 2013.07.05
RenderTransform, LayoutTransform  (0) 2013.07.04
WPF abstract class 상속시 "인스턴스를 만들 수 없습니다." 에러 해결  (0) 2013.06.17

 View에서 특정 이벤트가 발생할 때 특정 동작을 하고싶을때에는 System.Windows.Interactivity 네임스페이스의 Interaction Class를 이용하여 ICommand 개체에 바인딩하였습니다.

 만약 특정 컨트롤에서 MouseDown 이벤트가 발생할때 이벤트 매개변수인 MouseButtonEventArgs 개체를 넘겨주고 싶다면 Galasoft의 EventToCommand Class를 이용하여 쉽게 구현 할 수 있습니다.

 

 

 Galasoft.MvvmLight.WPF4 툴킷이 있다는 가정하에 설명하겠습니다.

 우선 View의 xaml 코드에서 두개의 네임스페이스를 등록합니다.

 

 

       xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"

       xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WPF4" 

 

 

 

 

 저는 테스트를 위해 Window가 Loaded 되었을 때와 MouseDown 되었을 때 ICommand 개체를 바인딩하였습니다.

 MouseDown 이벤트가 발생하였을 때에는 MouseButtonEventArgs 이벤트를 매개변수로 넘기기 위해 PassEventArgsToCommand 속성을 True로 하였습니다. 이때에는 ICommand 매개변수가 꼭 MouseButtonEventArgs여야만 합니다.

 

 

   <i:Interaction.Triggers>

        <i:EventTrigger EventName="Loaded">

            <i:InvokeCommandAction Command="{Binding CmdLoaded, Mode=OneWay}" CommandParameter="Loaded!"/>

        </i:EventTrigger>

        <i:EventTrigger EventName="MouseDown">

            <cmd:EventToCommand Command="{Binding CmdMouseDown, Mode=OneWay}" MustToggleIsEnabledValue="True"  PassEventArgsToCommand="True"/>

        </i:EventTrigger>

    </i:Interaction.Triggers>

 

 

 

 

 ViewModel 코드입니다. 두개의 커맨드 모두 메세지 박스로 데이터를 보여주고 있습니다.

 

 

       private RelayCommand<string> _cmdLoaded;

 

        public RelayCommand<string> CmdLoaded

        {

            get

            {

                if (_cmdLoaded == null)

                    _cmdLoaded = new RelayCommand<string>(a =>

                        MessageBox.Show(a));

                return _cmdLoaded;

            }

        }

 

        private RelayCommand<MouseButtonEventArgs> _cmdMouseDown;

 

        public RelayCommand<MouseButtonEventArgs> CmdMouseDown

        {

            get

            {

                if (_cmdMouseDown == null)

                    _cmdMouseDown = new RelayCommand<MouseButtonEventArgs>(a =>

                        MessageBox.Show(a.MouseDevice.GetPosition(a.OriginalSource as IInputElement).ToString()));

                return _cmdMouseDown;

            }

        }

 

 

 

 프로젝트 첨부하였습니다.

 

AboutEventToCommand.zip

 

 

 

 

 

저작자표시 비영리 동일조건

'.Net > WPF' 카테고리의 다른 글

WPF WndProc  (0) 2013.07.10
Binding.UpdateSourceTrigger  (0) 2013.07.09
RenderTransform, LayoutTransform  (0) 2013.07.04
WPF abstract class 상속시 "인스턴스를 만들 수 없습니다." 에러 해결  (0) 2013.06.17
WebBrowser Script 에러 메세지 띄우지 않기  (0) 2013.06.14

Transform은 컨트롤의 실제 속성은 그대로 둔채 모양만 변형해주는 기능이다.

 

RenderTransform과 LayoutTransform의 차이는 Transform 되는 시점이다. 아래의 표는 어느 시점에 Transform되는지 나타내고 있다.

 

 LayoutTransform

  • Measure
  • Arrange

    •  

     RenderTransform

  • Render

    •  

     

     

    Button의 위치를 이동, 크기, 회전 등등의 일을 굉장히 쉽게 할 수 있다. Transform을 이용해 크기를 변경하여도 실제 버튼의 크기는 변경되지 않는다.

     

     

     TranslateTransform 

     2차원 x-y 좌표계에서 개체를 변환(이동)합니다.

     RotateTransform

     2차원 x-y 좌표계에서 지정한 점을 기준으로 개체를 시계 방향으로 회전합니다.

     ScaleTransform

     개체의 크기를 조정에서 2차원 x-y 좌표계입니다.

     SkewTransform 

     개체에 적용되는 2차원 기울이기를 나타냅니다.

     MatrixTransform

    		  2-D 평면에서 개체 또는 좌표계를 조작하는 데 사용되는 임의의 행렬 유사 변환을 만듭니다. 
             

     

     

     

    4가지 Transform이 어떤 기능을 하는지 체험하기 위해 테스트 프로그램을 작성하였다.

    전체소스와 프로젝트 압축파일을 함께 올린다.

     

     

    [간단한 Transform 예제]

     

     

     

     

    <Window x:Class="AboutRenderTransform.MainWindow"

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

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

            Title="MainWindow" Height="350" Width="673">

        <Grid>

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="254*" />

                <ColumnDefinition Width="400" />

            </Grid.ColumnDefinitions>

            <Canvas>

                <Button FontSize="20" Content="버튼" x:Name="btnTest" Canvas.Left="103" Canvas.Top="134">

                <Button.RenderTransform>

                    <TransformGroup>

                        <TranslateTransform x:Name="translateBtn"/>

                        <RotateTransform x:Name="rotateBtn"/>

                        <ScaleTransform x:Name="scaleBtn"/>

                        <SkewTransform x:Name="skewBtn"/>

                    </TransformGroup>

                </Button.RenderTransform>

            </Button>

            </Canvas>

            <Grid Grid.Column="1" Margin="2,0,0,0" ShowGridLines="True" >

                <Grid.RowDefinitions>

                    <RowDefinition Height="61*" />

                    <RowDefinition Height="61*" />

                    <RowDefinition Height="60*" />

                    <RowDefinition Height="129*" />

                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>

                    <ColumnDefinition Width="141" />

                    <ColumnDefinition Width="165*" />

                </Grid.ColumnDefinitions>

                <Label Content="TranslateTransform" HorizontalAlignment="Center"  VerticalAlignment="Center" HorizontalContentAlignment="Center" Height="59" Width="141" VerticalContentAlignment="Center" />

                <Label Content="X : " Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="19,17,0,0" VerticalAlignment="Top" />

                <Label Content="Y : " Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="79,17,0,0" VerticalAlignment="Top" />

                <TextBox Text="{Binding ElementName=translateBtn, Path=X}" Grid.Column="1" Height="23" HorizontalAlignment="Left" Margin="46,19,0,0" Name="textBox1" VerticalAlignment="Top" Width="28" AcceptsTab="False" AcceptsReturn="False" VerticalScrollBarVisibility="Disabled" />

                <TextBox Text="{Binding ElementName=translateBtn, Path=Y}" Height="23" HorizontalAlignment="Left" Margin="105,19,0,0" VerticalAlignment="Top" Width="28" Grid.Column="1" />

                <Label Content="RotateTransform" Height="59" HorizontalAlignment="Center" HorizontalContentAlignment="Center" VerticalAlignment="Center" VerticalContentAlignment="Center" Width="141" Grid.Row="1" />

                <Label Content="RenderTransformOrigin" Grid.Row="1" Height="27" HorizontalAlignment="Left" VerticalAlignment="Top" Grid.Column="1" Width="145" Margin="0,1,0,0" />

                <Label Content="X : " Height="28" HorizontalAlignment="Left" Margin="133,1,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="1" />

                <Label Content="Y : " Height="28" HorizontalAlignment="Left" Margin="188,1,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="1" />

                <TextBox Text="{Binding ElementName=rotateBtn, Path=CenterX}" Height="23" HorizontalAlignment="Left" Margin="156,3,0,0" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="1" />

                <TextBox Text="{Binding ElementName=rotateBtn, Path=CenterY}" Height="23" HorizontalAlignment="Left" Margin="212,3,0,0" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="1" />

                <Label Content="Angle :" Height="27" HorizontalAlignment="Left" Margin="1,31,0,0" VerticalAlignment="Top" Width="48" Grid.Column="1" Grid.Row="1" />

                <TextBox Text="{Binding ElementName=rotateBtn, Path=Angle}" Height="23" HorizontalAlignment="Right" Margin="0,34,174,0" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="1" />

                <Label Content="ScaleTransform" Height="59" HorizontalAlignment="Center" HorizontalContentAlignment="Center" Margin="0,60,0,1" VerticalAlignment="Center" VerticalContentAlignment="Center" Width="141" Grid.Row="1" Grid.RowSpan="2" />

                <Label Content="ScaleX : " Height="28" HorizontalAlignment="Left" Margin="1,1,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="2" />

                <Label Content="ScaleY : " Height="28" HorizontalAlignment="Left" Margin="1,32,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="2" />

                <TextBox Text="{Binding ElementName=scaleBtn, Path=ScaleX}" Height="23" HorizontalAlignment="Left" Margin="52,2,0,0" Name="textBox6" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="2" />

                <TextBox Text="{Binding ElementName=scaleBtn, Path=ScaleY}" Height="23" HorizontalAlignment="Left" Margin="52,33,0,0" Name="textBox7" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="2" />

                <Label Content="SkewTransform" Height="59" HorizontalAlignment="Center" HorizontalContentAlignment="Center" Margin="0,0,0,70" VerticalAlignment="Center" VerticalContentAlignment="Center" Width="141" Grid.Row="3" />

                <Label Content="RenderTransformOrigin" Height="27" HorizontalAlignment="Left" Margin="1,0,0,0" VerticalAlignment="Top" Width="145" Grid.Column="1" Grid.Row="3" />

                <Label Content="X : " Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="134,0,0,0" VerticalAlignment="Top" Grid.Row="3" />

                <Label Content="Y : " Grid.Column="1" Height="28" HorizontalAlignment="Left" Margin="189,0,0,0" VerticalAlignment="Top" Grid.Row="3" />

                <TextBox Text="{Binding ElementName=skewBtn, Path=CenterX}" Grid.Column="1" Height="23" HorizontalAlignment="Left" Margin="157,2,0,0" Name="textBox8" VerticalAlignment="Top" Width="28" Grid.Row="3" />

                <TextBox Text="{Binding ElementName=skewBtn, Path=CenterY}" Grid.Column="1" Height="23" HorizontalAlignment="Left" Margin="213,2,0,0" Name="textBox9" VerticalAlignment="Top" Width="28" Grid.Row="3" />

                <Label Content="AngleX : " Height="28" HorizontalAlignment="Left" Margin="1,29,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="3" />

                <Label Content="AngleY : " Height="28" HorizontalAlignment="Left" Margin="1,60,0,0" VerticalAlignment="Top" Grid.Column="1" Grid.Row="3" />

                <TextBox Text="{Binding ElementName=skewBtn, Path=AngleX}" Height="23" HorizontalAlignment="Left" Margin="52,30,0,0" Name="textBox10" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="3" />

                <TextBox Text="{Binding ElementName=skewBtn, Path=AngleY}" Height="23" HorizontalAlignment="Left" Margin="52,61,0,0" Name="textBox11" VerticalAlignment="Top" Width="28" Grid.Column="1" Grid.Row="3" />

            </Grid>

        </Grid>

    </Window>

     

     

     

    [MainWindow.xaml 소스]

     

     

     

     

    AboutRenderTransform.zip

     

    저작자표시 비영리 동일조건

    '.Net > WPF' 카테고리의 다른 글

    Binding.UpdateSourceTrigger  (0) 2013.07.09
    [MVVM Galasoft.MvvmLight.WPF4] EventToCommand, 이벤트 정보를 넘기자!  (0) 2013.07.05
    WPF abstract class 상속시 "인스턴스를 만들 수 없습니다." 에러 해결  (0) 2013.06.17
    WebBrowser Script 에러 메세지 띄우지 않기  (0) 2013.06.14
    [Surface sdk 2.0] SurfaceListBoxItem 배경 투명하게 만들기  (0) 2013.06.04

    + Recent posts

    티스토리툴바