全模式和普通模式下的ComboBox項目

Question

我想顯示一種強調的顏色選擇器，如系統內置的顏色選擇器。

當它處於完整模式時，我希望它顯示為具有可用顏色的圖塊，並且當它顯示為下拉列表時，希望它顯示為一個小方塊並在其旁邊顯示顏色名稱。

問題是我不知道如何為全模式和下拉模式設置兩個模板。

<ComboBox SelectionChanged="AccentColor_SelectionChanged">
    <ComboBoxItem>
        <ComboBoxItem.Content>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Rectangle Grid.Column="0" Fill="Yellow" Width="20" Height="20"/>
                <TextBlock Grid.Column="1" Text="Yellow" />
            </Grid>
        </ComboBoxItem.Content>
    </ComboBoxItem>
    <ComboBoxItem>
        <ComboBoxItem.Content>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Rectangle Grid.Column="0" Fill="Blue" Width="20" Height="20"/>
                <TextBlock Grid.Column="1" Text="Blue" />
            </Grid>
        </ComboBoxItem.Content>
    </ComboBoxItem>
</ComboBox>

這僅適用於下拉模式。 我該如何實現？ （這是Windows PHone Runtime應用程序）。

Answer 1

通常在wp8中，當下拉列表中的項目數超過5個時，它將自動變為全屏模式。否則，它將僅顯示在下拉列表中。

在列表選擇器中，有一個屬性調用ExpantionMode..try或下面的鏈接將為您提供幫助。

  http://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh868195.aspx

Answer 2

試試這個。只是根據您的要求進行編輯。

我剛剛粘貼了代碼。

<wpToolkit:ListPicker Name="cmbCountry"  Background="#FFF9E2"  Foreground="#333333" Grid.Column="0"  ExpansionMode="FullScreenOnly" ItemsSource="{Binding Countries}"  SelectionChanged="cmbCountry_SelectionChanged_1">
    <wpToolkit:ListPicker.ItemTemplate>
         <DataTemplate>
                <TextBlock Text="{Binding CountryName}" FontSize="20"></TextBlock>
           </DataTemplate>
     </wpToolkit:ListPicker.ItemTemplate>
     <wpToolkit:ListPicker.FullModeItemTemplate>
           <DataTemplate>
                 <Border BorderBrush="#FFF9E2" BorderThickness="0,0,0,3">
                        <StackPanel Orientation="Horizontal" Width="425">
                               <TextBlock Text="{Binding CountryName}" FontSize="35"></TextBlock>
                        </StackPanel>
                  </Border>
           </DataTemplate>
    </wpToolkit:ListPicker.FullModeItemTemplate>