根据 TabItem Selected wpf 更改窗口高度答案

【问题标题】：change windows height based on TabItem Selected wpf根据 TabItem Selected wpf 更改窗口高度
【发布时间】：2019-03-30 21:46:36
【问题描述】：

嗨，当用户选择 tabitem 窗口高度时，我想改变这是我的代码：

<Windows.Style>
        <Style TargetType="Windows">
            <Setter Property="Height" Value="220" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=tabc,Path=SelectedIndex, UpdateSourceTrigger=PropertyChanged, Mode=Twoway}" Value="1">
                    <Setter Property="Height" Value="400" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Windows.Style>

在 Visual Studio 中，当我更改选项卡代码时工作正常，但当我编译我的代码时不起作用

【问题讨论】：

标签： c# wpf binding datatrigger propertychanged

【解决方案1】：

您可以使用DoubleAnimation 设置窗口的Height。这按预期工作：

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="300" Width="300">
    <Window.Style>
        <Style TargetType="Window">
            <Style.Triggers>
                <DataTrigger Binding="{Binding ElementName=tabc, Path=SelectedIndex}" Value="1">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation To="400" Duration="0:0:0" Storyboard.TargetProperty="Height" />
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation To="220" Duration="0:0:0" Storyboard.TargetProperty="Height" />
                            </Storyboard>
                        </BeginStoryboard>
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Window.Style>
    <Grid>
        <TabControl x:Name="tabc">
            <TabItem Header="1">
                <TextBlock>first tab</TextBlock>
            </TabItem>
            <TabItem Header="2">
                <TextBlock>second tab</TextBlock>
            </TabItem>
        </TabControl>
    </Grid>
</Window>

【讨论】：