Windows Phone Design C

2. Content
Expression Blend?
- Expression Blend 설명
- Design Control 살펴보기
SketchFlow
- SketchFlow란?
- Demo : WP7 eBay Application 기획하기
Event, Trigger, Behavior
- Event, Trigger, Behavior 설명
- Demo : 음악재생동작 만들기 / / 컨디션 기능 활용하기
Animation
- Demo : 애니메이션 기초 / / 리스트박스 애니메이션

3. Expression Blend?
Cooperation
Design Development
WPF Windows Phone
Silverlight

4. Design Control
Windows Phone의 다양한 디자인을 경험할 수 있습니다.
아래의 링크에서 다운받을 수 있습니다.
http://wp7designtemplates.codeplex.com/

5. Sketch Flow
스케치플로우는 프로젝트를 제작하기 전
기획하는 단계에서 좀 더 쉽게 프로토타입을 만드는 것을
도와주는 프로그램입니다.
Application
Prototype

6. Sketch Flow
아래 링크로 들어가면
스케치플로우를 다운받을 수 있습니다.
http://wp7sketchflow.codeplex.com/
Click!

7. Demo – WP7 eBay App

8. Design Control

9. Event, Trigger, Behavior?
이벤트와 트리거, 비헤이비어는
상태변경이나 애니메이션을
취하고자 할 때 동작을 도와주는 기능입니다.
Ex) 사용자가 터치 등의 행동을 할 경우 해당 동작이 발생하게 하라고 명령.
특히, 비헤이비어나 액션은 마치 컨트롤 같이 추가해
명령을 내리는 방식이라 디자이너 분들도 코드 없이 간단하게
기능을 구현할 수 있습니다!

10. Event, Trigger, Behavior?
But!!
너무 욕심 부리지 마세요~ 코드에 양보하세요 ~_~
* 비헤이비어를 많이 사용할 수록 무거워 진다는 사실!
모바일은 가벼울 수록 좋겠죠?

11. sound play
Demo
MusicPlay (Event Basic)

12. sound play 2
강아지 Button
Behavior(PlaySoundAction)

13. Visual State Manager
Demo
Visual State Manager
Basic

14. Conditional
Demo
암호를 인식하는
textbox

15. Design Control

16. Animation
블렌드에서는 애니메이션을 주기 위해
먼저 스토리보드를 생성합니다.

17. Animation
네가 말한 스토리보드가
이런 스토리보드는 아니겠지..

18. Basic Animation
Demo
애니메이션 기초를 배워봅시다!

19. Basic Animation
Easing Function
Easing을 통해서 쉽게
애니메이션 동작을
표현할 수 있습니다.

20. User Control
UserControl을 사용하면 한 번에
많은 개체에 애니메이션을 적용할 수 있습니다.

21. User Control
Demo
지구가 마음에 든 외계인,
지구 침공을 위해 친구들을 소환하다!

22. PathListBox Animation
Demo
다양한 모양으로 배치 가능한
리스트박스 애니메이션 만들기

23. Design Control

24. Design Control