WPF 自定义控件缩放

方式一：

自定义控件使用固定大小绘制：控件内的各个子控件大小设定固定值

优点：控件绘制简单、快捷。

缺点：使用时如需缩放，需在自定义控件的外面加一个 ViewBox 。

使用示例如下（将 UserControl_Test 缩放 100 / 50 比例显示）：

<Viewbox Stretch="Fill" Height="100" >
　　<customComponent:UserControl_Test  Height="50" />
</Viewbox>

 

方式二：

自定义控件使用相对大小绘制：控件内的各个子控件大小设定为控件大小的一定比例

优点：使用时不需要 ViewBox ，代码更简洁直观；

缺点：控件制作有时（例如控件内有动画效果）较为复杂。

 

方式三：

(1). 自定义控件定义：

<UserControl ...（此处为默认生成代码，省略）
             x:Name="UserControl_Test">

 

　　<Viewbox Stretch="Fill"  Height="{Binding ElementName = UserControl_Test, Path = Height}">

　　　　<Grid Height="50">

　　　　　　...（自定义控件代码）

　　　　</Grid>
　　</Viewbox>

</UserControl>

(2). 使用示例如下（将 UserControl_Test 缩放 100 / 50 比例显示）：

<Window ...（此处为默认生成代码，省略）>

    <Grid>
        <local:UserControl_Test Height="100" />
    </Grid>
</Window>

优点：兼具方式一、方式二的优点；

缺点：自定义控件的缩放方式（ViewBox 的 Stretch 属性值）被固定了，不过除非对缩放方式有特殊需求，否则无影响。

 

注：推荐使用方式三