Microsoft MVP성태의 닷넷 이야기
홈 주인모아 놓은 자료프로그래밍질문/답변사용자 관리 RSS OPML Link
안녕하세요. SnapsToDevicePixels 질문입니다. [링크 복사], [링크+제목 복사],
조회: 21113
글쓴 사람
이성환 (vactorman at naver.com)
홈페이지
첨부 파일
[SnapToPixelTest.7z]    
(연관된 글이 1개 있습니다.)

안녕하세요. 오랜만에 질문 드립니다.

WPF로 격자 무늬를 만들려고 Canvas 위에 가로축 세로축으로 Line을 그려서 올렸습니다.

그리고 Line을 원하는 만큼 가늘게 만들면서도 선명한 색상으로 보이게 하려고
(StrokeThickness는 1 이하로)

SnapsToDevicePixels = true 속성을 주었습니다.

그런데 첨부한 예제처럼 Line에 SnapsToDevicePixels = true 로 처리를 하면

모든 Line 에 적용되는 것이 아니라 일부 Line에만 적용됩니다. (SnapsToDevicePixels 값은 모두 true 로 잘 할당되어 있습니다.)

적용된다는 것의 의미는 색상과 StrokeThickness 까지 모두 의도된 것으로 표시된다는 것을 말하는 건데요.

실제로는 모든 Line의 StrokeThickness는 적용된 듯 보이나 일부 Line 들의 색상만 정확히 표시되는 현상이 있습니다

예제에서는 Line 별로 생성할 때 SnapsToDevicePixels = true 처리를 해주었는데

테스트 해본 결과 Canvas나 Grid, Window 에 SnapsToDevicePixels = true 속성을 주어도 결과가 마찬가지였습니다.
(UseLayoutRounding 은 동작이 다르더군요. 제가 의도한 대로 동작하는 것은 SnapsToDevicePixels 이 더 가까웠습니다.)

더군다나 더 특이한 점은

Window의 SizeChanged 에서 실제 Canvas의 크기에 맞춰서 다시 그려주는 코드가 실행되면

색상 처리가 제멋대로 움직여버립니다.


뭔가 제가 속성들의 의미를 잘못 알고 사용한 걸까요?

며칠 동안 검색하고 삽질하면서 같은 자리만 반복하고 있네요.

이게 무슨 현상인지 감이 잡히지도 않습니다.


바쁘신데 죄송스럽지만 도움 부탁드립니다. (__)


[연관 글]





[최초 등록일: ]
[최종 수정일: 11/11/2016]

비밀번호
댓글 작성자
 


2016-11-11 05시09분
재미있군요. Canvas의 SetLeft/Top과 같은 류의 메서드를 쓰면 blur 효과가 나옵니다. 다음과 같이 Line의 X1/X2/Y1/Y2에 직접 설정해 보세요.

        private void DrawHorizonatalLine(int count)
        {
            for (var i = 0; i < count; i++)
            {
                var newLine = new Line();
                newLine.X1 = 0;
                newLine.X2 = this.xCanvas.ActualWidth;

                newLine.Y1 = (int)(i * (this.xCanvas.ActualHeight / count));
                newLine.Y2 = newLine.Y1;

                newLine.SnapsToDevicePixels = true;
                newLine.Stroke = Brushes.Black;
                newLine.StrokeThickness = 1;

                this._horizontalLines.Add(newLine);
                this.xCanvas.Children.Add(newLine);
            }
        }
정성태
2016-11-12 03시27분
[이성환] 답변 감사드립니다.

말씀주신대로 X1,X2,Y1,Y2 값을 조정해 테스트를 해봤는데

색상이 불규칙하게 튀는 증상은 없어졌지만

StrokeThickness 의 값이 1 미만 일 경우 색상(Stroke)이 옅어지는 현상은 그대로 있습니다. (이런 것도 일종의 blur 라고 할 수 있겠네요)

완전히 Black 인 FF000000 인 값을 Stroke에 할당했지만 눈으로 봐도 훨씬 옅어진 것이 보이고

실제 색상 추출툴을 사용해 보면 FF000000 이 아닌 다른 값이 측정되고 있습니다.

snoop 으로 해당 Line 들을 체크해보아도 Stroke에는 FF000000가 할당되어 있지만 실제 화면에는 더 옅은 색상으로 표시됩니다.

그리고 실제 표시되는 Line 픽셀을 확인해보면 StrokeThickness가 1일 때와 1 미만 일 때의 차이가 없는 것으로 보입니다.

StrokeThickness 의 값이 1 이상일 경우에는 Canvas.Set 류의 메서드를 사용해도 색상과 굵기가 정상적으로 적용되는 반면

1 미만의 소수점 값을 할당하면 X1,X2,Y1,Y2 값을 조정해도 위 증상은 여전히 있습니다.

그래서 드는 의문은 SnapsToDevicePixels = true 을 주었을 때 실제 화면에 표시되는 최소 단위가 1 pixel 이 아닌가 하는 것입니다.

그리고 그 이하의 값은 1 pixel 안에서 Stroke가 옅어지는 형태로 처리되는 거 같다는 느낌을 받았습니다.
(SnapsToDevicePixels = false 이면 StrokeThickness 가 1 이라도 blur 가 발생하고 1 미만의 경우는 동일하게 옅어지는 현상이 있습니다.)

