Microsoft MVP성태의 닷넷 이야기
.NET Framework: 144. WPF - FrameworkElement.Parent 속성이 null이라면? [링크 복사], [링크+제목 복사],
조회: 27091
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 


FrameworkElement.Parent 속성이 null이라면?


예를 들어서, "Mole debugger visualizer"를 이용해서 ContentPresenter의 Content에 지정된 Button.Parent 속성을 확인해 보면 아래와 같이 "null"임을 확인할 수 있습니다.

=== XAML ===

<ContentPresenter>
    <ContentPresenter.Content>
        <Button>Test</Button>
    </ContentPresenter.Content>
</ContentPresenter>

[그림 1: Button.Parent == null]
logical_and_visual_tree_1.png

WPF를 처음 하시는 분들은 어리둥절할 텐데요. 보는 것처럼 왼쪽 패널에는 트리 구조로 분명 Parent/Child 관계가 성립되어 있는데, 정작 Button.Parent에는 null이라는 것은 납득이 안됩니다.




이유인 즉, WPF는 Logical Tree와 Visual Tree라는 2개의 Parent/Child 관계를 유지하고 있는데, Button.Parent 속성이 정의된 FrameworkElement.Parent 속성은 Visual 트리상에서의 부모가 아닌 Logical 트리 상에서의 부모를 반환하기 때문에 위와 같은 결과가 나오는 것입니다. (사실, 왼쪽 패널의 트리 뷰 탭을 보면 "Visual Tree"라고 명시되어 있습니다.)

따라서, 이런 경우에 부모를 찾고 싶다면 Visual Tree에서 찾아야 하고, 바로 이럴 때 VisualTreeHelper.GetParent 메서드를 이용하면 되는 것입니다.

이미 Logical Tree와 Visual Tree에 관해서는 많은 글에서 설명하고 있으므로 링크로 떼우겠습니다.

Exploring the WPF Logical and Visual TreesFebruary 10th, 2006 
; http://blog.lab49.com/archives/217

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
; http://shevaspace.spaces.live.com/?_c11_BlogPart_BlogPart=blogview&_c=BlogPart&partqs=amonth%3d2%26ayear%3d2007

위의 글 중에서 첫 번째 글을 보면... 재미있는 내용이 나옵니다. ^^

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, "It was probably coded by two different developers."



그건 그렇고.

이 관계를 이해하면 ContentControl과 ContentPresenter의 다른점을 이해할 수 있습니다. 이에 대해서는 이미 다음의 글에서 차이점을 설명하고 있는데요.

What is the difference between… ?
- What is the difference between ContentPresenter and ContentControl?
; http://www.beacosta.com/blog/?p=38

위의 설명에 나오지 않는 것을 하나 첨언하자면.

  • ContentControl의 경우 Logical Tree상의 Parent/Child 관계를 유지하고.(예외, 템플릿 안에 있을 때는 유지하지 않음)
  • ContentPresenter의 경우 Logical Tree상의 Parent/Child 관계를 유지하지 않음.

처음 Visual/Logical 트리라는 단어를 보았을 때, 왜 이런 것을 만들어 놓았어...? 라고 내심 생각했지만 Win32/WinForm 시절의 Window Handle 기반으로 고정된 Parent/Child 관계를 HWND가 없는 상태에서 나름 훌륭하게 구성하지 않았나... 하는 생각이 듭니다. ^^




마지막으로, 위에서 소개한 글 중에 포함된 멋진 퀴즈 하나!

<Button FontWeight='bold'>
    <StackPanel>
        <Image />
        <TextBlock>Clack</TextBlock>
    </StackPanel>

    <Button.Template>
        <ControlTemplate TargetType='Button'>
            <ContentPresenter Content='{TemplateBinding Content}'
             TextBlock.FontWeight='normal'/>
        </ControlTemplate>
    </Button.Template>
</Button>

위와 같은 상태에서 ContentPresenter안에 놓인 텍스트는 "normal"일까요? "bold"일까요?
만약, 이 문제에 대한 답을 설명하지 못한다면 Logical/Visual Tree에 대한 이해가 완전하지 못한 것이니 ^^ 위에서 소개한 글을 시간 내서 꼭 읽어보시기 바랍니다. (정답은 두 번째 글에 있습니다.)



