WPF 스타일 및 템플릿은 개발자와 디자이너가 멋진 시각 효과를 만들고 제품의 모양을 만드는 데 사용할 수 있는 기능 집합(스타일, 템플릿, 트리거 및 스토리보드)을 가리킵니다. Style은 시각적 속성 설정을 재사용 가능한 리소스로 추출합니다. 암시적 또는 명시적 스타일 적용이 가능하며, 파생스타일을 사용할 수도 있습니다. 두 개의 TextBlock의 공통속성들을 Style로 간편하게 적용해보겠습니다. 공통속성들을 Style로 만든 모습. 암시적 또는 명시적 Style 적용 Style을 Resource로 정의할 경우 다음 두 가지 방법으로 스타일을 컨트롤에 적용할 수 있습니다. -암시적 적용 - Style에 대하여 TargetType만 지정합니다. 이 경우, 명시하지 않은 같은 TargetType 모두..
SampleDataSource는 Blend에서 제공하는 샘플소스입니다. SampleData 만드는 방법은 데이터 탭 - 예제 데이터 만들기 - 새 예제 데이터 - 데이터 원본이름 지정하시고 확인 그럼 오른쪽 화면처럼 SampleDataSource가 만들어집니다. 속성형식 변경은 속성이름(Property2) 우측 아이콘 클릭하면 형식(4가지)을 바꿀 수 있습니다. 각 형식마다 내부속성도 바꿀수 있으니, 한번 씩 눌러보시길 바랍니다. 속성이름 변경은 속성이름 클릭하면 수정모드로 바뀌니, 그 때 변경 해주시면 됩니다. 속성 삭제는 속성이름 우 클릭 후, 제거메뉴 선택하면 됩니다. 속성 추가는 우측 콤보박스 클릭 후, 원하시는 속성 추가하시면 됩니다. 데이터 값 편집은 해당 아이콘 클릭 후, 원하시는 속성에 ..
ViewBox는 사용가능한 공간에 자식요소를 확대 하는 데코레이터입니다. Stretch 속성을 이용하여 표현을 바꿀 수 있습니다. 원본 테이블, Stretch 속성을 바꾸었을때 어떻게 변화되는지 알아보겠습니다. Stretch : None 자식이 갖고 있는 크기 그대로의 상태 -테이블 크기가 사용가능한 공간보다 커서 i행이 짤리는 상태 Stretch : Fill 비율과 상관없이 사용가능한 공간에 꽉 채운 상태 - 비율이 깨져버렸습니다. Stretch : Uniform 사용가능한 공간에 비율에 맞게 채운 상태 - 비율은 유지됐으나, 테이블 크기가 줄어든 상태 Stretch : UniformToFill 비율도 유지하고 사용가능한 공간에도 꽉 채운 상태 - 두 조건 다 맞추다 보니 나머지 행들이 짤린 상태
UniformGrid는 자식객체들의 갯수에따라 균일하게 정렬하는 객체입니다. UniformGrid에 자식객체들을 추가하게 되면 왼쪽에서 오른쪽으로 1, (2,2), (3,3), (4,4)...의 순서로 정렬됩니다. 공용속성에서는 행 과 열의 수를 지정 할 수도 있습니다. 자식객체를 하나씩 추가했을 때의 모습 왼쪽에서 오른쪽으로 1, (2,2), (3,3), (4,4)...의 순서로 자동정렬되는 모습. UniformGrid 공용속성 기본값에서 Columns의 값을 5로 설정한 모습. FirstColumn값을 1과 4를 줬을 때의 모습 Rows,Columns,FirstColumn 세가지 다 값을 지정. 전부 채워 질수 있는 조건대로 설정했다면 상관없지만 그렇지 않은 경우, 실행(F5)했을 때 나머지는 안..
WrapPanel은 StackPanel과 거의 흡사한 패널입니다. 다른 점이 있다면, StackPanel은 자식요소들을 수직이나 수평으로 쭉 직진 나열하지만, WrapPanel은 줄바꿈이 된다는 것 입니다. 또한 자식객체들의 사이즈를 한번에 지정할 수 있습니다. 왼쪽 - Rectangle 4개를 복사 붙여 넣기 전 모습 오른쪽 - 붙여넣기 후, 공간 있는 곳 까지는 채워지고 나머진 줄바꿈 된 모습 수평모드는 왼쪽에서 오른쪽으로 채워지고 수직모드는 위에서 아래쪽으로 채워집니다. 왼쪽 - 자식객체 각각에 사이즈를 준 모습 오른쪽 - 자식객체들 사이즈를 Auto로 설정한 후, WrapPanel 아이템에 사이즈를 준 모습 결과는 같으나, 오른쪽처럼 WrapPanel 아이템사이즈로 간단히 지정하는게 더 낫겠죠~
GridPanel은 유연한 레이아웃을 만들 때, 사용합니다. 레이아웃 분할하는 방법으론 그리드에 직접 분할하는 방식 편집기를 이용하는 방식 위, 두 가지 방식이 있습니다. 전 그리드 직접 분할 방법을 사용합니다. 자신이 분할한 그리드라인을 보고 싶다면, ShowGridLines에 체크하면 됩니다. 프로젝트 진행하다보면, 중간 중간에 수정요청사항들이 더러 있죠. ㄱ "저 열은 필요가 없을 듯 하니, 삭제해주시구요. B와C 사이에 행하나 추가해주세요~" ㅇ "네~~~" 1과 같은 레이아웃에서 필요가 없어진 해당열을 삭제하면 3번 처럼 됩니다. 열 삭제를 하게되면, 그 안에 있던 컨트롤들 모두 삭제 됩니다. 추가는 추가하고 싶은 곳 앞이나 뒤에 가셔서, 앞이나 뒤에 추가 하시면 됩니다. 그리드로 테이블을 만..
안녕하세요. XAML을 다루는 사람으로서, 첫째는 제 자신을 위해서, 둘째는 XAML 배우고자 하시는분들께 조금이나마, 쉽게 이해시켜 드리고자 하는 마음에서 출발하려 합니다. 저는 실제 프로젝트 작업 시, 자주쓰는 컨트롤, 쓰는방법 등을 최대한 쉽게 풀어보겠습니다. 캡쳐만 봐도 이해가능하게끔, 글보단 그림위주로 진행하겠습니다. 캡쳐는 Blend for Visual Studio 2013을 사용하겠습니다. 그럼 이제 출발~ - 새 프로젝트 만들기. -오른쪽에 붙어있던 창을 왼쪽으로 끌어다 놓습니다. -단위설정은 픽셀