WP8滑动条（Slider）控件的使用

1.

<Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
 
        <!--TitlePanel 包含应用程序的名称和页标题-->
        <StackPanel Grid.Row="" Margin="12,17,0,28">
            <TextBlock Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock Text="Slider" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>
 
        <!--ContentPanel - 在此处放置其他内容-->
        <Grid x:Name="ContentPanel" Grid.Row="" Margin="12,0,12,0">
            <TextBlock HorizontalAlignment="Left" Height="" Margin="26,14,0,0" TextWrapping="Wrap" Text="红色" VerticalAlignment="Top" Width=""/>
            <TextBlock HorizontalAlignment="Left" Height="" Margin="193,14,0,0" TextWrapping="Wrap" Text="绿色" VerticalAlignment="Top" Width=""/>
            <TextBlock HorizontalAlignment="Left" Height="" Margin="341,14,0,0" TextWrapping="Wrap" Text="蓝色" VerticalAlignment="Top" Width=""/>
            <Slider x:Name="RedSilder" HorizontalAlignment="Left" Height="" Margin="10,72,0,0" VerticalAlignment="Top" Width="" Maximum=""/>
            <Slider x:Name="GreenSlider" HorizontalAlignment="Left" Height="" Margin="152,72,0,0" VerticalAlignment="Top" Width="" Maximum=""/>
            <Slider x:Name="BlueSlider" HorizontalAlignment="Left" Height="" Margin="294,72,0,0" VerticalAlignment="Top" Width="" Maximum=""/>
            <TextBlock x:Name="RedText" HorizontalAlignment="Left" Height="" Margin="26,159,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width=""/>
            <TextBlock x:Name="GreenText" HorizontalAlignment="Left" Height="" Margin="167,159,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width=""/>
            <TextBlock x:Name="BlueText" HorizontalAlignment="Left" Height="" Margin="312,159,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width=""/>
            <Ellipse x:Name="ColorEll" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="" Margin="90,274,0,0" Stroke="Black" VerticalAlignment="Top" Width=""/>
 
        </Grid>
    </Grid>

2.

namespace PhoneApp1
{
    public partial class Slider : PhoneApplicationPage
    {
        public Slider()
        {
            InitializeComponent();
            RedSilder.Value = ;
            GreenSlider.Value = ;
            BlueSlider.Value = ;
            RedSilder.ValueChanged += RedSilder_ValueChanged;
            GreenSlider.ValueChanged += GreenSlider_ValueChanged;
            BlueSlider.ValueChanged += BlueSlider_ValueChanged;
            BindColor();
        }
 
        void BlueSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            BindColor();
        }
 
        void GreenSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            BindColor();
        }
 
        void RedSilder_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
        {
            BindColor();
        }
 
        private void BindColor()
        {
            Color c = Color.FromArgb(, (byte)RedSilder.Value, (byte)GreenSlider.Value, (byte)BlueSlider.Value);
            ColorEll.Fill = new SolidColorBrush(c);
            RedText.Text = c.R.ToString("X2");
            GreenText.Text =c.G.ToString("X2");
            BlueText.Text = c.B.ToString("X2");
        }
 
    }
}