본문 바로가기

Grid

[Expression Blend 강좌] GridSplitter Customize - 2 이어서 진행하겠습니다. 잘 따라오셨나요? ^^; GridSplitter Customize - 1에서 첨부한 것을 실행해 보시면 화살표가 들어간 부분만 스플릿터가 작동되고 위나 아래쪽을 당겨보면 당겨지지 않는 것을 확인하실 수 있습니다. 왜냐하면 당길 수 있는 부분이 비어있기 때문입니다. 그리드로 감싸져 있는데 비어있냐는 말이 이해가 안 가시죠? 다시 얘기 하자면 그리드 안에 Fill로 채워진 부분이 화살표 모양밖에 없다는 얘기입니다. 나머지는 GridSplitter영역이긴 하지만 그 영역 안에는 아무것도 그려져 있지 않다는 것입니다. 다시 스플릿터 안으로 들어가서 색상을 주어 스플릿터 전체에 아무데나 마우스를 놓아도 작동될 수 있게 만들어 놓겠습니다.. 1) 스플릿트 안으로 다시 들어갑니다. 2) Gri.. 더보기
[Expression Blend 강좌] GridSplitter Customize - 1 안녕하세요, 이번시간에는 컨트롤 중에 GridSplitter에 대해 Customize를 해보도록 하겠습니다. GridSplitter의 역할은 Grid의 행 사이와 열 사이를 임의대로 사이즈를 줄이고 늘일 수 있도록 하는 컨트롤을 나타냅니다. 예를 들면 드림위버에서 프레임과 프레임의 사이즈를 줄이는 것 처럼 하는 역할입니다. 빨간색의 Splitter를 이용하여 왼쪽으로 옮겼을 때 빨간색의 Splitter를 이용하여 오른쪽으로 옮겼을 때 다음과 같은 모습입니다. 지금 보시는 것과 같이 빨간색 모양의 Splitter는 그냥 사각형 모양처럼 보이기 때문에 이것을 Editing하려 합니다. 1) 먼저 새 파일을 엽니다. 막 바로 연 Window1의 아트보드에서 기본적으로 Grid로 되어있는 LayoutRoot에 .. 더보기
7월14일 3주 [디자이너가 만드는 WPF 프로젝트 스터디] 자료 및 후기 이번주 화요일 3주차 스터디를 진행하였습니다. 이날 마치 하늘에 구멍이라도 났는지 비가 아침부터 저녁까지 퍼붓길래 과연 사람들이 이 빗속을 뚫고 오실까.. 하고 한분이라도 오시면 다행이라고 생각했는데 많은 분들이 참석해 주셔서 감사했습니다. 교대 ~ 포스코 건물까지 10분이면 가는 거리를 1시간 넘게 걸리더군요. 다행히 시간을 넘기지는 않았습니다만, 밖에서 기다리신 분들이 있으셔서 감사했습니다. :-) 3주차는 디자이너분들은 생소하실 레이아웃 패널에서 배웠습니다. 블랜드를 처음 배우면서 그리드와 캔버스 등, 쓰긴 쓰는데 제대로 알고쓰지 않아 아웃풋으로 볼때는 일그러지거나 위치가 다른곳에 있기도 했습니다. 그런데 레이아웃 패널을 제대로 알고 나니 다른 프로그램에서 경험하지 못한? 새로운 편리함을 알게 되었.. 더보기
[Expression Blend WPF강좌] 제일 많이 쓰는 Layout Panel [Grid] 알고 사용하기 블랜드의 툴바를 보시면 디자인 하시는 분들은 대충 이 툴이 뭘 하는지 가늠하실 수 있을 거에요. (포토샵이나 플래쉬에서 썼던 툴과 다 비슷하니까요.) 화살표같이 생긴건 선택할 수 있는 툴이고, 돋보기는 확대 축소, 스포이드는 색을 찍는 것, 펜 툴, 도형 툴, T 글씨 쓸 수 있는 툴 등... 더보기