水平拉伸元素的绑定宽度属性

时间:2015-01-04 19:51:30

标签: c# wpf xaml

我在网格的列中有一个组框和网格分割器控件。组框的水平对齐设置为拉伸,以便在拖动分割器时占据所有空间。一切顺利。

现在我需要将组合框的值存储在绑定对象的属性中,但是一旦我绑定了width属性,它就会被卡住,在拉伸分割器时它不再伸展自己。

我知道原因,因为现在绑定属性负责它的宽度并且它没有被改变。但不知道如何使其发挥作用。这是我的XAML。

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <Grid x:Name="InnerGrid" HorizontalAlignment="Stretch" Height="{Binding ElementName=Control1,Path=ActualHeight}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" MinWidth="200"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>
            <GroupBox Header="{Binding TrackName}" VerticalAlignment="Stretch" Margin="3 0 3 0" HorizontalAlignment="Stretch" />
            <GridSplitter Width="5" VerticalAlignment="Stretch" Focusable="False" Background="Gray"/>
        </Grid>
    </DataTemplate>
</ItemsControl.ItemTemplate>

3 个答案:

答案 0 :(得分:0)

据我所知,您需要读取GroupBox的计算宽度。您可以使用ActualWidth属性来实现此目的。

编辑: 您可以编写自定义GroupBox并使用依赖项属性:

public class MyGroupBox : GroupBox
{
    public static readonly DependencyProperty CurrentWidthProperty =
        DependencyProperty.Register("CurrentWidth", typeof(double),
        typeof(MyGroupBox), new FrameworkPropertyMetadata(0d));

    public double CurrentWidth
    {
        get { return this.ActualWidth; }
        set { SetValue(CurrentWidthProperty, value); }
    }
}

XAML:

<Window x:Class="FunWithWpfAndXP.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:FunWithWp"
        Title="Window1" Height="300" Width="300">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" MinWidth="200"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <local:MyGroupBox CurrentWidth="{Binding Path=myProp}" VerticalAlignment="Stretch" Margin="3 0 3 0" HorizontalAlignment="Stretch"/>
        <GridSplitter Width="5"  VerticalAlignment="Stretch"  Focusable="False" Background="Gray"/>
    </Grid>
</Window>

答案 1 :(得分:0)

也许你真的对绑定ColumnDefinition宽度感兴趣,因为:

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="{Binding Width}" MinWidth="200"/>
    <ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>

答案 2 :(得分:0)

问题是您的绑定正在重置GridSplitter更改的宽度,将Mode GroupBox绑定的Width设置为OneWayToSource应该(可能)帮助你,你可能会得到这样的东西:

<GroupBox Width="{Binding Path=MyGroupBoxWidth, Mode=OneWayToSource}"/>

MSDN

  

OneWayToSource:在目标属性更改时更新source属性。

设置此选项将导致代码中的属性更新,而不是相反