代码之家 › 专栏 › 技术社区 › adrianm

如何在WPF中在图像上覆盖矩形

overlay image wpf

adrianm · 技术社区 · 15 年前

我想在图像顶部放置一个静态矩形。

无论图像大小如何,矩形应为图像大小的百分比(如80%)。

我曾尝试将图像放在画布中,并作为画布背景,但无法使图像填充周围区域。

<Canvas Grid.Row="1" Grid.Column="0">
    <Canvas.Background>
        <ImageBrush ImageSource="{Binding Path=Image1}"/>
    </Canvas.Background>
 </Canvas>

2 回复 | 直到 15 年前

Carlo 15 年前

XAML:

<Window.Resources>
    <local:RectangleSizeConverter x:Key="RectangleSizeConverter" />
</Window.Resources>
<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Image x:Name="image" Grid.Row="0" Grid.Column="0" Source="C:\on.jpg" />
    <Rectangle Height="{Binding ElementName=image, Path=ActualHeight, Converter={StaticResource RectangleSizeConverter}}" 
               Width="{Binding ElementName=image, Path=ActualWidth, Converter={StaticResource RectangleSizeConverter}}" 
               Fill="Red" Opacity=".5" />
</Grid>

C#(转换器):

public class RectangleSizeConverter : IValueConverter
{
    #region IValueConverter Members

    public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return System.Convert.ToDouble(value) * .8;
    }

    public object ConvertBack(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new System.NotImplementedException();
    }

    #endregion
}

Drew Marsh 15 年前

<Grid>          
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
    </Grid.ColumnDefinitions>
    <Image Source="http://sstatic.net/so/img/logo.png" Stretch="None" />
    <Rectangle>
        <Rectangle.Fill>
            <DrawingBrush Viewbox="0,0,1,1" ViewboxUnits="Absolute">
                <DrawingBrush.Drawing>
                    <GeometryDrawing Brush="#66FF0000">
                        <GeometryDrawing.Geometry>
                            <RectangleGeometry Rect="0,0,.9,.9" />
                        </GeometryDrawing.Geometry>
                    </GeometryDrawing>
                </DrawingBrush.Drawing>
            </DrawingBrush>
         </Rectangle.Fill>
     </Rectangle>
</Grid>

推荐文章

Laurian Avrigeanu · 如何执行嵌套的ContextMenu实现?

2 年前

asdhkjahjsdjkhjklasdhjhasDKJhl · 有没有办法检测c#中的鼠标侧键按下?

2 年前

LeeJunYoung · Visual Studio 2022发布菜单中没有ftp菜单。如何通过ftp发布?

2 年前

Josep Ramon Ribera · 如何在WPF(C#)中包含条形图?

2 年前

ElaVnla · WPF C#系统。NullReferenceException:“对象引用未设置为对象的实例。”[重复]

2 年前

Kryptonit364 · 在DataGrid中隐藏调整大小和选择列

2 年前

hassan Ma · 从顶部将文本插入WPF文本块

2 年前

Arijit · 移动画布内绘制的矩形

2 年前

thatguy14 · 在WPF中,为什么datagrid拒绝与我的窗口大小相同

2 年前

juraj14466 · C#WPF实时图表将点渲染为图像

2 年前