WPF DataTrigger数据触发器

最新推荐文章于 2025-06-16 17:08:29 发布

转载最新推荐文章于 2025-06-16 17:08:29 发布 · 294 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/TeemoHQ/p/6396381.html

本文介绍如何使用WPF中的DataTrigger结合Storyboard实现界面元素的高度动态调整。通过绑定属性IsExpanded的值来改变Grid的高度，提供了具体实现代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.通过绑定的属性值变化，动态改变界面的显示，比如绑定了IsExpanded，当为true，grid高度变成600，反之，grid高度变成320.

 1        <Grid.Style>
 2                             <Style TargetType="Grid">
 3                                 <Style.Triggers>
 4                                     <DataTrigger Binding="{Binding IsExpanded}" Value="true">
 5                                         <DataTrigger.EnterActions>
 6                                             <BeginStoryboard>
 7                                                 <Storyboard  >
 8                                                     <DoubleAnimation From="320"
 9                                                                      To="600"
10                                                                      Duration="0:0:1" 
11                                                                      Storyboard.TargetProperty="Height"></DoubleAnimation>
12                                                 </Storyboard>
13                                             </BeginStoryboard>
14                                         </DataTrigger.EnterActions>
15                                         <DataTrigger.ExitActions>
16                                             <BeginStoryboard>
17                                                 <Storyboard>
18                                                     <DoubleAnimation From="600"
19                                                                      To="320"
20                                                                      Duration="0:0:1" 
21                                                                      Storyboard.TargetProperty="Height"></DoubleAnimation>
22                                                 </Storyboard>
23                                             </BeginStoryboard>
24                                         </DataTrigger.ExitActions>
25 
26                                     </DataTrigger>
27                                 </Style.Triggers>
28                             </Style>
29                         </Grid.Style>