#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>

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

imageimage

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