it개발자스터디공간

『Margin, Padding』

Margin 의 속성을 4개의 숫자로 설정한 경우

위 식으로 사용될 경우에는 [상,하,좌,우] 의

순서로 1,2,3,4 의 값이 설정됩니다.

그러면 먼저 좌측의 Margin 은 0 이 되고

다음 상단의 Margin 은 10

우측의 Margin 은 5

마지막으로 하단의 Margin 은 10

위와 같이 설정됩니다.

이때도 역시 항상 위의 순서 [상,하,좌,우]

를 지켜야 한다는것 잊지마세요!!

닷넷교육 역시 오라클자바교육센터!!

#오라클#자바#Oracle#Java#WPF#WPF강좌#WPF예제

#WPF자료#WPF강좌자료#WPF강좌예제#WPF졸작

『Margin, Padding』

전 강좌의 그림과 같이 노란색

Rectangle 안에 버튼이

있을 경우 상,하,좌,우 에 화살표가 그려진 부분

이 Margin 으로 설정되어진 부분입니다.

Margin 속성의 설정은 하나의 숫자, 짝을 이룬 2개의

숫자 또는 4개의 숫자를 나열하여

사용할 수 있습니다

Margin 의 속성을 하나의 숫자로 설정하였을 경우

위 식으로 사용할 수 있으며 이 경우는

설정 값이 모두 10으로 설정됩니다.

Margin 의 속성을 2개의 숫자로 설정하는 경우

위 식으로 사용할 수 있으며 이 경우에는

[좌,우] / [상,하] 가 짝을 이루어

1,3 설정값은 0 / 2,4 값은 10으로 설정됩니다

이때 항상 앞에 있는 숫자가 [좌,우] Margin 값을 

설정하는 것이고 뒤에 있는 숫자가

[상,하] 의 Margin 값을 설정합니다.

닷넷 강좌도 역시 오라클자바교육센터!! 

#오라클자바교육센터#오라클#자바#WPF#WPF강좌#WPF예제

#WPF강좌자료#WPF예제자료#WPF졸작

『Margin, Padding』

Margin 속성은 레이아웃에서 요소의 주변에 남겨져야

할 공간을 결정할 때 사용합니다.

이러한 특성으로 요소의 Margin 울 이용하여

래이아웃에서 위치를 제어 할 떄 사용하기도 합니다

닷넷 강의는 역시 오라클자바교육센터

#오라클자바교육센터#오라클#자바#Oracle#Java#WPF

#WPF강좌#WPF강의#WPF강좌자료..

『 HorizontalAlignment, 

     VerticalAlignment 』

HorizontalAlignment 속성과 VerticalAlignment 속성은

부모요소의 공간에서 어떻게 정렬 할 것인가를

조정할 때 사용하는 속성입니다. 예를 들어

부모요소인 StackPanel 안에 자식요소로 버튼이 들어

가 있는 경우를 생각해 봅시다. 이럴 때 StackPanel

안에서 button 의 위치를 가운데,오른쪽,왼쪽 등으로

정렬 시키고자 할때 사용하는 경우 입니다.

기본적으로 두 속성은 기본값은 "Stretch" 로 특별한

설정이 없으면 자식요소는 크기가 늘어나 부모요소의

공백을 매우게 되게 됩니다.

HorizontalAlignment 속성의 멤버로는

Left,CentermBottom,Stretch 가 있으며

VerticalAlignment 속성의 멤버로는

Top,Center,Bottom,Stretch 등의 옵션을

사용할수 있게끔 가능하게 됩니다.

사용은 다음과 같은 소스로 진행하시면 됩니다.

닷넷 교육역시 오라클자바교육센터!!

#오라클자바교육센터#오라클#자바#Oracle#Java#WPF#WPF강좌#WPF강의

#WPF예시자료#WPF강좌자료#WPF졸작..

<FlowDirection>

FlowDirection 속성을 텍스트 및 기타 UI 요소의

콘텐츠의 흐름 방향을 지정하거나 설정할 때

사용되며 기본적으로 System Locale 을

따르게 됩니다.

예를 들어 영어, 독일 및 러시아어 문화권에서는

왼쪽에서 오른쪽으로 진행되는 언어의 흐름을

볼수 있고 기타 히브리어 아랍어와 같이 몇몇

문화권에서는 오른쪽에서 왼쪽으로 진행되는

언어의 흐름을 볼수 있습니다.

사용은 다음과 같이 사용하면 됩니다.

닷넷 교육은 오라클자바교육센터!!

『  MaxHeight, MaxWidth,

MinHeight, MinWidth  』

위 에서도 언급했듯이 때에 따라서 요소에 강제적인

너비나 높이를 설정해야 할 경우가 있습니다.

이럴 때 Width , Height 을 사용하면 되지만 이는

유연하지 않기 때문에 이럴 때 maxHeight ,

maxWidth , MinHeight , MinWidth 를 사용하는 것이

Width Height 을 사용하는 것이 더 낳습니다

이는 고정된 사이즈보다 어느정도 사용자

UI를 고려해

최소한 , 최대한을 정해 주는 것 입니다.

그러면 그 사이에 있는 동안은 컨트롤의 사이즈는

자동으로 변하게 되며 지정한 최소,최대 사이즈 범위

를 벗어났을 경우에 요소의 크기는 더 이상

줄어들거나 , 커지지 않을 것입니다.

  『 ActualHeight,ActualWidth,

     Height, Width 』

ActualHeight, ActualWidth, Height, Width 는 모두

요소의 크기에 관련된 속성들 입니다.

레이아웃의 상황에 따라 요소의 크기를 제한하여

설정해 사용하는 경우도 있겠지만 대부분은

Height 나 Width 를 설정하지 않고 사용자의

인터페이스 변화에 자동으로 크기가 변경되도록 하는

것이 가장 좋은 방법이라 할 수 있겠습니다.

ActualHeight 와 ActualWidth 는 개발자가 개발을 함에

있어 알고 있으면 도움이 많으 되는 속성이기에

강좌 자료를 올리니 많은 도움이 되시길 바래요

위에서 설명 들였듯이 요소들은 사용자 인터페이스에

따라 자동으로 변하도록 Height 나 Width 를 설정하지

않고 작업을 많이 하게 됩니다. 그런데 때에 따라

요소들의 크기를 알아야 할 때가 있겠지요?

그런데 Height 나 Width 를 설정하지 않고 높이나

넓이를 구하려 하면 얻어지는 값은 "NaN" 이란

값을 반환하게 될 것입니다.

그래서 이럴떄 ActualHeight , ActualWidth

이 두가지를 사용하면 됩니다

이 것은 예제코드와 결과 값을 통해 알아보죠

위의 코드값에 대한 결과값을 보도록 하죠!!

실행이 되고 "사이즈확인" 버튼을 클릭하시면

위와 같은 결과를 확인하실수 있습니다 ^^

이번 강좌는 간단하지만 알고 있으면

피가 되고 살이되는 중요 예제입니다

#오라클자바교육센터#WPF#WPF강좌#WPF예제#WPF강의자료#WPF강의예제

『기본적인 레이아웃의 속성들』

WPF의 모든 컨트롤(사용자 인터페이스 요소) 들은

레이아웃과 관련된 표준 속성들을 가지고 있으며

이는 FramworkElement 로 부터 상속됩니다.

다음 표는 이러한 속성들 중 일발적인 속성들을

나열한 것입니다.

확인하시고 교육에 도움이 되세요~!!

닷넷 교육은 오라클자바교육센터!!

#오라클자바교육센터#WPF#WPF강의#WPF강좌#WPF예제#WPF강의자료#WPF강의예제