新人求问：wpf 视频显示在image控件中，我要在视频界面上放几个半透明的按钮，被视频流覆盖了，我该怎么做

[飞刀杂耍者]

如图，我想实现如下效果：

半透明按键显示在视频之上。
于是我这样写：
<Grid>
<Image x:Name="DownCamRealPlayWnd" Grid.Column="0" Grid.Row="0" Margin="4,6,6,8"/>
<Image x:Name="imgDownCamCapImage" Source="/Capture10.png" Margin="13,183,436,77" />
<Button Focusable="False" x:Name="buttonDownCamCap" Style="{StaticResource TransparentButtonStyle1}" Foreground="White" FontSize="13.333" FontFamily="Arial" HorizontalAlignment="Right" Width="40" VerticalAlignment="Top" Height="40" Margin="0,193,449,0" RenderTransformOrigin="-1.9,0.4" />
</Grid>
其中小相机是半透明的，按键全透明的，这么做出来，按钮和小摄像头图片呗覆盖了，如下图

我该怎么改正！才能看到他们不被覆盖，谢谢！

[飞刀杂耍者]

顶起、、求帮助

[以专业开发人员为伍]

设置 ZIndex 值。 不过你应该仔细看看代码中有没有重新在 Button 后边（下边）再次插入 Image 控件的代码。虽然设置 ZIndex 是一个正确的设置，但是发现你的流程上面有设计上没有想到的错误流程，也是一个启发。

[飞刀杂耍者]

引用 2 楼 sp1234 的回复:

设置 ZIndex 值。 不过你应该仔细看看代码中有没有重新在 Button 后边（下边）再次插入 Image 控件的代码。虽然设置 ZIndex 是一个正确的设置，但是发现你的流程上面有设计上没有想到的错误流程，也是一个启发。

谢谢您，我在image控件使用静态图片设置了ZIndex时可以显示在另一张图片上，但是对于image控件显示视频流时还是会覆盖按钮，调试的时候发现，先是一片空白，然后按钮的图片出现，然后被视频覆盖，纵然他的层在按钮图片（小相机）之下，不知道是怎么回事。感觉是视频流的问题，谢谢您！

[正怒月神]

设置z-index

[飞刀杂耍者]

求助啊啊啊啊

[kezhi1988]

代码有点多，重写了两个控件。如果需要的话，可以有偿帮你。 qq278404150

[猿来不容易]

引用 2 楼 sp1234 的回复:

设置 ZIndex 值。 不过你应该仔细看看代码中有没有重新在 Button 后边（下边）再次插入 Image 控件的代码。虽然设置 ZIndex 是一个正确的设置，但是发现你的流程上面有设计上没有想到的错误流程，也是一个启发。

大神是不需要工作吗？每一个帖子都可以看到您的身影。

[HandyOrg]

http://www.cnblogs.com/nabian/p/6693203.html希望帮到你

[努力努力学习中]

楼主解决了么？

[kxyzjm62]

<Window x:Class="MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Window.Resources> <BitmapImage x:Key="ImageSource1" CreateOptions="IgnoreImageCache" CacheOption="OnLoad" UriSource="C:\Users\Administrator\Desktop\新建文件夹\WpfApplication1\WpfApplication1\IMG_20170705_093145.jpg"/> </Window.Resources> <Grid> <Image HorizontalAlignment="Left" Height="268" Margin="30,24,0,0" VerticalAlignment="Top" Width="453" Source="{DynamicResource ImageSource1}" Stretch="Fill"/> <Image HorizontalAlignment="Left" Height="208" Margin="44,102,0,0" VerticalAlignment="Top" Width="404" Stretch="Fill"/> <Button Content="Button" HorizontalAlignment="Left" Height="54" Margin="219,124,0,0" VerticalAlignment="Top" Width="108" Opacity="0.5"/> </Grid> </Window>