这个效果是怎么做的？

Question

倒影设置哪里的问题？两个边没有对齐 

倒影设置哪里的问题？


<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition  Height="auto"/>
        </Grid.RowDefinitions>
       
        <m:Interactive3DDecorator Margin="0,0,0,0" x:Name="abc">
            
            <Viewport3D x:Name="viewport3D" RenderOptions.EdgeMode="Aliased" >
                              <Viewport3D.Camera>
                    <PerspectiveCamera Position="0,0,10"/>
                </Viewport3D.Camera>
                                <ModelVisual3D>
                    <ModelVisual3D.Content>
                        <AmbientLight Color="White"/>
                    </ModelVisual3D.Content>
                </ModelVisual3D>
            </Viewport3D>
        </m:Interactive3DDecorator>
        
        <Rectangle Grid.Row="1" Height="180" Margin="0,0,0,0">
            <Rectangle.LayoutTransform>
                <ScaleTransform ScaleY="-1"/>
            </Rectangle.LayoutTransform>
            <Rectangle.Fill>
                <VisualBrush Visual="{Binding ElementName=abc}"/>
            </Rectangle.Fill>
            <Rectangle.OpacityMask>
                <LinearGradientBrush StartPoint="0.5,0.1" EndPoint="0.5,1">
                    <GradientStop Color="Transparent" Offset="0.4"/>
                    <GradientStop Color="White" Offset="1"/>
                </LinearGradientBrush>
            </Rectangle.OpacityMask>
        </Rectangle>
    </Grid>

Answer 1

学习一下，我也正需要呢

Answer 2

你用Interactive3DDecorator 这个在外面给他每个元素整体设置倒影肯定对不齐。 因为整个映射的是包含框架的一个整体：

你需要把你的倒影映射做到Interactive3DDecorator里面

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us