WPF组合框 - 垂直显示与45°旋转项目

Question

我想要在WPF中使用组合框来存储一些名称，但我希望组合框本身是垂直的，并且当您单击它时，它应显示每个项目与另一个45°旋转，使其更具可读性。喜欢的东西：L////

我取得了一些它这样做：

     <ComboBox Name="combo" 
            Grid.Row="0" Grid.Column="1" 
            HorizontalAlignment="Center" 
            VerticalAlignment="Center"> 
          <ComboBox.LayoutTransform> 
           <RotateTransform Angle="270" /> 
          </ComboBox.LayoutTransform> 
          <ComboBox.Items>         
           <TextBox> 
            <TextBox.LayoutTransform> 
             <RotateTransform Angle="315" /> 
            </TextBox.LayoutTransform> 
           </TextBox> 
          </ComboBox.Items> 
         </ComboBox> 

我填的是组合框是这样的：

 m_Main.combo.Items.Clear(); 
     foreach (PlayerInfo player in m_CurrentData.PlayersInfo) 
     { 
      m_Main.comboPlayer1.Items.Add(player.Name);      
     } 

但只有第一项被旋转，加我在实际项目上获得一个空白项目（我在运行时填充组合框项目）。 我在做什么错？

编辑：没有更多的空白项目，因为我清除项目。

Answer 1

这工作（如果我理解正确的，你想要什么）

<Page 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid> 
    <ComboBox HorizontalAlignment="Center" VerticalAlignment="Center" MinWidth="100"> 
     <ComboBox.LayoutTransform> 
     <RotateTransform Angle="270" /> 
     </ComboBox.LayoutTransform> 
     <ComboBox.ItemsPanel> 
     <ItemsPanelTemplate> 
      <StackPanel Orientation="Vertical" IsItemsHost="True"> 
      <StackPanel.LayoutTransform> 
       <RotateTransform Angle="90" /> 
      </StackPanel.LayoutTransform> 
      </StackPanel> 
     </ItemsPanelTemplate> 
     </ComboBox.ItemsPanel> 
     <ComboBox.ItemContainerStyle> 
     <Style TargetType="ComboBoxItem"> 
      <Setter Property="LayoutTransform"> 
      <Setter.Value> 
       <RotateTransform Angle="315" /> 
      </Setter.Value> 
      </Setter> 
     </Style> 
     </ComboBox.ItemContainerStyle> 
     <ComboBoxItem>Hello</ComboBoxItem> 
     <ComboBoxItem>World</ComboBoxItem> 
     <ComboBoxItem>Foo</ComboBoxItem> 
     <ComboBoxItem>Bar</ComboBoxItem> 
    </ComboBox> 
    </Grid> 
</Page> 

Answer 2

您可能需要重写组合框的ItemTemplate这样的 -

<ComboBox Name="combo" 
       HorizontalAlignment="Center" 
       VerticalAlignment="Center"> 
     <ComboBox.LayoutTransform> 
      <RotateTransform Angle="270" /> 
     </ComboBox.LayoutTransform> 
     <ComboBox.ItemTemplate> 
      <DataTemplate> 
       <TextBox Text="{Binding Mode=OneWay}"> 
       <TextBox.LayoutTransform> 
        <RotateTransform Angle="315" /> 
       </TextBox.LayoutTransform> 
      </TextBox> 
      </DataTemplate> 
     </ComboBox.ItemTemplate> 
    </ComboBox> 

Answer 3

您可以使用DataTemplate并添加Binding到TextBox.Text财产。现在我假设你想编辑名称，因为你正在使用TextBox。就目前而言，您的代码不支持编辑这些字符串，因为它们是不可变的。所以，我的回答让你想编辑的假设：

<ComboBox x:Name="combo" 
      Grid.Row="0" Grid.Column="1" 
      HorizontalAlignment="Center" 
      VerticalAlignment="Center"> 
    <ComboBox.Resources>   
     <DataTemplate DataType="{x:Type local:PlayerInfo}"> 
      <TextBox Text="{Binding Name}"> 
       <TextBox.LayoutTransform> 
        <RotateTransform Angle="270" /> 
       </TextBox.LayoutTransform> 
      </TextBox> 
     </DataTemplate> 
    </ComboBox.Resources> 
</ComboBox> 

而后面的代码应该设置ItemsSource到m_CurrentData.PlayersInfo。

this.combo.ItemsSource = m_CurrentData.PlayersInfo; 

理想情况下，这可以通过XAML中的绑定来完成，但是这样做会起作用。请务必在您的XAML中设置xmlns:local定义，以便DataTemplate上的DataType起作用。