按钮样式表现打

我有一个用例来显示一个WPF用户控件近10000项。我正在使用ItemsControl，每个项目都由一个按钮（项目是一个简单的可点击文本）表示。我为usercontrol资源中的按钮定义了一种样式。按钮样式表现打

事情做工精细，直到我在我的名单超过5000项则UI油漆开始缓慢下调10000个项目需要近3+分钟来显示。

如果我移动的风格，从资源Button.Style随后还要花2.5分钟来显示有关的项目。

如果我完全删除了样式，我看不到明显的延迟。使用Button样式的唯一原因是为其ContentPresenter的边框（在下面的代码中命名为Chrome）提供与按钮相同的背景，否则为Gray。

请让我知道如何可以有效地使用风格，而不会导致性能损失或我怎么能画的ContentPresenter边框的背景颜色相同的按钮（透明会以某种方式工作）。

下面是代码示例：

<UserControl.Resources> 
    <Style x:Key="ButtonStyle" TargetType="{x:Type Button}" BasedOn="{x:Null}"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Button}"> 
        <Border x:Name="Chrome" Background="{TemplateBinding Property=Background}"> 
         <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" 
              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> 
          <ContentPresenter.Resources> 
           <Style TargetType="{x:Type TextBlock}" BasedOn="{x:Null}"> 
            <Setter Property="FontSize" Value="{Binding FontSize, RelativeSource={RelativeSource AncestorType={x:Type Button}}}"/> 
           </Style> 
          </ContentPresenter.Resources> 
         </ContentPresenter> 
        </Border> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</UserControl.Resources> 

<Grid Name="Grid1" Margin="5,5,5,5"> 
    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto" Margin="5,0,0,0"> 
     <Border Name="Border1" Margin="2,2,2,2" BorderBrush="Gray" BorderThickness="2"> 
       <ItemsControl Name="ItemsControl1" ItemsSource="{Binding LargeItems}" FocusVisualStyle="{x:Null}"> 
        <ItemsControl.ItemsPanel> 
         <ItemsPanelTemplate> 
          <UniformGrid Columns="{Binding Columns}" Rows="{Binding Rows}"/> 
         </ItemsPanelTemplate> 
        </ItemsControl.ItemsPanel> 

        <ItemsControl.ItemTemplate> 
         <DataTemplate> 
          <Border Name="Border1" Background="{Binding BorderBkg}" 
            BorderThickness="1" Padding="{Binding PaddingVal}"> 
           <Button Name="MyButton" Content="{Binding Label}"        
             Background="{Binding Background}"  
             Foreground="{Binding Foreground}" 
             BorderThickness="0" 
             BorderBrush="Transparent" 
             Margin="0" 
             Style="{StaticResource ButtonStyle}" 
             IsEnabled="{Binding IsButtonEnabled}" 
             Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ItemsControl}}, Path=DataContext.ButtonAction}" 
             CommandParameter="{Binding}"> 
           </Button> 
          </Border> 
         </DataTemplate> 
        </ItemsControl.ItemTemplate> 
       </ItemsControl> 
     </Border> 
    </ScrollViewer> 
</Grid>

感谢，

RDV

来源

2016-08-30 RDV

看来，有一个在您ItemControl没有实施数据虚拟化。您可以通过添加在你的ItemsControl VirtualizingPanel.IsVirtualizing =“真” VirtualizingPanel.VirtualizationMode =“回收” 实现虚拟化和看到的性能差异。

来源

2016-08-31 05:36:20 shijeesh

感谢您的输入shijeesh，不幸的是我要显示所有1万件一起因此VirtualizingPanel没有我的帮助。我确实尝试过，但渲染速度很慢，对于10,000个项目而言很慢~3分钟。 – RDV

按钮样式表现打

回答

相关问题