성태의 닷넷 이야기
홈 주인
모아 놓은 자료
프로그래밍
질문/답변
사용자 관리
사용자
메뉴
아티클
외부 아티클
유용한 코드
온라인 기능
MathJax 입력기
최근 덧글
[정성태] VT sequences to "CONOUT$" vs. STD_O...
[정성태] NetCoreDbg is a managed code debugg...
[정성태] Evaluating tail call elimination in...
[정성태] What’s new in System.Text.Json in ....
[정성태] What's new in .NET 9: Cryptography ...
[정성태] 아... 제시해 주신 "https://akrzemi1.wordp...
[정성태] 다시 질문을 정리할 필요가 있을 것 같습니다. 제가 본문에...
[이승준] 완전히 잘못 짚었습니다. 댓글 지우고 싶네요. 검색을 해보...
[정성태] 우선 답글 감사합니다. ^^ 그런데, 사실 저 예제는 (g...
[이승준] 수정이 안되어서... byteArray는 BYTE* 타입입니다...
글쓰기
제목
이름
암호
전자우편
HTML
홈페이지
유형
제니퍼 .NET
닷넷
COM 개체 관련
스크립트
VC++
VS.NET IDE
Windows
Team Foundation Server
디버깅 기술
오류 유형
개발 환경 구성
웹
기타
Linux
Java
DDK
Math
Phone
Graphics
사물인터넷
부모글 보이기/감추기
내용
<div style='display: inline'> <br /> <div style='font-family: 맑은 고딕, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>FrameworkElement.Parent 속성이 null이라면?</div><br /> <br /> 예를 들어서, "<a target='_tab' href='http://www.codeproject.com/KB/WPF/moleIIforWPF.aspx'>Mole debugger visualizer</a>"를 이용해서 ContentPresenter의 Content에 지정된 Button.Parent 속성을 확인해 보면 아래와 같이 "null"임을 확인할 수 있습니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > === XAML === <ContentPresenter> <<b style='color: Blue;'>ContentPresenter.Content</b>> <<b style='color: Blue;'>Button</b>>Test</Button> </ContentPresenter.Content> </ContentPresenter> </pre> <br /> [그림 1: Button.Parent == null]<br /> <img alt='logical_and_visual_tree_1.png' src='/SysWebRes/bbs/logical_and_visual_tree_1.png' /><br /> <br /> WPF를 처음 하시는 분들은 어리둥절할 텐데요. 보는 것처럼 왼쪽 패널에는 트리 구조로 분명 Parent/Child 관계가 성립되어 있는데, 정작 Button.Parent에는 null이라는 것은 납득이 안됩니다.<br /> <br /> <hr style='width: 50%' /><br /> <br /> 이유인 즉, WPF는 Logical Tree와 Visual Tree라는 2개의 Parent/Child 관계를 유지하고 있는데, Button.Parent 속성이 정의된 FrameworkElement.Parent 속성은 Visual 트리상에서의 부모가 아닌 Logical 트리 상에서의 부모를 반환하기 때문에 위와 같은 결과가 나오는 것입니다. (사실, 왼쪽 패널의 트리 뷰 탭을 보면 "Visual Tree"라고 명시되어 있습니다.)<br /> <br /> 따라서, 이런 경우에 부모를 찾고 싶다면 Visual Tree에서 찾아야 하고, 바로 이럴 때 VisualTreeHelper.GetParent 메서드를 이용하면 되는 것입니다.<br /> <br /> 이미 Logical Tree와 Visual Tree에 관해서는 많은 글에서 설명하고 있으므로 링크로 떼우겠습니다.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > Exploring the WPF Logical and Visual TreesFebruary 10th, 2006 ; <a target='_tab' href='http://blog.lab49.com/archives/217'>http://blog.lab49.com/archives/217</a> Of logical and visual trees in WPF ; http://blogs.msdn.com/mikehillberg/archive/2008/05/23/Of-logical-and-visual-trees-in-WPF.aspx Visual Level Programming vs Logical Level Programming ; <a target='_tab' href='http://shevaspace.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&_c=BlogPart&partqs=amonth%3d2%26ayear%3d2007'>http://shevaspace.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&_c=BlogPart&partqs=amonth%3d2%26ayear%3d2007</a> </pre> <br /> 위의 글 중에서 첫 번째 글을 보면... 재미있는 내용이 나옵니다. ^^<br /> <br /> <span style='margin: 10px 0px 10px 10px; font-family: 맑은 고딕, Consolas, Verdana; font-style: italic; width: 800px; background-color: #ccffcc; color: #005555;'> Note the difference in API between the LogicalTreeHelper and VisualTreeHelper. LogicalTreeHelper supports the GetChildren(FrameworkElement parent) method to give you an IEnumerable. In constrast VisualTreeHelper makes you use GetChildrenCount(Visual parent) and then iterate through that count using GetChild(Visual parent, int childIndex). Why the API difference for something which is essentially the same thing? My answer from Microsoft, "<b style='color: Blue;'>It was probably coded by two different developers.</b>"<br /> </span><br /><br /> <br /> 그건 그렇고.<br /> <br /> 이 관계를 이해하면 ContentControl과 ContentPresenter의 다른점을 이해할 수 있습니다. 이에 대해서는 이미 다음의 글에서 차이점을 설명하고 있는데요.<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > What is the difference between… ? - What is the difference between ContentPresenter and ContentControl? ; <a target='_tab' href='http://www.beacosta.com/blog/?p=38'>http://www.beacosta.com/blog/?p=38</a> </pre> <br /> 위의 설명에 나오지 않는 것을 하나 첨언하자면.<br /> <br /> <ul> <li>ContentControl의 경우 Logical Tree상의 Parent/Child 관계를 유지하고.(예외, 템플릿 안에 있을 때는 유지하지 않음)</li> <li>ContentPresenter의 경우 Logical Tree상의 Parent/Child 관계를 유지하지 않음.</li> </ul> <br /> 처음 Visual/Logical 트리라는 단어를 보았을 때, 왜 이런 것을 만들어 놓았어...? 라고 내심 생각했지만 Win32/WinForm 시절의 Window Handle 기반으로 고정된 Parent/Child 관계를 HWND가 없는 상태에서 나름 훌륭하게 구성하지 않았나... 하는 생각이 듭니다. ^^<br /> <br /> <hr style='width: 50%' /><br /> <br /> 마지막으로, 위에서 소개한 글 중에 포함된 멋진 퀴즈 하나!<br /> <br /> <pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; width: 800px; background-color: #fbedbb; overflow-x: scroll; font-family: Consolas, Verdana;' > <Button <b style='color: Blue;'>FontWeight='bold'</b>> <StackPanel> <Image /> <TextBlock>Clack</TextBlock> </StackPanel> <Button.Template> <ControlTemplate TargetType='Button'> <<b style='color: Blue;'>ContentPresenter</b> Content='{TemplateBinding Content}' <b style='color: Blue;'>TextBlock.FontWeight='normal'</b>/> </ControlTemplate> </Button.Template> </Button> </pre> <br /> 위와 같은 상태에서 ContentPresenter안에 놓인 텍스트는 "normal"일까요? "bold"일까요?<br /> 만약, 이 문제에 대한 답을 설명하지 못한다면 Logical/Visual Tree에 대한 이해가 완전하지 못한 것이니 ^^ 위에서 소개한 글을 시간 내서 꼭 읽어보시기 바랍니다. (정답은 두 번째 글에 있습니다.)<br /> <br /><br /><hr /><span style='color: Maroon'>[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]</span> </div>
첨부파일
스팸 방지용 인증 번호
6679
(왼쪽의 숫자를 입력해야 합니다.)