Wpf windows phone 8应用程序中的自定义多选列表

Wpf windows phone 8应用程序中的自定义多选列表,wpf,windows,windows-phone-8,windows-phone-toolkit,Wpf,Windows,Windows Phone 8,Windows Phone Toolkit,在我的应用程序中,当我点击按钮btn_设置时,此convas可见性可见,因此它像一个弹出窗口一样显示,具有“确定”和“取消”按钮的多选列表,但我面临的问题是,我想在多选列表中动态添加项目,复选框边框颜色为蓝色,前景颜色为黑色,并且在每次我想要一条水平的蓝线作为两个项目之间的分隔线 我把foreground=“Black”放在多选列表中,但它显示的是项目的白色 <Canvas x:Name="Setting_popup" Width="485" Height="770" Visibilit

在我的应用程序中,当我点击按钮btn_设置时,此convas可见性可见,因此它像一个弹出窗口一样显示,具有“确定”和“取消”按钮的多选列表,但我面临的问题是,我想在多选列表中动态添加项目,复选框边框颜色为蓝色,前景颜色为黑色,并且在每次我想要一条水平的蓝线作为两个项目之间的分隔线

我把foreground=“Black”放在多选列表中,但它显示的是项目的白色

<Canvas x:Name="Setting_popup"  Width="485" Height="770" Visibility="Collapsed">

                    <Border   Margin="10" >
                    <StackPanel  Background="White">
                        <toolkit:MultiselectList x:Name="Setting_list" Background="Blue" Width="456" Height="700" FontWeight="Bold" Foreground="Black">
                            <CheckBox Content="Celsius" />
                            <CheckBox Content="Fahrenheit"/>
                            <CheckBox Content="Kelvin"/>
                            <CheckBox Content="Rankine"/>

                        </toolkit:MultiselectList>
                        <StackPanel Orientation="Horizontal">
                            <Button x:Name="btn_OK" Content="Ok" Width="223" HorizontalAlignment="Left" Foreground="White" Background="#FF3498DB" />
                            <Button x:Name="btn_Cancel" Content="Cancel" Width="223" HorizontalAlignment="Right" Foreground="White" Background="#FF3498DB" Click="Button_Click_1"  />
                        </StackPanel>
                    </StackPanel>
                </Border>

            </Canvas>

您可以更改复选框样式,例如:

<phone:PhoneApplicationPage.Resources>

<Style x:Key="CheckBoxStyle1" TargetType="CheckBox">
    <Setter Property="BorderBrush" Value="Blue"/>
    <Setter Property="Foreground" Value="Black"/>
</Style>

</phone:PhoneApplicationPage.Resources>

然后将样式设置为每个复选框:

   <toolkit:MultiselectList x:Name="Setting_list" Width="456" Height="400" >
                    <CheckBox Content="Celsius" Style="{StaticResource CheckBoxStyle1}" />
                    <CheckBox Content="Fahrenheit" Style="{StaticResource CheckBoxStyle1}"/>
                    <CheckBox Content="Kelvin" Style="{StaticResource CheckBoxStyle1}"/>
                    <CheckBox Content="Rankine" Style="{StaticResource CheckBoxStyle1}"/>
   </toolkit:MultiselectList>