ヘッダの外観をカスタマイズする

C1TileView には、C1TileViewItem の Header の外観を変更できるプロパティがいくつかあります。これらのプロパティは、Header、HeaderBackground、HeaderFontFamily、HeaderFontSize、HeaderFontStretch、HeaderFontStyle、HeaderFontWeight、HeaderForeground、HeaderPadding、および HeaderTemplate です。

たとえば、次のマークアップは、これらのプロパティのいくつかを設定します。

XAML	コードのコピー
<c1:C1TileViewItem Header="ニュース" HeaderPadding="10 5 5 5" HeaderForeground="#FF507494" HeaderFontFamily="Trebuchet MS" HeaderFontSize="16"> <c1:C1TileViewItem.HeaderBackground> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="#FFE9ECF0" Offset="0" /> <GradientStop Color="#FFDDE1E7" Offset="0.2" /> <GradientStop Color="#FFCCD3DC" Offset="0.2" /> <GradientStop Color="#FFFAFAFB" Offset="0.647" /> </LinearGradientBrush> </c1:C1TileViewItem.HeaderBackground> </c1:C1TileViewItem>

XAML

コードのコピー

<c1:C1TileViewItem Header="ニュース" HeaderPadding="10 5 5 5" HeaderForeground="#FF507494" HeaderFontFamily="Trebuchet MS" HeaderFontSize="16">
   <c1:C1TileViewItem.HeaderBackground>
      <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        <GradientStop Color="#FFE9ECF0" Offset="0" />
            <GradientStop Color="#FFDDE1E7" Offset="0.2" />
            <GradientStop Color="#FFCCD3DC" Offset="0.2" />
            <GradientStop Color="#FFFAFAFB" Offset="0.647" />
      </LinearGradientBrush>
    </c1:C1TileViewItem.HeaderBackground>
</c1:C1TileViewItem>