Expression Blend 작업을 하면서 서로 폰트 사이즈가 디자인 원본과 달라 보여서 한참을 씨름한적이 있었는데, 오늘도 같은 9px이 너무도 달라 보여서 서로 캡쳐하고 비교하고 또 헤맸다! 결론은 바로 pt 와 px 단위의 문제 였던 것! 나는 9px을 9pt로 입력한 화면을 보고 얘기했는데 상대는 9px을 정확하게 준 화면을 보고 얘기했던 것이다. 여기서 pt와 px은? pt : point, 인쇄 단위로 잘게 나눈 것. 특히 활자, 폰트의 크기의 단위로 많이 사용되는 단위이다. px : pixel, 화소(畵素) 또는 픽셀은 디지털 화면의 단위, 표현할 수 있는 작은 점 하나이다 다음과 같이 48pt와 48px는 너무나 큰 사이즈의 차이를 가져온다. 그런데 Expression Blend를 사용하면..
Expression Blend는 벡터 기반의 프로그램이다. 그래서 우리가 흔히 포토샵에서 none 모드라고 하는 픽셀로 떨어지지 않는다고 알고 있었고 실제로도 그렇다. 그.런.데. 이번에 알게된 놀라운 사실은, 확대하면 분명히 벡터로 깔끔하게 커지지지만 100% 일때는 마치 none을 먹인것과 같이 필셀로 보이는 것처럼 떨어진다는 것이다. 오히려 윤고딕은 포토샵에서 만큼 깔끔하게 떨어지지 않았다. Expression Blend 작업을 하면서 가장 많이 애를 먹는 부분이 바로 폰트 관련 부분인데, 포토샵에서 디자인한 디자인 파일을 100% 완벽하게 Expression Blend에서 구현하기가 쉽지 않다. 그렇지만 엄청나게? 많은 데이터를 나열해야 할때는 바로 이 none모드의 굴림, 돋음만한게 없기 때문에..
안녕하세요. 반짝 반짝 빛나는 성남미입니다. 레이어는 차곡차곡 쌓음을 의미합니다. Expressin Blend를 이용해 레이어에서는 맨 아래에 있지만 상황에 따라 가장 상위로 올 수 있도록 할 수 있습니다! 다음 사진을 보면 레이어에서 4번이 가장 앞에 있고 1번이 가장 뒤에 있습니다. 처음에는 맨 앞에 있던 4번이 시간이 지나고 다음 3번이 가장 맨 앞으로 오게 하려면 어떻게 해야 할까요? Expressin Blend에서 PathListBox의 Zindex를 이용하면 됩니다! 다음과 같이 각각의 PathListBox는 ZIndex를 가짐을 확인할 수 있습니다. 스토리보드를 만들 때 그대로 키 값으로 지정이 가능하기 때문에 일정 시간이 지났을 때 ZIdex의 값이 높아져 레이어에 상관없이 상황에 따라 가..
안녕하세요. 반짝 반짝 빛나는 성남미입니다. wpf에서 기본으로 설정되어 있는 윈도우 창을 없애는 방법을 전에 소개드린 적이 있습니다. 그런데 AllowsTransparency를 True로 놓고 나니 화면 Resize가 되지 않죠? 이 방법을 간단히 해결해 드리겠습니다. 기본적으로 WPF를 열면 다음과 같이 검은 보더와 상단에 버튼3개가 기본적으로 세팅됩니다. (제가 보기 쉽게 윈도우화면 안에 그리드에 파란색을 넣었습니다 ^^) 사방에 있는 검은 테두리와 버튼 즉 기본적으로 있는 스타일은 쉽게 바꿀 수 있었습니다. 레이어의 Window를 꼭!!!!! 선택한 후 (레이어를 선택 안하면 오른쪽 Properties 창에서 활성화 되지 않아요) 오른쪽에 있는 AllowTransparency를 체크해주면 됩니다...
안녕하세요. 반짝 반짝 빛나는 성남미입니다. 그래프의 Palette 속성을 이용해 파이그래프의 색상을 넣어주겠습니다. 우리가 만들 파이그래프입니다. 다른 스타일은 기본이고 눈에 띄기 쉽도록 제가 강한 색상으로 넣어봤어요 ^^;; 다음과 같이 파이그래프의 스타일에서 Palette의 프로퍼티를 넣어줍니다. 저는 보기 쉽게 Red(빨강), #FFFF6900(주황), Yellow(노랑), #FF5ACC0F~#FF0C5606(녹색그라데이션) 이렇게 4개의 컬러값을 주었습니다! 그래프로 표현되어야 할 내용이 5개이고 컬러 값을 4개만 준다면, 차례대로 4개의 색상이 파이에 적용되고 다음 컬러값이 없는 5번째 값은 가장 상위에 있는 Red값이 들어가게 됩니다!! 이렇게 Palette의 속성을 잘 이용해 원하는 컬러 ..
- 픽셀을 잡아주는거네요. - 레이아웃을 전체 픽셀에 맞추는 반올림 동작을 사용할지 여부를 결정하는 값을 가져오거나 설정합니다. - 반올림을 사용하여 전체 픽셀에 맞게 렌더링 및 레이아웃을 적용하면 true이고, 그렇지 않으면 false. - 이 속성은 읽기/쓰기 속성입니다. 기본값은 true입니다. - 적용대상 : Border Canvas Ellipse Glyphs Grid Image InkPresenter Line MediaElement PasswordBox Path Polygon Polyline Rectangle StackPanel TextBlock TextBox - 픽셀을 잡아주는거네요. - 렌더링을 수행하는 중에 장치 관련 픽셀 설정을 사용할지 여부를 결정하는 값을 가져오거나 설정합니다. - 장..
안녕하세요. 반짝 반짝 빛나는 성남미입니다. 요즘 윈도우7폰에 관련한 이슈가 많은데요, Expression Blend에서 보여지는 Window7 Phone의 모습을 간략하게 살펴 보겠습니다. http://windowsteamblog.com/windows_phone/b/wpdev/archive/2010/05/05/windows-phone-developer-training-kit-april-refresh.aspx 이곳에서 다운받으시면, Expression Blend에서 Window7 Phone의 개발환경이 생깁니다. 다운 받으셔서 설치 하셨나요? 그러면 Expression Blend를 켭니다. New Project.를 누릅니..
안녕하세요. 반짝 반짝 빛나는 성남미입니다. BooleanToVisibilityConverter를 이용해 라디오버튼으로 쉽게 Visibility를 제어해 보겠습니다. 먼저 화면을 준비합니다. 라디오 버튼을 3개 나열해 놓고 각각 이름을 넣습니다. 각각 라디오 버튼을 누르면 나올 도형을 3개 넣어줍니다. 세개의 도형을 우선 안보이게 Collapsed를 잡아 줍니다. Rectengle 레이어를 잡고 Visibility 오른쪽 네모를 누릅니다. Data Binding을 누릅니다. Element Property를 누릅니다. ① Rectengl의 Visibility 제어할 라디오 버튼(rdb_Rectengle)을 누르고, ② IsChecked로 설정합니다. ③ 번을 누르면 설정창이 활성화 됩니다. Value co..
안녕하세요. Making Clipping Path와 Gradient Opacity Mask를 비교해 보겠습니다. 1. Making Clipping Path 먼저 이미지를 준비합니다. 그 위에 보여질 영역을 [Ellipse]로 잡습니다. Object and Timeline 창에서 이미지와 [Ellipse]를 함께 선택한 뒤, 오른쪽 마우스 > Path > Make Clipping Path를 선택합니다. 원하는 [Ellipse] 영역 안에 이미지가 쏙 하고 들어갔습니다. 그런데 칼날처럼 날카로운 면이 아닌 부르럽게 원을 그리며 이미지의 영역을 표시하고 싶습니다. 그럴 때 쓰면 좋은 것이 바로 Gradient Opacity Mask입니다. 2. Gradient Opacity Mask 처음으로 돌아와 다시 이미..
- Total
- Today
- Yesterday