Связывание ширины TextBox с его фактическим шириной родительского контейнера

Question

Я загружаю Textbox и Button в горизонтальный StackPanel программно. Размер кнопки (который содержит только Image) исправлен, но я не могу получить текстовое поле, чтобы заполнить доступную ширину его родителя. Это то, что код выглядит следующим образом:

StackPanel parent = new StackPanel() { 
    Orientation = Orientation.Horizontal, 
    HorizontalAlignment = HorizontalAlignment.Stretch, 
    VerticalAlignment = VerticalAlignment.Top, 
}; 

TextBox textbox = new TextBox() { 
    HorizontalAlignment = HorizontalAlignment.Stretch, 
    VerticalAlignment = VerticalAlignment.Top, 
    //MinWidth = 375, 
}; 

Button btn = new Button() { 
    Content = new Image() { 
    MaxHeight = 40, 
    MaxWidth = 40, 
    MinHeight = 40, 
    MinWidth = 40, 
    Margin = new Thickness(0), 
    Source = new BitmapImage( 
     new Uri("btnimage.png", UriKind.Relative)), 
    }, 
    HorizontalAlignment = HorizontalAlignment.Right, 
    BorderBrush = new SolidColorBrush(Colors.Transparent), 
    Margin = new Thickness(0), 
}; 
btn.Click += ((s, e) => OnBtnClicked(s, e, textbox)); 

parent.Children.Add(textbox); 
parent.Children.Add(btn); 

Если я раскомментировать параметр MinWidth для текстового поля оно отображается как я хочу его, но я хотел бы, чтобы не указать ширину в явном виде. Я попытался добавление связывания следующим образом, но это не работает вообще (текстовое поле просто исчезает!)

Binding widthBinding = new Binding() { 
    Source = parent.ActualWidth, 
}; 
passwdBox.SetBinding(TextBox.WidthProperty, widthBinding); 

Спасибо за вашу помощь заранее!

Answer 1

Вместо того, чтобы использовать StackPanel (который всегда пытается сохранить элементы, как малые, как это может так, что все они подходят), использовать Grid. Тогда вы могли бы сделать что-то вроде этого:

<Grid> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"/> <!-- Note "*" means to use the rest of the space --> 
    <ColumnDefinition Width="40"/> 
    </Grid.ColumnDefinitions> 
    <TextBox Grid.Column="0"/> 
    <Button Grid.Column="1"> 
    <Button.Content> 
     <Image .../> 
    </Button.Content> 
    </Button> 
</Grid> 

Вы можете преобразовать это код вместо XAML, если вы предпочитаете, XAML просто проще набрать здесь, на лету.

Answer 2

Правильный ответ - не делать этого. См. Мой ответ at this question, и эта же идея относится к Silverlight на Windows Phone.

В вашем примере вы должны использовать DockPanel.

<toolkit:DockPanel> 
    <Button toolkit:DockPanel.Dock="Right" /> 
    <TextBox /> <!-- fill is implied --> 
</toolkit:DockPanel>