자신에 대한 고찰

계속된 예제 복습입니다. 이번 포스트에서 다룰 내용은 Button을 StackPanel상에 집어넣어서 애니메이션 효과를 줘보려고 합니다. 우선 애니메이션을 사용하려면 Storyboard를 잘 다룰줄 알아야 합니다.물론 이전 포스트들을 계속 지켜봤다면야 금방할 겁니다. 이번 시간의 주제는 버튼을 눌렀을 때 포인트가 되는 원이 자신이 원하는 방향으로 움직이게끔 하는겁니다. 하나씩 따라해봅시다. 일단 Wpf Applicaiton으로 Animation이란 프로젝트를 하나 생성합니다. 그리고 Grid를 하나 임의로 생성한 후 그 안에 Rectangle과 TextBlock을 하나 삽입해줍니다. 뭐 쉬운 방법으로 Rectangle과 TextBlock을 Grid로 묶는 방법이 되겠지요. Object 창에서는 다음과 같..

지난 포스트에서 동영상을 인코딩하는 방법을 다룬데 이어서 이번에는 블랜드를 활용하여 코드로 이벤트를 만드는 작업을 조금더 보완하고자 합니다. 물론 이번에도 기존의 프로젝트가 있어야 진행이 되기 때문에 다음과 같이 첨부해드립니다. 받으셔서 블랜드로 실행시키면 됩니다. Interaction이라는 게 뭘까요? 제가 생각하기에는 사용자가 어떤 개체에 Action을 가했을 때 그 개체가 상호적으로 나타내는 Action이 아닐까 하는 생각을 해봅니다. 요새 많은 관심을 끌고 있는 UI나 UX의 분야가 바로 이 인터렉션의 상위 개념이고 이런 행동양식을 설계하는 것을 보통 인터렉션 디자인이라고 일컫는 것 같습니다. 아무튼 제일 효과적인 반응은 사용자가 목적으로 하는 개체를 선택했을 때 뭔가 깜빡이고 이동하는 애니메이션..

이번 포스트에서 다룰 내용은 블랜드를 켰을때 가장 좌측에 있는 Object and Timeline의 기능에 대해서 알아보고자 합니다. 지난 시간에 한 내용과 조금 다르니 첨부파일을 여신 후 프로젝트를 실행시키면 되겠습니다. 계속 봐오던 것이지만 User Control이라고 하는 것은 페이지 상에 나타나있는 개체들 전부가 포함된 것을 의미합니다. 그리고 그걸 선택하면 그냥 전체 네모 하나만 선택되는데 이는 지금까지 만든 개체가 하나의 유저컨트롤로 사용될 수 있다는 겁니다. 그래서 다른 웹페이지에서 이런 개체를 불러다가 또 하나의 요소를 쓸 수 있다는 것이지요. 그다음으로 나오는 것이 바로 LayoutRoot인데 이건 하나의 Grid입니다. 그런데 User Control을 둘러싸는 grid라는 점에서 여타의..

Expression Blend의 중요 기능 중 하나인 애니메이션을 이용해서 SketchFlow를 꾸면보는 시간을 가지겠습니다. 역시 첨부파일을 통해서 제공되고 이걸 Expression Blend로 여시면 되겠습니다. 자 Boots 페이지로 가면 전에 있는 페이지에 여러 부츠들이 놓여져 있는 것을 확인할 수 있습니다. 여기다가 애니메이션 효과를 삽입하기 위해서는 Window 항목에 있는 Sketchflow Animation이란 것을 활성화시켜야 합니다. 사실 이 항목을 켜면 디자인 뷰 위에 새로운 창이 활성화됩니다. 사실 Expression Blend라는 툴이 조금은 넓은 모니터 환경을 요구합니다. 물론 작은 모니터에서도 쓸 수 있지만 불편합니다. 되도록이면 데스크탑에서 넓은 화면에서 작업하시는 것을 추천..