拉条改变字体大小

墨蓝 2023-08-17 16:53 59阅读 0赞

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>

转载于:https://www.cnblogs.com/wskxy/p/11337138.html