WPF 控件的隐藏及ToggleButton对控件高度的控制

最新推荐文章于 2023-04-12 17:50:12 发布

赵保军

最新推荐文章于 2023-04-12 17:50:12 发布

阅读量1.8k

点赞数

分类专栏： C# 文章标签： .net framework c# wpf 控件

本文链接：https://blog.csdn.net/rrzhaobaojun/article/details/13291039

版权

C# 专栏收录该内容

58 篇文章 0 订阅

订阅专栏

初学WPF对wpf的控件的隐藏控制使用动画还是蛮不错的呢！

 <Grid x:Name="grid">      
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="auto" />
            <ColumnDefinition Width="200" />
        </Grid.ColumnDefinitions>
        <Grid Background="Red" ></Grid>
        <Grid x:Name="a" Grid.Column="1" Width="100" Background="Black"></Grid>
        <Grid Grid.Column="2">
            <Button Click="Button_Click" Foreground="Red" FontSize="10">Button黑色区域隐藏红色区域占满黑色区域</Button>
        </Grid>
    </Grid>

   private void Button_Click(object sender, RoutedEventArgs e)
        {
           a.Width = 0;
          
        }

 <Grid>
        <StackPanel>
            <ToggleButton Content="收起▼" Height="50" HorizontalAlignment="Left"   Name="btnRight" VerticalAlignment="Top" Width="50"  >

            <ToggleButton.Triggers>

                <EventTrigger   RoutedEvent="ToggleButton.Checked">

                    <StopStoryboard BeginStoryboardName="collapsed" />

                    <BeginStoryboard x:Name="expand"   HandoffBehavior="SnapshotAndReplace">

                        <Storyboard  >

                                <DoubleAnimation      Duration="00:00:0.10 "  Storyboard.TargetName="mnjy" Storyboard.TargetProperty="Height" To="23" />

                            <ObjectAnimationUsingKeyFrames      Storyboard.TargetProperty="Content"   >

                                    <DiscreteObjectKeyFrame Value="展开▲"  KeyTime="00:00:0.10" />

                            </ObjectAnimationUsingKeyFrames>

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger>

                <EventTrigger RoutedEvent="ToggleButton.Unchecked">

                    <StopStoryboard BeginStoryboardName="expand" />

                    <BeginStoryboard x:Name="collapsed"   HandoffBehavior="SnapshotAndReplace">

                        <Storyboard  >

                                <DoubleAnimation       Duration="00:00:0.10 "    Storyboard.TargetName="mnjy" Storyboard.TargetProperty="Height" To="200" />

                            <ObjectAnimationUsingKeyFrames      Storyboard.TargetProperty="Content"   >

                                    <DiscreteObjectKeyFrame Value="收起▼"  KeyTime="00:00:0.10" />

                            </ObjectAnimationUsingKeyFrames>

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger>

            </ToggleButton.Triggers>

        </ToggleButton>
            <Grid  x:Name="mnjy" Height="200" >
        <TextBlock  Text="目标Grid" Background="Red" />     

    </Grid></StackPanel>
    </Grid>