在自定义UserControl上强制透明背景

时间:2019-11-19 19:36:47

标签: c# wpf xaml user-controls wpf-controls

我想创建一个新的UserControl并重新路由Background属性以在UserControl.Background属性之外的其他地方使用它(例如,例如在复选框上完成该操作)。

这是一个简单的自定义用户控件:

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
         xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
         xmlns:local="clr-namespace:Controls"
         xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" 
         x:Class="Controls.HexagonalTile"
         mc:Ignorable="d" d:DesignWidth="300" d:DesignHeight="300">
<Grid>
    <ed:RegularPolygon Fill="{Binding ElementName=LayoutRoot, Path=Background}" StrokeThickness="5" Stroke="Black"/>
</Grid>

我想这样使用它:

<Controls:HexagonalTile HorizontalAlignment="Left" Height="100" Width="100" Background="Aqua" />

但是,当我这样做时,用户控件的角(在六边形之外)也将采用背景色。我希望他们保持透明。

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

发生这种情况的原因是,ControlTemplate的默认UserControl具有一个BorderTemplateBinding属性的Background。 >

但是,您可以像这样重新模板化控件以实现您的目标:

<UserControl x:Class="WpfApp4.HexagonalTile"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing">
    <UserControl.Template>
        <ControlTemplate TargetType="{x:Type UserControl}">
            <Grid>
                <ContentPresenter />
            </Grid>
        </ControlTemplate>
    </UserControl.Template>
    <Grid>
        <ed:RegularPolygon
            Fill="{Binding Background, RelativeSource={RelativeSource AncestorType={x:Type UserControl}}}"
            Stroke="Black"
            StrokeThickness="5" />
    </Grid>
</UserControl>

我希望这会有所帮助!