파노라마 컨트롤 타이틀 모양 변경하기

파노라마 컨트롤의 타이틀을 변경 하는 방법에대해서 알아 보겠다.

일단 기본적으로 "Windows Phone 파노라마 응용 프로그램" 프로젝트를 생성하면 아래와 같이 기본 템플릿으로 생성이 된다.

   보는 바와 같이 "내 응용프로그램"이라는 메인 타이틀은 터무니 없이 크고 "첫번째 항목"이라는 

헤더 영역 역시 너무 커서 이쁘지가 않다... 

어플리케이션의 성격에 따라 기본 템플릿이  잘 어울릴수도 있겠으나 나는 일단 모양을 바꿔보도록 하겠다.

xaml의 Panorama 엘리먼트하위에 아래 코드를 삽입한다.

<controls:Panorama.TitleTemplate> <DataTemplate> <TextBlock Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" FontSize="26" Margin="0,100,0,0" FontWeight="Bold" Foreground="Black" /> </DataTemplate> </controls:Panorama.TitleTemplate>

기본으로 설정 되어 있는 파노라마 타이틀템플릿을 재정의 하는 부분이다.

위와 비슷한 방법으로 PanoramaItem의 Header 부분 역시 재정의가 가능하다.

<controls:PanoramaItem.HeaderTemplate> <DataTemplate> <TextBlock Text="{Binding Content, RelativeSource={RelativeSource TemplatedParent}}" FontSize="40" Margin="0" Foreground="Red" /> </DataTemplate> </controls:PanoramaItem.HeaderTemplate>

이와 같이 모두 추가 하였다면 아래 이미지와 같은 화면을 만나볼수 있다.

 이 화면이 결코 이쁘지는 않지만 위의 소스를 응용하면 해당영역을 얼마든지 이쁘게 꾸밀수가 있다

파일 첨부: PanoramaApp2.zip