如何制作凹槽矩形（见图） [英] How to make a groove rectangle (see the picture)

问题描述

请帮我如何制作这样的矩形。

Please help me how to make rectangle like this.

http：/ /pic.mk/images/as1275502681.jpg

 

提前谢谢。

推荐答案

您可以使用一对边框伪装它并巧妙地使用BorderThickness，如下所示：

You can fake it with a pair of Borders and some clever use of BorderThickness like so:

		<Border Margin="20" Height="100" BorderThickness="1,0,1,1" CornerRadius="10">
			<Border.BorderBrush>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Offset="0"/>
					<GradientStop Color="White" Offset="1"/>
				</LinearGradientBrush>
			</Border.BorderBrush>
			<Border BorderThickness="2,2,1,1" CornerRadius="8">
				<Border.BorderBrush>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FF8D8F84" Offset="0"/>
						<GradientStop Color="#FFBABABA" Offset="1"/>
					</LinearGradientBrush>
				</Border.BorderBrush>
				<Border.Background>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFE0DACC" Offset="0"/>
						<GradientStop Color="#FFA6A6A6" Offset="1"/>
					</LinearGradientBrush>
				</Border.Background>
			</Border>
		</Border>	

这篇关于如何制作凹槽矩形（见图）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！