拉条改变字体大小

1.Slider更改TextBlock的字体大小

　　1）在界面代码编写属性

    <Grid>
        <StackPanel>
            <Slider Name="Slider1" Height="auto" Margin="10" IsSnapToTickEnabled="True"  TickPlacement="TopLeft" TickFrequency="1" Minimum="1" Maximum="40" Value="10"></Slider>
            <TextBlock Name="TextBlock1" FontSize="{Binding ElementName=Slider1,Path=Value,Mode=TwoWay}">hello</TextBlock>
            <Button Click="Button_Click">set size=20</Button>
        </StackPanel>
    </Grid>

　　FontSize绑定Slider1的Value，模式为双向数据绑定

　　点击按钮、Slider1的值也会发生变化

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.TextBlock1.FontSize = 20;
        }

　　2）在后台代码中实现绑定属性

    <Grid>
        <StackPanel>
            <Slider Name="Slider1" Height="auto" Margin="10" IsSnapToTickEnabled="True"  TickPlacement="TopLeft" TickFrequency="1" Minimum="1" Maximum="40" Value="10"></Slider>
            <TextBlock Name="TextBlock1">hello</TextBlock>
            <Button Click="Button_Click">set size=20</Button>
        </StackPanel>
    </Grid>

　　后台代码

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            this.TextBlock1.FontSize = 20;
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            Binding binding = new Binding();
            binding.Source = this.Slider1;
            binding.Path = new PropertyPath("Value");
            binding.Mode = BindingMode.TwoWay; //双向绑定
            this.TextBlock1.SetBinding(TextBlock.FontSizeProperty,binding);//绑定
        }

 2.继续上面的学习

　　加入一些新的东西扩展一下

    <Grid>
        <StackPanel>
            <!--设置字体大小-->
            <Slider Name="Slider1" Height="auto" Margin="10" IsSnapToTickEnabled="True"  TickPlacement="TopLeft" TickFrequency="1" Minimum="1" Maximum="40" Value="10"></Slider>
            
            <!--显示效果-->
            <TextBlock Name="TextBlock1" FontSize="{Binding ElementName=Slider1,Path=Value,Mode=TwoWay}" Background="{Binding ElementName=ListBox1,Path=SelectedItem.Tag}">hello</TextBlock>

            <!--设置字体大小-->
            <Button Click="Button_Click">set size=20</Button>

            <!--设置背景色-->
            <ListBox Name="ListBox1">
                <ListBoxItem Tag="Red">Red</ListBoxItem>
                <ListBoxItem Tag="Blue">Blue</ListBoxItem>
                <ListBoxItem Tag="Yellow">Yellow</ListBoxItem>
            </ListBox>
            
            <!--设置字体大小-->
            <TextBox Name="TextBox1" Text="{Binding ElementName=Slider1,Path=Value,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"></TextBox>
        </StackPanel>
    </Grid>