Projekty typu Panorama a Pivot


Projekt typu Panorama Application

Projekt typu Panorama Application je jedným z trikov ako môže aplikácia využiť väčšiu zobrazovaciu plochu. Aplikácia využíva virtuálnu plochu, ktorá je na šírku podstatne väčšia, viacnásobná, než je šírka displeja. Displej je potom akýmsi oknom, ktoré sa posúva po virtuálnej ploche. Využíva sa prvok Panorama, ktorý je rozčlenený na viac častí, ktoré sa nazývajú PanaramaItem.

V šablóne projektu je prvok Panorama rozdelený na dve časti označené v záhlaví ako first item a second item.

<!–LayoutRoot is the root grid where all page content is placed–>

<Grid x:Name=”LayoutRoot” Background=”Transparent”>

 

<!–Panorama control–>

<controls:Panorama Title=”my application”>

<controls:Panorama.Background>

<ImageBrush ImageSource=”PanoramaBackground.png”/>

</controls:Panorama.Background>

 

<!–Panorama item one–>

<controls:PanoramaItem Header=”first item”>


</controls:PanoramaItem>

 

<!–Panorama item two–>

<controls:PanoramaItem Header=”second item”>


</controls:PanoramaItem>

</controls:Panorama>

</Grid>

 

Údaje implicitne použité v šablóne aplikácie typu typu Panorama Application sú v štruktúre MainViewModel v súbore MainViewModelSampleData.xaml (výpis je vodorovne skrátený)

<local:MainViewModel

xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation&#8221;

xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml&#8221;

xmlns:local=”clr-namespace:WindowsPhonePanoramaApplication1″

SampleProperty=”Sample Text Property Value”>

 

<local:MainViewModel.Items>

<local:ItemViewModel LineOne=”design one” LineTwo=”Maecenas praes…
“/>

<local:ItemViewModel LineOne=”design two” LineTwo=”Dictumst eleif…
“/>

<local:ItemViewModel LineOne=”design three” LineTwo=”Habitant inc…
“/>

<local:ItemViewModel LineOne=”design four” LineTwo=”Nascetur phar…
“/>

<local:ItemViewModel LineOne=”design five” LineTwo=”Sagittis sene…
“/>

<local:ItemViewModel LineOne=”design six” LineTwo=”Torquent ultri…
“/>

</local:MainViewModel.Items>

 

</local:MainViewModel>

Posúvanie okna náhľadu. Všimnite si, že obraz je rozdelený tak, aby vpravo bol pásik z ďalšej obrazovky aby používateľa upozornil na jej existenciu

Princíp zobrazovania pomocou prvku Panorama

Projekt typu Pivot Application

Tento typ projektu poskytuje rýchly, elegantný a efektívny spôsob, ako pracovať so zoznamami a agregovanými údajmi. Môže byť použitá pre stránkované zobrazovanie a filtrovanie veľkých množín údajov. Jednoduchým gestom posunutia doprava, alebo doľava sa používateľ ocitne na ďalšej stránke.

Princíp zobrazovania pomocou prvku Pivot. Všimnite si, že prvok Pivot control sa často vyskytuje aj v aplikáciách, ktoré sú súčasťou operačného systému, napríklad pre zobrazenie zoznamu mailov, úloh, kontaktov a podobne.

Vytvorte projekt typu Pivot Application. V šablóne nájdete príklad objektu Pivot Control, obsahujúci dve stránky PivotItem.

<!–LayoutRoot is the root grid where all page content is placed–>

<Grid x:Name=”LayoutRoot” Background=”Transparent”>

<!–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:PivotItem Header=”second”>


</controls:PivotItem>

</controls:Pivot>

</Grid>

 

Podobna ako v projekte využívajúcom prvok Panarama sú údaje implicitne použité v šablóne aplikácie v štruktúre MainViewModel v súbore MainViewModelSampleData.xaml

Spustenie aplikácie vytvorenej podľa šablóny Pivot Application

About Luboslav Lacko

Záujem o využitie moderných telefónov pre biznis a osobný život. Cloud computing, virtualizácia, vývoj aplikácií, business intelligence
This entry was posted in Win Phone 7 and tagged , , , . Bookmark the permalink.

Pridaj komentár

Zadajte svoje údaje, alebo kliknite na ikonu pre prihlásenie:

WordPress.com Logo

Na komentovanie používate váš WordPress.com účet. Odhlásiť sa /  Zmeniť )

Google photo

Na komentovanie používate váš Google účet. Odhlásiť sa /  Zmeniť )

Twitter picture

Na komentovanie používate váš Twitter účet. Odhlásiť sa /  Zmeniť )

Facebook photo

Na komentovanie používate váš Facebook účet. Odhlásiť sa /  Zmeniť )

Connecting to %s