0

カメラ フィードを表示する Windows Phone アプリ ビューがあり、フィード上に部分的に透明な画像を配置するコードを<Rectangle />見つけようとしています。XAML

私は作業コードを持っています:

<Grid x:Name="LayoutRoot">

        <Rectangle x:Name="_previewRect" 
                   Margin="0" 
                   Height="800" 
                   Width="600" 
                   HorizontalAlignment="Center" 
                   VerticalAlignment="Center"
                   Tap="OnTapDown">

            <Rectangle.Fill>
                <VideoBrush x:Name="_previewVideo">
                    <VideoBrush.RelativeTransform>
                        <CompositeTransform  
                            x:Name="_previewTransform" CenterX=".5" CenterY=".5" />
                    </VideoBrush.RelativeTransform>
                </VideoBrush>
            </Rectangle.Fill>

       </Rectangle>

    </Grid>

これにより、カメラ フィードが完全に表示されます (そのコードのほとんどは、もちろんコード ビハインドにあります)。

しかし今、画像をオーバーレイとして追加したいと思います。追加してみました：

<Grid.Background>
    <ImageBrush ImageSource="Images/Background/BackgroundBlurred.png" Stretch="UniformToFill" />
</Grid.Background>

要素の上と下の両方です<Rectangle />が、そのような運はありません。

誰も私がこれを行う方法を知っていますか? それほど難しいことではないようですが、私はまだ学び始めたばかりですXAML。

ありがとう！

4

1 に答える 1

1

ビデオ フィードの Rectangle に画像を重ねる場合は、「layoutRoot」グリッド内で別のコントロールにする必要があります。長方形の上に直接配置し、より高いCanvas.ZIndex値を指定するだけです。

<Grid x:Name="LayoutRoot">
    <Rectangle x:Name="_previewRect" 
               Margin="0" 
               Height="800" 
               Width="600" 
               HorizontalAlignment="Center" 
               VerticalAlignment="Center"
               Tap="OnTapDown"
               Canvas.ZIndex="1">
        <Rectangle.Fill>
            <VideoBrush x:Name="_previewVideo">
                <VideoBrush.RelativeTransform>
                    <CompositeTransform  
                        x:Name="_previewTransform" CenterX=".5" CenterY=".5" />
                </VideoBrush.RelativeTransform>
            </VideoBrush>
        </Rectangle.Fill>
    </Rectangle>

    <Image x:Name="myOverlayImage" Canvas.ZIndex="2">
        <!-- Your overlay is now a sibling of the video-feed Rectangle, but drawn on top of it -->
    </Image>
</Grid>
于 2013-02-11T14:17:37.047 に答える