WPF 控件设置透明度的方法

最新推荐文章于 2025-03-17 10:27:35 发布

^@^lemon tea^@^

最新推荐文章于 2025-03-17 10:27:35 发布

阅读量3.1k

点赞数

分类专栏： # WPF 基础学习文章标签： wpf 控件设置透明度的方法 WPF 设置透明度的方法

本文链接：https://blog.csdn.net/BYH371256/article/details/131320965

版权

WPF 基础学习专栏收录该内容

41 篇文章

订阅专栏

方法一：通过 Opacity 属性设置背景色透明度。范围从0-1，0表示完全透明，看不见。

通过 Opacity 属性去改变控件透明度会影响子控件的透明度，是因为Opacity属性是在UIElement 类(以及Brush基类)中定义，所有元素都具有该属性；

<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
	<Rectangle Width="100" Height="50" Fill="Red" Margin="10 0"/>
	<Rectangle Width="100" Height="50" Fill="Red" Opacity="0.5" Margin="10 0"/>
	<Border BorderBrush="OrangeRed" BorderThickness="1" Width="{Binding Path=Width,ElementName=rect1}"  Height="{Binding Path=Height,ElementName=rect1}">
	  <Rectangle x:Name="rect1" Width="100" Height="50" Fill="Red" Opacity="0"/>
	</Border>
	<Border Opacity="0.3" Margin="10 0">
		<Rectangle  Width="100" Height="50" Fill="Red" Opacity="1"/>
	</Border>
</StackPanel>

界面如下图图

方法二：通过Background 属性的Alpha 改变背景色透明度。

该方法则不会改变子控件的透明度，因为可以为控件的不同部分应用不同的颜色，所以可以使用透明颜色创建部分区域透明的控件，例如：具有完全不透明文本的半透明背景色。

<Grid Margin="10 0" Background="#55ff0000" Height="130" Width="150">
	<Rectangle  Width="100" Height="50" Fill="Red" Opacity="1" VerticalAlignment="Top"/>
	<Rectangle  Width="100" Height="50" Fill="Red" Opacity="0.8" VerticalAlignment="Bottom"/>
	<TextBlock Text="背景色透明度" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Green" FontSize="16"/>
</Grid>

<Grid Margin="10 0" Opacity="0.5" Background="#55ff0000" Height="130" Width="150">
	<Rectangle  Width="100" Height="50" Fill="Red" Opacity="1" VerticalAlignment="Top"/>
	<Rectangle  Width="100" Height="50" Fill="Red" Opacity="0.8" VerticalAlignment="Bottom"/>
	<TextBlock Text="背景色透明度" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Green" FontSize="16"/>
</Grid>

界面如下图所示：