動態創建窗口時，按鈕對齊到中心

Question

我在運行時動態創建窗口。我有自定義按鈕。我需要在運行時根據請求獲得「是，否」，「確定，取消」，「確定」，「是，否，取消」。我在這裏有照片。 這張圖片描繪的是，當按鈕的水平對齊是Right的時候。我沒有把這兩個按鈕都放在右邊。你能幫我解決這個問題嗎？我也在下面分享了我的代碼。問題是Button Collection將行分成我們需要的按鈕數量。

我的代碼。

internal sealed class MessageBoxModule : Window 
{ 
    private static Style _ctrlButtonStyle; 
    public new static readonly DependencyProperty TitleProperty; 
    public static readonly DependencyProperty MessageProperty; 
    public static readonly DependencyProperty ButtonCollectionProperty = 
    DependencyProperty.Register("ButtonCollection", typeof(IList<Button>), typeof(MessageBoxModule), new PropertyMetadata(new List<Button>())); 

    public MessageBoxModule() 
    { 
     WindowStartupLocation = WindowStartupLocation.CenterScreen; 
     AllowsTransparency = true;WindowStyle = WindowStyle.None; 
     //... 
    } 
} 

public static MessageBoxResult Show(Window owner, string messageBoxText, string caption) 
{ 
    var mbox = new MessageBoxModule(); 
    boxes.Add(mbox); mbox.Message = messageBoxText; mbox.Title = caption; 
    switch (button) 
    { 
     case MessageBoxButton.OKCancel: 
      mbox.ButtonCollection.Add(CreateButton(mbox, "OK")); 
      mbox.ButtonCollection.Add(CreateButton(mbox, "Cancel")); 
      break; 
     //.... And so on. 
    } 
    var result = mbox.ShowDialog(); 
    switch (button) 
    { 
     case MessageBoxButton.YesNoCancel://and so on. 
    } 
} 
private static Button CreateButton(string content, bool isCancel, RoutedEventHandler clickHandler) 
{ 
    Button btn = new Button(); 
    btn.Padding = new Thickness(20, 3, 20, 3); 
    btn.Content = content; 
    btn.Style = _ctrlButtonStyle;//Custom button Style in WPF 
    btn.Click += clickHandler; 
    btn.Height = 25; btn.Width = 75; 
    return btn; 
} 

MessageBox Style：這裏，垂直和水平對齊設置爲居中。儘管我將其改爲正確，但我遇到了問題，如圖中所示。

<ControlTemplate x:Key="MessageBoxCt" 
        TargetType="{x:Type Helper:MessageBoxModule}"> 
     <Border Background="{TemplateBinding Background}" 
       BorderBrush="{TemplateBinding BorderBrush}" 
       BorderThickness="{TemplateBinding BorderThickness}" 
       CornerRadius="3" Margin="8"> 
      <Grid x:Name="grid"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="auto" /> 
        <RowDefinition Height="*" /> 
        <RowDefinition Height="auto" /> 
       </Grid.RowDefinitions> 
       <TextBlock x:Name="textBlock" Text="{TemplateBinding Title}"/> 
       <Border Grid.Row="0" BorderThickness="0,0,0,1"/> 
       <TextBlock Text="{TemplateBinding Message}"Grid.Row="1"Margin="10"TextTrimming="None"Foreground="{TemplateBinding Foreground}" 
          TextWrapping="WrapWithOverflow"FontSize="{TemplateBinding FontSize}" /> 
       <ItemsControl Grid.Row="2"Margin="10"ItemsSource="{TemplateBinding ButtonCollection}" 
           ScrollViewer.VerticalScrollBarVisibility= "Disabled"HorizontalContentAlignment="Right"VerticalContentAlignment="Center"Padding="0,0,5,0"> 
        <ItemsControl.ItemsPanel> 
         <ItemsPanelTemplate> 
          <UniformGrid Rows="1" /> 
         </ItemsPanelTemplate> 
        </ItemsControl.ItemsPanel> 
       </ItemsControl> 
      </Grid> 
     </Border> 
    </ControlTemplate> 

Answer 1

隨着UniformGrid在一行中的每個項目花費相同的寬度和與HorizontalContentAlignment="Right"按鈕內將右對齊。請嘗試HorizontalAlignment="Right"而不是右對齊完整ItemsControl：

<ItemsControl Grid.Row="2" 
       ... 
       HorizontalAlignment="Right"> 
    ... 
</ItemsControl> 

Answer 2

這是任何人都很難在沒有你的代碼猜測到底發生了什麼就在這裏。我的猜測是你的RowDefinition是不正確的......你爲什麼有一個設置爲"*"？如果它們是全部設置爲具有Width的"Auto"並且如果Grid設置爲HorizontalAlignment="Right"，則它會更好地工作。

你也可以設置Grid.ShowGridLines property到True這將使你進一步的線索，什麼是真正發生。

說實話，你的整個嘗試似乎是錯的......這是WPF，而不是WinForms。您不應該從後面的代碼創建UI元素並將它們添加到UI中。正確使用WPF時，您的要求更容易實現。

首先添加全部的Button s進入UI XAML。接下來，爲其中的每個人添加一個bool屬性到您的視圖模型或後面的代碼中。然後，只需使用BooleanToVisibilityConverter將這些bool屬性與Button的Visiblity屬性綁定即可。現在，所有你需要做的，使每個Button可見的是其相關bool屬性設置爲true：

<Button Content="Ok" Visibility="{Binding IsOkButtonVisible, Converter={StaticResource 
    BooleanToVisibilityConverter}}" />