메뉴바 썸네일형 리스트형 [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] 패널 강좌 때 설명을 간략히 했는데, 아직 레이아웃 패널의 .. 더보기 이전 1 다음
