WPF. Стиль списка ListBox

У меня проблема со стилем itemBox, я создаю два стиля и не знаю, как использовать его вместе. 1-ый стиль - для размера элемента ListBox, мыши над цветом и т. Д., Или второй для фона элемента (чередование). Если я оставлю один из них, они будут работать нормально, но как заставить их работать вместе? Или, может быть, я мог бы написать в одном стиле?WPF. Стиль списка ListBox

Мой код:

..... <Style x:Key="Style2" 
     TargetType="{x:Type ListBoxItem}"> 
     <Setter Property="SnapsToDevicePixels" Value="true"/> 
     <Setter Property="OverridesDefaultStyle" Value="true"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ListBoxItem"> 
        <Border 
         Name="Border" 
         Padding="7" 
         SnapsToDevicePixels="True"> 
         <ContentPresenter /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsSelected" Value="true"> 
          <Setter TargetName="Border" Property="Background" 
            Value="{StaticResource SelectedBackgroundBrush}"/> 
         </Trigger> 
         <Trigger Property="IsEnabled" Value="false"> 
          <Setter Property="Foreground" 
            Value="{StaticResource DisabledForegroundBrush}"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
     <Style.Triggers> 
      <Trigger Property="ItemsControl.AlternationIndex" Value="0"> 
       <Setter Property="Background" Value="#FFFFFF"></Setter> 
      </Trigger> 
      <Trigger Property="ItemsControl.AlternationIndex" Value="1"> 
       <Setter Property="Background" Value="#F7F7F7"></Setter> 
      </Trigger> 
     </Style.Triggers> 
    </Style> 

    <Style x:Key="{x:Type ListBoxItem}" 
     TargetType="{x:Type ListBoxItem}" 
     BasedOn="{StaticResource Style2}"> 
     <Style.Triggers> 
      <Trigger Property="ItemsControl.AlternationIndex" Value="0"> 
       <Setter Property="Background" Value="#19f39611"></Setter> 
      </Trigger> 
      <Trigger Property="ItemsControl.AlternationIndex" Value="1"> 
       <Setter Property="Background" Value="#19000000"></Setter> 
      </Trigger> 
     </Style.Triggers> 
    </Style> 
</Window.Resources> 


<Grid > 
    <ScrollViewer Margin="30,98,362,30"> 
     <ListBox x:Name="lbPersonList" AlternationCount="2"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <TextBlock Text="{Binding Name}"/> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 
    </ScrollViewer> 
</Grid>

источник

2015-07-17 LTU

Вы можете использовать BasedOn

<Style x:Key="Style1" TargetType="ListBoxItem"> 
    ... 
</Style> 

<Style x:Key="{x:Type ListBoxItem}" TargetType="ListBoxItem" BasedOn={StaticResource Style1}> 
    ... 
</Style>

EDITED

Проблема была Фоновая сеттер в ControlTemplate. Это решение (с использованием AlternationConverter вместо триггеров):

<Window.Resources> 
    <AlternationConverter x:Key="BackgroundConverter"> 
     <SolidColorBrush Color="#19f39611" /> 
     <SolidColorBrush Color="#19000000" /> 
    </AlternationConverter> 

    <Style x:Key="Style2" TargetType="{x:Type ListBoxItem}"> 
     <Setter Property="SnapsToDevicePixels" Value="true"/> 
     <Setter Property="OverridesDefaultStyle" Value="true"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ListBoxItem"> 
        <Border Name="Border" Padding="7" SnapsToDevicePixels="True" Background="{TemplateBinding Background}"> 
         <ContentPresenter /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsSelected" Value="true"> 
          <Setter TargetName="Border" Property="Background" Value="Gray"/> 
         </Trigger> 
         <Trigger Property="IsEnabled" Value="false"> 
          <Setter Property="Foreground" Value="Green"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

    <Style x:Key="Style1" TargetType="{x:Type ListBoxItem}" BasedOn="{StaticResource Style2}"> 
     <Setter Property="Background" Value="{Binding RelativeSource={RelativeSource Self}, 
       Path=(ItemsControl.AlternationIndex), 
       Converter={StaticResource BackgroundConverter}}"/> 
    </Style> 
</Window.Resources> 

<ListBox x:Name="lbPersonList" AlternationCount="2" ItemContainerStyle="{StaticResource Style1}"> 
...