[이 토픽에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 6/26/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 



2009-06-18 01시57분
[사이] 아 멋지네요~ ^^ 궁금했던 의문점들이 투명해 졌습니다. 감사합니다.^^
[guest]
2009-06-18 02시52분
그쵸... 저 위에 있는 링크들의 글들이... 꽤나 잘 설명해 주고 있어서. ^^ 별로 쓸 말이 없습니다.
kevin25
2016-06-07 01시21분
정성태

... 61  62  63  64  65  [66]  67  68  69  70  71  72  73  74  75  ...
NoWriterDateCnt.TitleFile(s)
12288정성태8/5/202016018오류 유형: 637. WCF - The protocol 'net.tcp' does not have an implementation of HostedTransportConfiguration type registered.
12287정성태8/5/202017478오류 유형: 636. C# - libdl.so를 DllImport로 연결 시 docker container 내에서 System.DllNotFoundException 예외 발생
12286정성태8/5/202018846개발 환경 구성: 501. .NET Core 용 container 이미지 만들 때 unzip이 필요한 경우
12285정성태8/4/202018524오류 유형: 635. 윈도우 10 업데이트 - 0xc1900209 [2]
12284정성태8/4/202017872디버깅 기술: 169. Hyper-V의 VM에 대한 메모리 덤프를 뜨는 방법
12283정성태8/3/202018787디버깅 기술: 168. windbg - 필터 드라이버 확인하는 확장 명령어(!fltkd) [2]
12282정성태8/2/202016591디버깅 기술: 167. windbg 디버깅 사례: AppDomain 간의 static 변수 사용으로 인한 crash (2)
12281정성태8/2/202020235개발 환경 구성: 500. (PDB 연결이 없는) DLL의 소스 코드 디버깅을 dotPeek 도구로 해결하는 방법
12280정성태8/2/202018374오류 유형: 634. 오라클 (평생) 무료 클라우드 VM 생성 후 SSH 접속 시 키 오류 발생 [2]
12279정성태7/29/202020086개발 환경 구성: 499. 닷넷에서 접근해보는 InterSystems의 Cache 데이터베이스파일 다운로드1
12278정성태7/23/202016741VS.NET IDE: 149. ("Binary was not built with debug information" 상태로) 소스 코드 디버깅이 안되는 경우
12277정성태7/23/202018654개발 환경 구성: 498. DEVPATH 환경 변수의 사용 예 - .NET Reflector의 (PDB 연결이 없는) DLL의 소스 코드 디버깅
12276정성태7/23/202018048.NET Framework: 930. 개발자를 위한 닷넷 어셈블리 바인딩 - DEVPATH 환경 변수
12275정성태7/22/202020212개발 환경 구성: 497. 닷넷에서 접근해보는 InterSystems의 IRIS Data Platform 데이터베이스파일 다운로드1
12274정성태7/21/202019575개발 환경 구성: 496. Azure - Blob Storage Account의 Location 이전 방법 [1]파일 다운로드1
12273정성태7/18/202022316개발 환경 구성: 495. Azure - Location이 다른 웹/DB 서버의 경우 발생하는 성능 하락
12272정성태7/16/202015492.NET Framework: 929. (StrongName의 버전 구분이 필요 없는) .NET Core 어셈블리 바인딩 규칙 [2]파일 다운로드1
12271정성태7/16/202018434.NET Framework: 928. .NET Framework의 Strong-named 어셈블리 바인딩 (2) - 런타임에 바인딩 리디렉션파일 다운로드1
12270정성태7/16/202019090오류 유형: 633. SSL_CTX_use_certificate_file - error:140AB18F:SSL routines:SSL_CTX_use_certificate:ee key too small
12269정성태7/16/202016390오류 유형: 632. .NET Core 웹 응용 프로그램 - The process was terminated due to an unhandled exception.
12268정성태7/15/202019013오류 유형: 631. .NET Core 웹 응용 프로그램 오류 - HTTP Error 500.35 - ANCM Multiple In-Process Applications in same Process
12267정성태7/15/202021075.NET Framework: 927. C# - 윈도우 프로그램에서 Credential Manager를 이용한 보안 정보 저장파일 다운로드1
12266정성태7/14/202017984오류 유형: 630. 사용자 계정을 지정해 CreateService API로 서비스를 등록한 경우 "Error 1069: The service did not start due to a logon failure." 오류발생
12265정성태7/10/202016858오류 유형: 629. Visual Studio - 웹 애플리케이션 실행 시 "Unable to connect to web server 'IIS Express'." 오류 발생
12264정성태7/9/202028194오류 유형: 628. docker: Error response from daemon: Conflict. The container name "..." is already in use by container "...".
12261정성태7/9/202019454VS.NET IDE: 148. 윈도우 10에서 .NET Core 응용 프로그램을 리눅스 환경에서 실행하는 2가지 방법 - docker, WSL 2 [5]
... 61  62  63  64  65  [66]  67  68  69  70  71  72  73  74  75  ...