wpf控件属性绑定的静态方法

控件上内容的帮顶有分两种一种是数据绑定datacontext，还有一种是用属性绑定，本文用一个实例来说明属性绑定的方法，同时吐槽一下，vs对wpf的支持不太好，特别是编辑视图文件xaml时，很多错误编译后就正常了。

缩放前：

wpf控件属性绑定的静态方法

放大后效果：

wpf控件属性绑定的静态方法

比较两种图片，可以发现，第一个图形长宽都等比增加，第二张图是个正方形，第三张长度是宽度的两倍

先上设计视图：

<Window x:Class="WpfApp2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:WpfApp2"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="589.256">
<Window.Resources >
<local:ScareConvert x:Key="sc" />//将接口类的实现方法与sc绑定，实现第三张图的放大方法
</Window.Resources >
<Grid>
<Grid.RowDefinitions >
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions >

//第一个图形

//第二个图形
<Rectangle
Grid.Row="1"
Margin="10"
Width="{Binding Path=ActualHeight , RelativeSource={RelativeSource Mode= Self} }"//宽度等于实际的高度
Fill="Green" />

//第三个图形，此处用border代替rectangle
<Border
Grid.Row="2"
Margin="10"
Width="{Binding
Path=ActualHeight ,
RelativeSource={RelativeSource Mode= Self} ,
Converter={StaticResource sc},
ConverterParameter=2
}"

Background="Green">
<UniformGrid Rows="2">
<TextBlock Grid.Row="0"
Text="{Binding Path=Width ,//这个值会随着图形的尺寸一起变化
RelativeSource={RelativeSource AncestorType= Border }
}"
/>
<TextBlock Grid.Row="1"
Text="{Binding Path=ActualHeight ,//这个值会随着图形的尺寸一起变化
RelativeSource={RelativeSource AncestorType= Border }
}"
/>
</UniformGrid>
</Border>
</Grid>
</Window>

需要增加一个接口实现类ScareConvert.cs

class ScareConvert : IValueConverter
{

//这个方法就是让出入的宽度乘2返回给高度
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
double height = (double)value;
if( double.TryParse ( parameter.ToString(),out double scale))
{
return height*scale;
}
else
{
throw new Exception();
}
}

wpf控件属性绑定的静态方法

相关推荐