6

Silverlight 4 ページに 4 つのデータグリッドがあります。グリッドごとに異なる列ヘッダー スタイルを設定しようとしています。<sdk:DataGrid.ColumnHeaderStyle>タグ内の各 DataGrid に埋め込むと機能するこの XAML を見つけました。

  <Style TargetType="primitives:DataGridColumnHeader" >
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="primitives:DataGridColumnHeader">
          <Grid Name="Root">
            <vsm:VisualStateManager.VisualStateGroups>
              <vsm:VisualStateGroup x:Name="SortStates" >
                <vsm:VisualStateGroup.Transitions>
                  <vsm:VisualTransition GeneratedDuration="00:00:0.1" />
                </vsm:VisualStateGroup.Transitions>
                <vsm:VisualState x:Name="Unsorted" />
                <vsm:VisualState x:Name="SortAscending">
                  <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="SortIcon" Storyboard.TargetProperty="Opacity" Duration="0" To="1.0" />
                  </Storyboard>
                </vsm:VisualState>
                <vsm:VisualState x:Name="SortDescending">
                  <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="SortIcon" Storyboard.TargetProperty="Opacity" Duration="0" To="1.0" />
                    <DoubleAnimation Storyboard.TargetName="SortIconTransform" Storyboard.TargetProperty="ScaleY" Duration="0" To="-.9" />
                  </Storyboard>
                </vsm:VisualState>
              </vsm:VisualStateGroup>
            </vsm:VisualStateManager.VisualStateGroups>
            <Grid.RowDefinitions>
              <RowDefinition Height="*" />
              <RowDefinition Height="*" />
              <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto" />
              <ColumnDefinition Width="*" />
              <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>
            <Rectangle x:Name="BackgroundRectangle" Stretch="Fill" Grid.ColumnSpan="2" Grid.RowSpan="2">
              <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                  <GradientStop Color="Transparent" Offset="0" />
                  <GradientStop Color="LavenderBlush" Offset="1" />
                </LinearGradientBrush>
              </Rectangle.Fill>
            </Rectangle>
            <ContentPresenter Grid.RowSpan="2" Content="{TemplateBinding Content}" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="{TemplateBinding Padding}" />
            <Rectangle Name="VerticalSeparator" Grid.RowSpan="2" Grid.Column="2" Width="1" VerticalAlignment="Stretch" Fill="{TemplateBinding SeparatorBrush}" Visibility="{TemplateBinding SeparatorVisibility}" />
            <Path Grid.RowSpan="2" Name="SortIcon" RenderTransformOrigin=".5,.5" HorizontalAlignment="Left" VerticalAlignment="Center" Opacity="0" Grid.Column="1" Stretch="Uniform" Width="8" Data="F1 M -5.215,6.099L 5.215,6.099L 0,0L -5.215,6.099 Z ">
              <Path.Fill>
                <SolidColorBrush Color="#FF444444" />
              </Path.Fill>
              <Path.RenderTransform>
                <TransformGroup>
                  <ScaleTransform x:Name="SortIconTransform" ScaleX=".9" ScaleY=".9"  />
                </TransformGroup>
              </Path.RenderTransform>
            </Path>
          </Grid>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  </Style>

別のリソース ディクショナリに配置して前述のタグを削除すると、4 つのヘッダーすべてに適用されて機能します。しかし、リソース ディクショナリで特定のバージョンを作成しようとして、最初の行を次のように変更すると、次のようになります。

<Style x:Key="ADGridColumnHeader" TargetType="primitives:DataGridColumnHeader" >

これを DataGrid に追加します。

ColumnHeaderStyle="PhoneMasterGridColumnHeader"

エラーが表示されます: XamlParseException が発生しました: テキスト 'PhoneMasterGridColumnHeader' から 'System.Windows.Style' を作成できませんでした。何が悪いのかわかりません。スタイルとリソース ディクショナリを理解するのにまだ苦労しています。何か案が？

4

1 に答える 1

7

このようにしてみてください：-

 ColumnHeaderStyle="{StaticResource PhoneMasterGridColumnHeader}"

ColumnHeaderStyle プロパティは、タイプ のオブジェクトを受け取ることを想定していますStyle。これで、その値を次のように定義できます:-

 <DataGrid.ColumnHeaderStyle>
    <Style TargetType="primitives:DataGridColumnHeade">
      <!--  You setters here -->
    </Style>
 </DataGrid>

または、何らかの奇妙な理由で、グリッドHeaderStyleの現在の ViewModel で呼び出されるプロパティとしてスタイルを公開する場合があります。DataContext

 <DataGrid ColumnHeaderStyle="{Binding HeaderStyle}" >

ポイントは、Xaml でプロパティ値を取得する方法がいくつかあるということです。リソースの参照はその 1 つにすぎません。したがって、単純に述べるColumnHeaderStyle="MyStyle"のは少なくともあいまいなので、静的リソースを介して値を取得したいという状態を明示する必要があります。

于 2010-08-31T19:37:40.120 に答える