フルスクリーンのPivot スタイル

#wp7dev_jp

Pivot を削って、ヘッダも削って、そして画面いっぱいにコンテンツが表示できるようにする Style.大事なところは色がついたところだけです。

前半の Pivot の Control Template ではレイアウトを指定しています。Gridの中にItemPresenter（PivotItemが入る）しかない。ヘッダもタイトルもなし。そして、後半はPivotItemを画面いっぱいにするためのPivotItemの Control Style。もともと Margin が 12,28,12,0 となっていたところをすべて0にしている。ヘッダやタイトルを残したままがいいなら、前半部分は不要で、後半の3行だけでOK。

<phone:PhoneApplicationPage.Resources>
       
    <Style TargetType="controls:Pivot">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="controls:Pivot">
                    <Grid
HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
VerticalAlignment="{TemplateBinding VerticalAlignment}">
<ItemsPresenter x:Name="PivotItemPresenter"/>
</Grid>
</ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="controls:PivotItem">
        <Setter Property="Margin" Value="0"/>
    </Style>
       
</phone:PhoneApplicationPage.Resources>

簡単なスタイルで簡単に効果が得られるのがうれしい。

ま、使う人がいるかどうかはともかく。