web-dev-qa-db-ja.com

ComboBoxのコンテンツを垂直方向に中央揃えするにはどうすればよいですか?

たとえば、テキストがComboBoxの垂直方向の中央に配置されていないことに注目してください。

enter image description here

これが私のXAMLです。

<Window x:Class="_24HoursBook.MainWindow"
        xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="350" MinHeight="450" MinWidth="350">


    <Grid ShowGridLines="True">
        <Grid.RowDefinitions>
            <RowDefinition Height="0.15*" />
            <RowDefinition />
        </Grid.RowDefinitions>
        <Image Grid.Row="0" Stretch="Fill" Source="Image/topBarBg.png" />
        <StackPanel Orientation="Horizontal" Grid.Row="0">            
            <TextBlock Text="Platform" 
                       Foreground="White" 
                       FontFamily="Georgia"
                       FontSize="15" 
                       Margin="10"
                       HorizontalAlignment="Center"
                       VerticalAlignment="Center"/>
            <ComboBox x:Name="cmbPlatform" 
                      Margin="10"
                      FontFamily="Georgia"
                      FontSize="15"
                      MinHeight="30"
                      MinWidth="140"
                      VerticalAlignment="Center">
                <ComboBoxItem>All Platforms</ComboBoxItem>
                <ComboBoxItem>PlayStation 3</ComboBoxItem>
                <ComboBoxItem>XBox 360</ComboBoxItem>
                <ComboBoxItem>Wii</ComboBoxItem>
                <ComboBoxItem>PSP</ComboBoxItem>
                <ComboBoxItem>DS</ComboBoxItem>
            </ComboBox>            
        </StackPanel>
        <Image Grid.Row="0" Source="Image/about.png" 
               Height="16" HorizontalAlignment="Right"
               VerticalAlignment="Center"
               Margin="0 0 10 0"    />

        <ListView Grid.Row="1" Background="#343434">

        </ListView>
    </Grid>
</Window>
27

追加 VerticalContentAlignment="Center"をコンボボックスに追加します。

51
Alex Aza

あなたはそれで遊ぶ必要がありますが、私が推測しなければならなかった場合:

 <ComboBox x:Name="cmbPlatform" 
                  Margin="10"
                  FontFamily="Georgia"
                  FontSize="15"
                  MinHeight="30"
                  MinWidth="140"
                  VerticalAlignment="Center"
                  VerticalContentAlignment="Center">

MinHeight="30"を小さい数値に変更してみてください。あなたは箱をテキストより大きくしているのかもしれません。テキストは行の中央に配置されますが、ボックスは大きくなります。

4
Hogan

コードをコピーして貼り付けると、テキストはComboBoxの中央に垂直に配置されます。コントロールに適用してこれを実現するスタイルまたはテンプレートがアプリケーションに設定されていませんか?

編集:気にしないでください。実際にアプリケーションでスタイルを設定しました:

<Style TargetType="{x:Type ComboBox}">
        <Setter Property="VerticalContentAlignment" Value="Center" />
</Style>

だからあなたのコードをコピーして貼り付けたとき、それは私のために働いた!

4
Ross

次のように垂直/水平配置を変更できます。

<ComboBox x:Name="cmbPlatform" Margin="10" FontFamily="Georgia" FontSize="15"
                  MinHeight="30" MinWidth="140"
                  VerticalContentAlignment="Center" 
                  HorizontalContentAlignment="Center">
0
AHM