如何在wrappanel中設置兩個對齊方式

Question

如何獲取像下面的圖片一樣的wrappanel？兩個按鈕<>和文本塊左對齊，文本框對齊右側，當我調整窗口的寬度時，文本框自動換行到新行。

Answer 1

這裏是做一個快速和骯髒的方式。

<WrapPanel Orientation="Horizontal" SizeChanged="WrapPanel_SizeChanged"> 
     <TextBlock x:Name="DateTextBlock" TextWrapping="Wrap" MinWidth="280"><Run Text="July 03-09, 2011"/></TextBlock> 
     <TextBox x:Name="SearchTextBox" Width="250" HorizontalAlignment="Right" /> 
    </WrapPanel> 

然後在你的WrapPanel_SizeChanged處理你只需做DataTextBlock儘可能寬 - 寬的面板中搜索文本框的少的寬度。

private void WrapPanel_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e) 
    { 
     var panel = (WrapPanel)sender; 

     var maxWidth = panel.ActualWidth - SearchTextBox.ActualWidth; 
     DateTextBlock.Width = maxWidth; 
    }