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，同样的想法也适用于Windows Phone上的Silverlight。

在您的示例中，您应该使用DockPanel。

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

将TextBox的宽度绑定到其父容器的ActualWidth

2 个答案: