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起作用。