Тематика одного элемента отличается от его родных братьев - PullRequest
Новая
       4

Тематика одного элемента отличается от его родных братьев

0 голосов
/ 06 января 2012

У меня есть сетка данных, где я переопределил стиль строки и шаблон элемента управления для некоторых пользовательских тем. Для примера я поставил прямоугольник (высота: 1, заливка: красный) над каждой строкой. Как на изображении слева здесь -

enter image description here

Вот шаблон управления, который делает это, я просто добавил красный прямоугольник к шаблону по умолчанию. 

<ControlTemplate TargetType="{x:Type DataGridRow}">
                    <Border x:Name="DGR_Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                        <SelectiveScrollingGrid>
                            <SelectiveScrollingGrid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </SelectiveScrollingGrid.ColumnDefinitions>
                            <SelectiveScrollingGrid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </SelectiveScrollingGrid.RowDefinitions>
                            **<Rectangle Grid.Row="0" Fill="Red" Height="1" VerticalAlignment="Top" Grid.ColumnSpan="2"/>**
                            <DataGridCellsPresenter Grid.Row="1" Grid.Column="1" ItemsPanel="{TemplateBinding ItemsPanel}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                            <DataGridDetailsPresenter Grid.Column="1" Grid.Row="2" SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Visibility="{TemplateBinding DetailsVisibility}"/>
                            <DataGridRowHeader Grid.RowSpan="3" SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                        </SelectiveScrollingGrid>
                    </Border>
                </ControlTemplate>

Но скажем, я хочу, чтобы это выглядело как изображение справа ... там, где нет красного прямоугольника для первого ряда. Как бы я поступил так?

Я сталкивался с этой проблемой несколько раз с тех пор, как я работал с WPF - у меня есть еще одна проблема с заголовками TabItem: мне нужно, чтобы первая вкладка выглядела иначе, чем остальные. С CSS или jquery есть селекторы специально для этой цели при работе на сайтах. Я пишу настольное приложение WPF, и я не вижу, как это сделать с точки зрения xaml / C #. Кто-нибудь знает?

Ответы [ 3 ]

2 голосов
/ 06 января 2012

Вы можете попробовать использовать DataTrigger с RelativeSource на PreviousData, если это null, у вас есть первая строка .

( Примечание: Если вы сделаете то же самое в нацеливании на стиль DataGridCells, PreviousData будет работать по столбцу (как предыдущая ячейка в предыдущем столбце), поэтому тот же триггер повлияет на весь первый столбец, а не на первый ряд)

1 голос
/ 06 января 2012

Просто измените BorderThickness следующим образом. 

<Border BorderThickness="0,0,0,1" BorderBrush="Red"/>
0 голосов
/ 06 января 2012

Я бы использовал какой-то триггер. как то так (не проверял): (отредактировано: попробуйте набор данных на сетке данных) 

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Style.Triggers>
            <Trigger Property="Grid.Row" Value="0">
                <Setter Property="BorderBrush" Value="Black"/>
                <Setter Property="BorderThickness" Value="0,0,1,1"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</DataGrid.RowStyle>
...