SnapsToDevicePixels 라는 이름이 그러한 의미를 지니고 있는 것 같기도 한데

그렇다면 1 미만의 굵기로는 Line을 그릴 수 없다는 얘기가 되는 게 아닌가 싶기도 합니다.

이걸 그냥 안 된다고 하고 끝내야할 문제인지 아니면 다른 방법이 있을 지 고민이 됩니다.
[guest]
2016-11-12 03시40분
WPF/Silverlight 의 그래픽 단위와 Anti-aliasing 처리를 이해하자
; http://www.sysnet.pe.kr/2/0/1281

우선, 위의 글을 읽어보세요.

모니터는 물리적으로 1pixel만을 그릴 수 있는데, StrokeThickness에 0.2를 지정하면 당연히 연하게 처리하게 됩니다.
정성태
2016-11-12 04시22분
[이성환] 답변 감사합니다.

성태님의 글을 읽은적이 있는데 그 땐 '아.. 그렇구나' 하고 넘어가버리고 말았는데

지금 다시 읽어보니 제대로 와닿네요.

대략 방향을 정할 수 있을 거 같습니다.

주말 아침부터 귀찮게 해드린 거 같아 죄송스럽네요.

도움 감사드립니다. (__)
[guest]
2016-11-13 01시31분
아래의 글로 정리해봤습니다. 그런데, 별로 희망적이지가 않군요. ^^;

WPF - Line 요소를 Canvas에 위치시켰을 때 흐림(blur) 현상
; http://www.sysnet.pe.kr/2/0/11108
정성태
... 31  32  33  34  35  [36]  37  38  39  40  41  42  43  44  45  ...
NoWriterDateCnt.TitleFile(s)
4993학생6/3/201814521질문 드립니다 [1]
4991최진안5/24/201814845Credential Provider 질문 [2]
4990heyg...5/21/201815290Sybase Adaptive Server Anywhere 6 버전에 대한 질문입니다. [9]
4989강한음5/18/201818180clickonce 배포 후 실행 무응답 [4]
4988C#7....5/17/201814115dynamic 키워드를 사용한 객체 핸들링에 대해서 여쭤보려고 합니다. [1]
4987포플러5/14/201815751닥터왓슨 로그 - c0000005 (액세스 위반) 분석 부탁드려도 될까요? [2]
4986익명5/14/201817704비주얼 스튜디오 wpf 프로젝트에서 어떻게 하면 exe파일과 실행에 필요한 파일들을 분리해서 정리해서 디렉토리로 묶을 수 있을까요? [4]
4985대구개발자5/7/201815224새로운 폴더만 "이름 없는 파일" 오류 [1]
4984안중언5/6/201816198교재 143page [1]
4983익명5/4/201826235(wpf) 다른 컴퓨터에서 사용하면 자꾸 ('CefSharp.Core.dll' 또는 여기에 종속되어 있는 파일이나 어셈블리 중 하나를 로드할 수 없습니다)라고 떠요.ㅠㅠ [5]
4982Soul...4/27/201816369MFC ActiveX 컨트롤 안에 있는 C# ActiveX 컨트롤 포인터 얻기 [4]
4981대전박4/25/201815103WPF IValueConverter 를 구현해서 StaticResource로 사용할때요 [1]
4980대전박4/23/201816472WPF OS버전 따라 Style 적용이 안되는 프로퍼티가 있을수 있나요? [2]
4979초보개발자4/18/201821356C# 프레임워크 버전이 다른 DLL끼리의 사용 [7]파일 다운로드1
4977Soul...4/17/201815910WebBrowser 컨트롤 Script 통신 문제 [3]
4976맹가이버4/14/201816873윈도우 서비스 프로그램에서 응용프로그램 호출하는 법 [1]
4975lemo...4/11/201817396안녕하세요 네이버로그인관련 질문드립니다. [2]
4973홍길동4/6/201815223ebook 출간 계획은 없으신가요? [2]
4978홍길동4/17/201814961    답변글 [답변]: ebook 출간 계획은 없으신가요?
4972dwkim4/3/201816061EasyHook 관련 질문 [4]
4968최홍준3/30/201814826Windows 7 Credential Provider Android와 연동 [1]
4967이대희3/30/201815828비주얼 스튜디오 설치 워크로드 중에 ".NET Core 플랫폼 간 개발" 이건 뭐하는 것인지요. [1]
4965이대희3/30/201815332자마린 설치후 안드로이드 프로젝트 생성시 디자이너가 없다는 에러가 발생합니다. [3]
4969이대희3/31/201815849    답변글 [답변]: 자마린 설치후 안드로이드 프로젝트 생성시 디자이너가 없다는 에러가 발생합니다.파일 다운로드2
4970이대희4/1/201815326        답변글 [답변]: [답변]: 자마린 설치후 안드로이드 프로젝트 생성시 디자이너가 없다는 에러가 발생합니다. [1]
4963이대희3/29/201815681UWP 스터디를 위해 찰스페졸드 저자의 Programming Windows 6판은 어떠한지요? [1]
... 31  32  33  34  35  [36]  37  38  39  40  41  42  43  44  45  ...