소년포비의 Windows Phone 7 탐구생활 4탄!!

 

안녕하세요 ^^

 

소년포비입니다. 요번에는 저번에 말씀 드렸드시

 

PIVOT 에 대해서 알아 보도록 하겠습니다.

 

 

 

PART 4 : PIVOT

 

 

 

 

 

 

 

자 여러분 이녀석이 바로 PIVOT 입니다. 보이시죠 아주 깔끔하게 생겼죠?

 

 

 

<핵심 포인트>

1. 성능 이유로 페이지의 수를 많이 하지말고 적당하게 줄여서 사용한다.

2. 사용자가 표시할 각 항목이 동일한 유형으로 되어있는지 확인한다.

3. 피벗 컨트롤이 원하는 사용자 경험에 맞는 확인하고 사용한다.

 

 

PIVOT 이녀석도 전 시간에 배웠던 파노라마와 다소 비슷한 면이

 

아주 많습니다 ^^ 하하하...^^

 

 

 

자 이제 PIVOT 에 대해서 알아보기 위해서

 

Windows Phone Pivot Application 이름을 클릭 후 시작하도록 하겠습니다.

 

 

 

 

 

 

전 시간에 보셨드시 만드시면 기본적으로 제공하는 화면이 보여지시게 됩니다

 

바로 아래 그림처럼 보이시게 되는거죠?

 

잘 보이시죠?

 

 

 

 

 

 

자 그림 아무것도 하지마시고 바로 빌드하셔서 확인해보세요~~

 

그럼 아래 그림처럼 잘 움직이는 PIVOT를 보실수 있으십니다.

 

 

 

 

 

 

자 그럼 Pivot 의 메인 코드로  직접 보시겠습니다.

 

아래 코드가  어디 있는지 여러분들도 화면에서

 

직접한번 찾아보세요 ^^

<!--Pivot Control-->
<controls:Pivot Title="MY APPLICATION">
<!--Pivot item one-->
<controls:PivotItem Header="first">
<!--Double line list with text wrapping-->
<ListBox x:Name="FirstListBox" Margin="0,0,-12,0" ItemsSource="{Binding Items}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Margin="0,0,0,17" Width="432">
<TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
<TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</controls:PivotItem>
...
<!--Pivot item two-->
....
</controls:Pivot>
</Grid>

 

 

잠깐!!!

<전 시간과 마찬가지로 이녀석을 추가하시고 사용하세요 ^^>

xmlns:sys="clr-namespace:System;assembly=mscorlib"

 

자 여러분 찾으셨나요? 그럼 위 코드에서 직접 수정하시면서

 

변화되는 화면을 직접 체험해 보시면 되겠습니다 ^^

 

그리고 추가적으로 새항목을 추가해서

 

하실수 있도록 책에서 재공하는 추가 샘플코드를

 

추가하시면서 만들어 보시기 바랍니다.

 

 

 

<controls:PivotItem Header="third">>
<Grid>
<ListBox FontSize="{StaticResource PhoneFontSizeLarge}">
<sys:String>This</sys:String>
<sys:String>item</sys:String>
<sys:String>has</sys:String>
<sys:String>a</sys:String>
<sys:String>short</sys:String>
<sys:String>list</sys:String>
<sys:String>of</sys:String>
<sys:String>strings</sys:String>
<sys:String>that</sys:String>
<sys:String>you</sys:String>
<sys:String>can</sys:String>
<sys:String>scroll</sys:String>
<sys:String>up</sys:String>
<sys:String>and</sys:String>
<sys:String>down</sys:String>
<sys:String>and</sys:String>
<sys:String>back</sys:String>
<sys:String>again.</sys:String>
</ListBox>
</Grid>
</controls:PivotItem>

 

 

자 여러분 위 항목을 추가하셔서 잘 해보셨나요?

 

빌드 하시면 아래 화면이 나오면서 여러분들이 하신 화면과 비슷하게

 

나오실듯하네요 ^^

 

어떠세요? 잘 되시죠? 여러분 테스트를 게을리 하지마세요

 

그러셔야 자기실력이 늘어나요 아시죠? 하하하....^^

 

 

 

 

 

 

자 여러분 오늘도 수고가 많으셨습니다.

 

조금씩 늘어나는 실력에 감탄하고 있으실지 모르겠네요 ^^

 

4탄을까지 하면서 어느정도 윈도우폰7에 대해서 기본적으로 알아보고 있신데요

 

다음 시간에는 무엇을 알려드릴까요?

 

하하하....다음 시간에 배우실 내용은 DEALING WITH PAGE ORIENTATIONS

 

페이지의 전환에 대해서 배우시도록 하겠습니다.

 

그럼 다음시간까지 이전강좌를 보시면서 연습 많이 해보세요 ^^