windows-phone-7 - WP7 ピボット アイテムの 2 番目のヘッダーの色を変更する方法

Question

たとえば、パノラマ コントロールのヘッダーの前景を赤で、他のタイトル (ピボット アイテムであるため見始めることができる) を灰色にすることは可能ですか?

タイトル 1 : 赤で、影付きのタイトル 2 はグレーで表示されます。

ありがとうございました

Answer 1

SelectionChanged イベント ハンドラーを使用できます。ヘッダーを TextBlocks として定義する場合:-

                <controls:Pivot Title="MY APPLICATION"
                    SelectionChanged="Pivot_SelectionChanged">
        <controls:PivotItem>
            <controls:PivotItem.Header>
                <TextBlock Text="first"
                           Foreground="Red" />
            </controls:PivotItem.Header>
        </controls:PivotItem>
        <controls:PivotItem>
            <controls:PivotItem.Header>
                <TextBlock Text="second"
                           Foreground="Red" />
            </controls:PivotItem.Header>
        </controls:PivotItem>
        <controls:PivotItem>
            <controls:PivotItem.Header>
                <TextBlock Text="third"
                           Foreground="Red" />
            </controls:PivotItem.Header>
        </controls:PivotItem>
        <controls:PivotItem>
            <controls:PivotItem.Header>
                <TextBlock Text="fourth"
                           Foreground="Red" />
            </controls:PivotItem.Header>
        </controls:PivotItem>
    </controls:Pivot>

次に、C# コード ビハインドで、TextBlocks の前景を変更できます。

        private void Pivot_SelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (e.AddedItems.Count > 0)
        {
            PivotItem currentItem = e.AddedItems[0] as PivotItem;

            if (currentItem != null)
            {
                (currentItem.Header as TextBlock).Foreground = new SolidColorBrush(Colors.White);
            }
        }

        if (e.RemovedItems.Count > 0)
        {
            PivotItem currentItem = e.RemovedItems[0] as PivotItem;

            if (currentItem != null)
            {
                (currentItem.Header as TextBlock).Foreground = new SolidColorBrush(Colors.Red);
            }
        }
    }

Answer 2

次のように xaml ファイルを作成できます。

    <controls:Pivot Title="My application" Foreground="Red">
        <controls:PivotItem>
            <controls:PivotItem.Header>
                <TextBlock Text="first" Foreground="Gray"></TextBlock>
            </controls:PivotItem.Header>
            <TextBlock Text="content"></TextBlock>
        </controls:PivotItem>
    </controls:Pivot>