안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 블렌드에서는 플래시처럼 애니메이션을 간단하게 설정하는 타임라인이 있습니다. 그러나 애니메이션을 실행시키는데 약간의 수고가 필요합니다. 간단한 애니메이션을 설정하고 로드되었을 때 실행되도록 설정하는 방법을 소개합니다. 지금은 많은 사람들이 잘 쓰지 않지만 CD플레이어를 만듭니다. (무지플레이어 갖고 싶어서 T_T) + 버튼을 클릭하면 애니메이션을 만들 수 있는 스토리보드를 생성합니다. +버튼 > 원하는 애니메이션 이름 > ok ok버튼을 누르면 애니메이션을 조정할 수 있는 타임라인이 활성화 됩니다. 그리고 화면 상단에는 애니메이션을 기억하는 녹화 버튼이 활성화 됩니다. Cd가 돌아가는 애니메이션을 위해 0.4초 뒤에 버튼을 눌러 키프레임을 추가합니다. 0.4..
안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 곡선을 따라 움직이는 애니메이션을 만들 때 사용하는 pathListBox를 소개합니다. 컨트롤에서 pathListBox를 가져옵니다. 화면으로 가져왔습니다. pathListBox가 레이어에 활성화 되고 오른쪽 LayoutPanel에 패스를 설정할 수 있는 창이 생깁니다. 애니메이션을 위한 객체가 따라갈 패스를 그려줍니다. pathListBox의 자식객체에 넣지 않아야 합니다! 다음과 같이 직선이 아닌 둥근모양의 선을 그렸습니다. 과녁모양의 버튼을 눌러 내가 패스 레이어를 선택합니다. 내가 선택한 패스가 애니메이션의 모션패스가 됩니다. 그리고 pathListBox의 자식레이어로 내가 그려 넣기 원하는 원모양을 넣습니다. 그러면 화면에서 알아서 패스의 시작점에..
안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 서비스를 불러올 때 로딩되는 시간을 나타내주는 로딩바! BusyIndicator 컨트롤을 소개합니다. 블렌드에서 제공하는 BusyIndicator의 기본모습입니다. 이렇게 꺼내놓고 보니 어떻게 쓰이는 컨트롤인지 감이 확 오실꺼에요. 컨트롤 메뉴에서 BusyIndicator를 화면에 꺼냅니다. 꺼냈을 때의 모습입니다. 이렇게 화면에 꺼내놓고 보니 어떤 컨트롤인지 잘 모르겠네요. 어떤 컨트롤인지 파헤치기 위해 디자인 스타일을 만듭니다. BusyIndicator > 오른쪽 마우스 > Edit Templete > edit a copy > 이름지정 > ok 디자인 수정 화면으로 들어가보니 로딩이 되었을 때의 모습이 나타납니다. 레이어를 열심히 키고 꺼 봤더니 로딩에..
안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 트리뷰 컨트롤의 헤더를 씌었었는데요, 나머지 뎁스의 디자인도 씌어보겠습니다. 여기서 잠깐! 헤더 아래 2뎁스(1-1, 1-2)의 정렬을 왼쪽으로 수정하고 싶습니다. 스테이트의 Expanded를 활성화 시키면 아래 뎁스의 영역을 수정할 수 있습니다. ColumSpan의 숫자를 조절해 아래뎁스의 영역을 수정합니다. 이제 헤더 아래의 뎁스 디자인을 수정해 보도록 하겠습니다. 2뎁스 레이어 > 오른쪽 마우스 > Edit Templete > edit a copy > 이름지정 > ok 앞에서 계속 했듯이 ExpanderButton의 버튼을 전체 영역으로 잡아준 줍니다. 이렇게 하면 클릭했을 때 영역을 지정해 줄 수 있습니다. ExpanderButton > 오른쪽 마우..
안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 트리뷰 컨트롤에 디자인을 씌어보도록 하겠습니다. 먼저 헤더1의 디자인을 바꿔보겠습니다. 헤더 1 > 오른쪽 마우스 > Edit Templete > edit a copy > 이름지정 > ok 디자인 편집모드로 들어가면 레이어 ExpanderButton의 영역이 전체 다 잡힐 수 있도록 ColumSpan을 3으로 잡아주고, 전체 마진을 모두 0으로 놓습니다. 이렇게 하면 나중에 헤더의 영역을 글자가 아닌 내가 설정한 전체 영역으로 설정되게 됩니다. ExpanderButton의 화살표 이미지를 수정하기 위해 ExpanderButton > Edit Templete > Edit a copy > 이름지정 > ok 버튼디자인 편집모드로 들어갑니다. 앞에서 ColumSp..
안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 접어다 폈다. TreeView 트리뷰컨트롤을 소개합니다! - 티스토리에 있는 메뉴도 바로 트리뷰 컨트롤! - TreeView라는 레이어가 생겼고 화면에는 트리뷰가 나올 박스가 생겼습니다. - TreeView레이어를 선택하고 오른쪽 마우스 > Add TreeViewItem을 누르면, 상단에 트리뷰의 헤더가 될 부분이 생겼네요. - 헤더 아래에 종속되는 트리뷰아이템을 추가하기 위해, 헤더 레이어를 선택한 후 오른쪽 마우스 > Add TreeViewItem을 누르면 헤더 밑에 트리뷰아이템이 생겼습니다. - 같은 방법으로 같은 뎁스에 있는 TreeViewItem을 복사해서 붙입니다. 우리가 알고 있는 트리뷰의 모습이 나타납니다. -블렌드에서 트리뷰컨트롤의 기본모습..
http://www.microsoft.com/downloads/details.aspx?familyid=47F5C718-9DEC-4557-9687-619C0FDD3D4F&displaylang=en http://www.microsoft.com/downloads/details.aspx?familyid=86370108-4C14-42EE-8855-226E5DD9B85B&displaylang=en Expression Blend를 깔고 난 뒤에 위의 링크에 다운 받아서 차례로 설치하면, Expression Blend에서 윈도우7폰용 모드가 생깁니다!
시작하면서, 안녕하세요! 반짝반짝 빛나는 성남미입니다 :-) 웹페이지를 만들 때 1px 정도의 이미지를 100%로 늘리면 선이 되거나 면이 되었습니다. 이렇게 만들게 되면 100%로 늘어났을 때의 이미지를 가져다 쓰는 것보다 훨씬 용량이 줄었던 경험이 있어요^^ 요 기능을 Expression Blend에서 써볼께요. 반복되는 배경이미지를 하나 가지고, 일정한 간격으로 패턴화 시키고, 화면사이즈를 늘렸을 때도 유동적으로 패턴이 생기게 됩니다. 일정한 패턴을 배경으로 넣을 때 좋은 팁이라 소개하고자 합니다. :: 화면사이즈가 늘어나도 일정한 패턴의 모양이 생기게 하겠습니다. 화면을 늘렸지만 패턴의 모양은 일정하게 자리잡고 있네요^^ :: 그럼 Expression Blend를 이용해 한번 만들어 보겠습니다!!..
열심히 샘플데이타를 이용해 바인딩한 데이타그리드(DataGrid)의 모습입니다. :: 데이타그리드(DataGrid) 샘플데이타 바인딩하기! ☞ 링크 : http://bling79.tistory.com/entry/데이타그리드DataGrid-샘플데이타-바인딩 이렇게 만들어진 데이타그리드(DataGrid)의 한 헤더(Header1)밑에 속해진 1.1 텍스트가 들어간 블럭에 1.1 이외에 다른 텍스트를 넣고 싶습니다. 그.러.면. 어찌해야 할까요 T_T 열심히 데이타그리드(DataGrid)를 쪼개고 지워본 결과, 제가 찾은 답을 정리해 보겠습니다 :-) 1. 뒤져라 그러면 나올것이다! 데이타그리드(DataGrid) Cell Style 변경하기! ① 데이타그리드(DataGrid)의 레이어에서 오른쪽 마우스를 클릭..
- Total
- Today
- Yesterday