본문 바로가기

GridSplitter

[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에 .. 더보기