c# - 使图像适合边框背景
问题描述
我可以知道如何将图像放入设计的边框中吗?
下面是我已经完成的代码。
<Border Grid.Row="1" BorderThickness="1" BorderBrush="LightGreen" Margin="20" CornerRadius="30">
<Border.Background>
<LinearGradientBrush EndPoint="0.504,1.5" StartPoint="0.504,0.03">
<GradientStop Color="#F9FFF0" Offset="0"/>
<GradientStop Color="#F3FFE2" Offset="0.567"/>
</LinearGradientBrush>
</Border.Background>
<Image Source="/LBKIOSK;component/Resources/Images/Background/klhoho.jpg" Opacity="0.3" Stretch="UniformToFill"/>
<Border.Effect>
<DropShadowEffect ShadowDepth="5" Color="#599204"></DropShadowEffect>
</Border.Effect>
</Border>
但输出显示如下,图像不适合边界内
解决方案
可以将<Border.Background/>
属性设置为<ImageBrush/>
类似:
<Border Grid.Row="1" BorderThickness="1" BorderBrush="LightGreen" Margin="20" CornerRadius="30">
<Border.Background>
<ImageBrush Stretch="UniformToFill" ImageSource="/LBKIOSK;component/Resources/Images/Background/klhoho.jpg"/>
</Border.Background>
<Border.Effect>
<DropShadowEffect ShadowDepth="5" Color="#599204"></DropShadowEffect>
</Border.Effect>
</Border>
推荐阅读
- machine-learning - 我们可以保存一个部分训练的机器学习模型,重新加载它并从保存的点开始训练吗?
- reactjs - AWS Amplify 用户会话在 ReactJS 中不会过期
- javascript - JS Cookie 在服务器端不可用?
- xcode - 无论我尝试什么,可可中的 NSView 都拒绝重绘
- amazon-redshift - CASE 语句中 LIKE 运算符的红移限制
- android - Base64 编码的 EC 私钥字符串到 PrivateKey
- python-3.x - 在同一行上创建一个具有最少其他列的新列
- regex - CopyWebpackPlugin 使用测试和模板选项重命名
- elixir - 生成日期列表
- node.js - 在不运行 gulp serve --ship 和 gulp package-solution --ship 的情况下调试 Sharepoint Framework Webpart