TileView for UWP
最大化/最小化項目テンプレートを作成する
タスク別ヘルプ > 最大化/最小化項目テンプレートを作成する

C1TileView コントロールの項目を最小化および最大化した場合の表示方法をカスタマイズできます。たとえば、最小化された項目のコンテンツ領域にアイコンを表示して、その項目に含まれるコンテンツの種類を示すことができます。ContentMinimized プロパティおよび ContentMaximized プロパティを使用して、表示テンプレートを設定できます。これらのプロパティが設定されていない場合は、Content が使用されます。

たとえば、次のマークアップは、ContentMinimized テンプレートと ContentMaximized テンプレートを追加します。
コードのコピー 
        <TileView:C1TileView Name="C1TileView1">
            <TileView:C1TileViewItem Background="Red" Header="赤色">
                <TileView:C1TileViewItem.ContentMinimized>
                    <TextBlock Text="最小化された赤色" Height="28" Name="TextBlock1" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMinimized>
                <TileView:C1TileViewItem.ContentMaximized>
                    <TextBlock Text="最大化された赤色" Height="28" Name="TextBlock2" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMaximized>
            </TileView:C1TileViewItem>
            <TileView:C1TileViewItem Background="Orange" Header="オレンジ">
                <TileView:C1TileViewItem.ContentMinimized >
                    <TextBlock Text="最小化されたオレンジ" Height="28" Name="TextBlock3" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMinimized>
                <TileView:C1TileViewItem.ContentMaximized >
                    <TextBlock Text="最大化されたオレンジ" Height="28" Name="TextBlock4" Foreground="White"/>
                </TileView:C1TileViewItem.ContentMaximized>

            </TileView:C1TileViewItem>

        </TileView:C1TileView>

ここまでの成果

C1TileView の最小化および最大化された状態に使用されるテンプレートを追加しました。アプリケーションを実行し、項目の１つを最大化して、最小化された項目も最大化された項目もコンテンツが変更されることを確認してください。最小化された項目を最大化すると、各項目のコンテンツが再度変更されます。

 

 

Copyright © MESCIUS, Inc. All rights reserved.