источник

2015-07-17 07:13:18 Nacho

Если я использую ваш пример Как я могу назвать этот стиль в опции ListBox? Потому что знаете, что он работает только style1 (Alternationcount не работает) – LTU

Проблема была установкой Background для ControlTemplate. Я отредактировал свой ответ. – Nacho

Вы должны установить для каждого стиля надлежащего x:Key, а затем на одну из вашего стиля вы можете использовать BasedOn={StaticResource Style1}, который присоединяет к вашему текущему стилю, style1. (Проверьте документацию: https://msdn.microsoft.com/en-us/library/system.windows.style.basedon(v=vs.110).aspx)

Проверьте это:

<Style x:Key="Style2" 
      TargetType="ListBoxItem"> 
     <Style.Triggers> 
      <Trigger Property="ItemsControl.AlternationIndex" 
        Value="0"> 
       <Setter Property="Background" 
         Value="#19f39611"></Setter> 
      </Trigger> 
      <Trigger Property="ItemsControl.AlternationIndex" 
        Value="1"> 
       <Setter Property="Background" 
         Value="#19000000"></Setter> 
      </Trigger> 
     </Style.Triggers> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ListBoxItem"> 
        <Border Name="Border" 
          Padding="7" 
          SnapsToDevicePixels="True"> 
         <ContentPresenter /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsSelected" 
           Value="true"> 
          <Setter Property="Background" 
            Value="Red" /> 
         </Trigger> 
         <Trigger Property="IsEnabled" 
           Value="false"> 
          <Setter Property="Foreground" 
            Value="Gray" /> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

    <Style TargetType="{x:Type ListBoxItem}" 
      BasedOn="{StaticResource Style2}"> 
     <Setter Property="SnapsToDevicePixels" 
       Value="true" /> 
     <Style.Triggers> 

      <Trigger Property="ListBox.AlternationIndex" 
        Value="0"> 
       <Setter Property="Background" 
         Value="CornflowerBlue" /> 
       <Setter Property="Foreground" 
         Value="Black" /> 
      </Trigger> 

      <Trigger Property="ItemsControl.AlternationIndex" 
        Value="1"> 
       <Setter Property="Background" 
         Value="LightBlue" /> 
       <Setter Property="Foreground" 
         Value="Red" /> 
      </Trigger> 
     </Style.Triggers> 
    </Style>

источник

2015-07-17 07:13:18 SJD

Хорошо, я исправлю это, и как мне нужно написать его в опции ListBox (см. В .....)? Потому что теперь работает только первый стиль (количество чередования не работает) – LTU

Проверить новое обновление.: D Ну, вы должны знать, что с помощью 'BasedOn' новый стиль перезапишет все уже определенные стили. Например, 'Alternation' не будет работать с обоими из них одновременно. Это будет учтено только 1 из них, потому что этот триггер определяется в обоих стилях. – SJD

Как я могу заставить их работать вместе? Может быть, его возможные свойства счетчика чередования помещаются в первый стиль? – LTU

Использование Dynamic resource вы можете достичь этого, используя единый стиль ListBoxItem

<Window.Resources>        
    <Style x:Key="Lststyle" TargetType="ListBoxItem">   
     <Setter Property="SnapsToDevicePixels" Value="true"/>   
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ListBoxItem"> 
        <Border Name="Border" Background="Transparent" Padding="7" SnapsToDevicePixels="True">       
         <ContentPresenter /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="ListBox.AlternationIndex" Value="0"> 
          <Setter TargetName="Border" Property="Background" Value="{DynamicResource Color0}"/> 
         </Trigger> 
         <Trigger Property="ListBox.AlternationIndex" Value="1"> 
          <Setter TargetName="Border" Property="Background" Value="{DynamicResource Color1}"/> 
         </Trigger> 
         <Trigger Property="ListBoxItem.IsSelected" Value="true"> 
          <Setter TargetName="Border" Property="Background" Value="Green"/> 
         </Trigger> 
         <Trigger Property="ListBoxItem.IsEnabled" Value="false"> 
          <Setter Property="Foreground" Value="LightGray"/> 
         </Trigger>       
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter>   
    </Style> 
</Window.Resources> 

<StackPanel > 
    <TextBlock Text="Listbox1"></TextBlock> 
    <ScrollViewer > 
     <ListBox x:Name="lbPersonList" ItemContainerStyle="{StaticResource Lststyle}" AlternationCount="2"> 
      <ListBox.Resources> 
       <SolidColorBrush x:Key="Color0" Color="#19f39611"></SolidColorBrush> 
       <SolidColorBrush x:Key="Color1" Color="#19000000"></SolidColorBrush> 
      </ListBox.Resources> 
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
     </ListBox> 
    </ScrollViewer> 
    <TextBlock Margin="0,10,0,0" Text="Listbox2"></TextBlock> 
    <ScrollViewer> 
     <ListBox x:Name="lbPersonList1" ItemContainerStyle="{StaticResource Lststyle}" AlternationCount="2"> 
      <ListBox.Resources> 
       <SolidColorBrush x:Key="Color0" Color="Yellow"></SolidColorBrush> 
       <SolidColorBrush x:Key="Color1" Color="Blue"></SolidColorBrush> 
      </ListBox.Resources> 
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
     </ListBox> 
    </ScrollViewer> 
</StackPanel>

упрощенный XAML

<Window.Resources> 
    <Style x:Key="lst1" TargetType="ListBox" > 
     <Style.Resources> 
      <SolidColorBrush x:Key="Color0" Color="#19f39611"></SolidColorBrush> 
      <SolidColorBrush x:Key="Color1" Color="#19000000"></SolidColorBrush> 
     </Style.Resources> 
    </Style> 
    <Style x:Key="lst2" TargetType="ListBox" > 
     <Style.Resources> 
      <SolidColorBrush x:Key="Color0" Color="Blue"></SolidColorBrush> 
      <SolidColorBrush x:Key="Color1" Color="Yellow"></SolidColorBrush> 
     </Style.Resources> 
    </Style> 
    <Style x:Key="Lststyle" TargetType="ListBoxItem"> 
     <Setter Property="SnapsToDevicePixels" Value="true"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="ListBoxItem"> 
        <Border Name="Border" Background="Transparent" Padding="7" SnapsToDevicePixels="True"> 
         <Border.Style> 
          <Style TargetType="Border"> 
           <Style.Triggers> 
            <Trigger Property="ItemsControl.AlternationIndex" Value="0"> 
             <Setter Property="Background" Value="{DynamicResource Color0}"/> 
            </Trigger> 
            <Trigger Property="ItemsControl.AlternationIndex" Value="1"> 
             <Setter Property="Background" Value="{DynamicResource Color1}"/> 
            </Trigger> 
           </Style.Triggers> 
          </Style> 
         </Border.Style> 
         <ContentPresenter /> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="ListBox.AlternationIndex" Value="0"> 
          <Setter TargetName="Border" Property="Background" Value="{DynamicResource Color0}"/> 
         </Trigger> 
         <Trigger Property="ListBox.AlternationIndex" Value="1"> 
          <Setter TargetName="Border" Property="Background" Value="{DynamicResource Color1}"/> 
         </Trigger> 
         <Trigger Property="ListBoxItem.IsSelected" Value="true"> 
          <Setter TargetName="Border" Property="Background" Value="Green"/> 
         </Trigger> 
         <Trigger Property="ListBoxItem.IsEnabled" Value="false"> 
          <Setter Property="Foreground" Value="LightGray"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

</Window.Resources> 
<StackPanel > 
    <TextBlock Text="Listbox1"></TextBlock> 
    <ScrollViewer > 
     <ListBox x:Name="lbPersonList" Style="{StaticResource lst1}" ItemContainerStyle="{StaticResource Lststyle}" AlternationCount="2">![enter image description here][2]    
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
     </ListBox> 
    </ScrollViewer> 
    <TextBlock Margin="0,10,0,0" Text="Listbox2"></TextBlock> 
    <ScrollViewer> 
     <ListBox x:Name="lbPersonList1" Style="{StaticResource lst2}" ItemContainerStyle="{StaticResource Lststyle}" AlternationCount="2">    
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
      <TextBlock Text="listboxitem1"></TextBlock> 
     </ListBox> 
    </ScrollViewer> 
</StackPanel>

enter image description here

источник

2015-07-17 09:56:44

WPF. Стиль списка ListBox

ответ

Смежные вопросы