본문 바로가기

Stack Panel

7월14일 3주 [디자이너가 만드는 WPF 프로젝트 스터디] 자료 및 후기 이번주 화요일 3주차 스터디를 진행하였습니다. 이날 마치 하늘에 구멍이라도 났는지 비가 아침부터 저녁까지 퍼붓길래 과연 사람들이 이 빗속을 뚫고 오실까.. 하고 한분이라도 오시면 다행이라고 생각했는데 많은 분들이 참석해 주셔서 감사했습니다. 교대 ~ 포스코 건물까지 10분이면 가는 거리를 1시간 넘게 걸리더군요. 다행히 시간을 넘기지는 않았습니다만, 밖에서 기다리신 분들이 있으셔서 감사했습니다. :-) 3주차는 디자이너분들은 생소하실 레이아웃 패널에서 배웠습니다. 블랜드를 처음 배우면서 그리드와 캔버스 등, 쓰긴 쓰는데 제대로 알고쓰지 않아 아웃풋으로 볼때는 일그러지거나 위치가 다른곳에 있기도 했습니다. 그런데 레이아웃 패널을 제대로 알고 나니 다른 프로그램에서 경험하지 못한? 새로운 편리함을 알게 되었.. 더보기
[Expression Blend WPF강좌] Stack 패널을 이용하여 메뉴바 만들기 - 2 저번 강좌에서 메뉴를 구성하는 버튼을 만들었다면 이렇게 stack 패널로 묶은 버튼들을 애니메이션을 주어 더 효과적인 메뉴바를 만들어 보고자 합니다. 홈페이지들을 둘러보면 메뉴가 한쪽에 숨어있다가 마우스를 갖다대면 나타나는 메뉴들을 볼 수 있습니다. 1 - 숨어있는 버튼을 롤오버하면 나타나는 애니메이션 2 - 나타난 버튼을 롤아웃하면 다시 숨는 애니메이션 두개를 만들도록 합니다. 1) Stack Panel에 Background를 설정해줍니다. 그리고 애니메이션을 만들기 전에 먼저 메뉴들을 아트보드에서 아래의 그림처럼 뺍니다. 이렇게 되면 처음 실행했을 때 메뉴들이 보이지 않게 됩니다. 2) 메인화면에서 스토리 보드를 하나 만들어줍니다. 저는 스토리보드 이름을 btnEnter라고 하겠습니다. 녹화화면으로 .. 더보기
[Expression Blend WPF강좌] Stack 패널을 이용하여 메뉴바 만들기 - 1 이번강좌는 Stack Panel을 이용하여 옆에서 슬라이드 되어 나오는 가로 메뉴를 만드는 것이다. 예전 강좌 때 [Grid]패널과 [Canvas]패널 강좌를 올렸었는데, 그때는 그것만 주구장창 썼기 때문에 다른 것은 Skip하고 지나갔었다. Stack 패널은 이런 아이콘을 가진 레이아웃 패널이다 이 패널의 특징은 이 패널(그룹)안으로 들어오는 모든 객체들은 전부 일렬로 정렬된다. 그래서 이 Stack Panel을 선택하고 속성창에서 Orientation 을 Vertical :세로 로 할지 Horizontal: 가로 로 할지 설정을 하면 객체들이 세로로 혹은 가로로 무조건 한줄로 정렬된다. 레이아웃 패널의 대략의 개념을 알고 싶으면 [Grid] 패널 강좌 때 설명을 간략히 했는데, 아직 레이아웃 패널의 .. 더보기