Проблема с Windows Phone ComboBox Style

Question

Я использую элемент управления ComboBox в своем приложении.Я понимаю, что для нее нет поддерживаемой темы Metro - но ComboBox идеально подходит для моих потребностей, поэтому мы здесь ... Итак, мое затруднение заключается в том, что мне нужно создать тему метро с нуля, или мне нужно потратить около 2 дней, чтобывоссоздать элемент управления ComboBox.Я попробовал первый вариант (создание темы метро), но у меня возникли некоторые проблемы:

1. Текст всегда белый - не могу понять, как установить это.
2. Я не могу изменитьцвет поля выбора (не раскрывающийся список)
3. Я не могу изменить цвет раскрывающегося списка

Я поиграл с Blend для ЧАСОВ и могуне вижу, как изменить эти значения.Любая помощь высоко ценится.Вот мой текущий стиль:

    <Style x:Key="ComboBoxItemStyle" TargetType="ComboBoxItem">
        <Setter Property="Background" Value="{x:Null}"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="HorizontalContentAlignment" Value="Left"/>
        <Setter Property="VerticalContentAlignment" Value="Top"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="ComboBoxItem">
                    <Border x:Name="LayoutRoot"
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            HorizontalAlignment="{TemplateBinding HorizontalAlignment}" 
                            VerticalAlignment="{TemplateBinding VerticalAlignment}">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="MouseOver"/>
                                <VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <DoubleAnimation Duration="0" To=".5" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentContainer"/>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="SelectionStates">
                                <VisualState x:Name="Unselected"/>
                                <VisualState x:Name="Selected"/>
                                <VisualState x:Name="SelectedUnfocused"/>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualState x:Name="Unfocused"/>
                                <VisualState x:Name="Focused"/>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="LayoutStates">
                                <VisualState x:Name="AfterLoaded"/>
                                <VisualState x:Name="BeforeLoaded"/>
                                <VisualState x:Name="BeforeUnloaded"/>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <ContentControl x:Name="ContentContainer" 
                                        Background="Yellow"
                                        ContentTemplate="{TemplateBinding ContentTemplate}" 
                                        Content="{TemplateBinding Content}" 
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" 
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Foreground="{StaticResource PhoneAccentBrush}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <ItemsPanelTemplate x:Key="ComboxBoxItemsTemplate">
        <StackPanel Background="Green"/>
    </ItemsPanelTemplate>

    <Style x:Key="ComboBoxStyle" TargetType="ComboBox">
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="ItemContainerStyle" Value="{StaticResource ComboBoxItemStyle}" />
        <Setter Property="ItemsPanel" Value="{StaticResource ComboxBoxItemsTemplate}" />
        <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>

        <!-- The hue of the combo box selection box (not the drop down) -->
        <Setter Property="Background" Value="{StaticResource PhoneBackgroundBrush}"/>

        <!-- Effects BorderBrush for selection box and drop down -->
        <Setter Property="BorderBrush" Value="Transparent"/>
        <!-- Effects BorderThickness for selection box and drop down -->
        <Setter Property="BorderThickness" Value="0"/>

        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
        <Setter Property="Padding" Value="0"/>
        <Setter Property="Margin" Value="6"/>            
    </Style>

Answer 1

Выпущен новый набор инструментов Silverlight, в котором есть требуемый список выбора.

Лучше использовать этот, так как он был хорошо протестирован, а не создавать свой и открывать дверь для ошибок.

Answer 2

Если вы не согласны с вопросом, Алекс Яхнин создал элемент управления ListPicker , который может стать для вас подходящей альтернативой. Это также очень хорошо соответствует стилю метро.
Это также с открытым исходным кодом, так что вы можете погрузиться в код, чтобы увидеть, как он справился с темой.