C# 04_悬浮弹窗

<Page x:Class="DrumTeach.Page_Login"
。。。。。。。。>
    <Viewbox x:Name="RootViewbox" Stretch="Uniform">
        <Grid Name="RootGrid" Width="1920" Height="1080">
            <Grid.ColumnDefinitions>
    。。。。
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
               。。。。
            </Grid.RowDefinitions>
    <!-- 弹窗用Grid Z轴垂直叠加实现，
            <Grid  Grid.Row="1" Grid.Column="1" >
    <!-- Z轴最底部透明层 -->
                <Border CornerRadius="30" Background="Black" Opacity="0.3">
                    <Border.Effect>
                        <DropShadowEffect ShadowDepth="10"
                          Color="Black"
                          Opacity="0.8"
                          BlurRadius="20"/>
                    </Border.Effect>
    
    <!-- 打开以下注释 并去掉上面的Background 属性 可以将图片设为背景 ，注意：图片的"生成操作"要设为Resource -->
                    <!--<Border.Background>
                        <ImageBrush ImageSource="/image/bg/bg6.jpg" Stretch="Fill" />
                    </Border.Background>-->

                </Border>

                <Grid Name="LoginContainer">
         <!-- 定义弹窗内具体控件 -->
                </Grid>
            </Grid>

        </Grid>
    </Viewbox>
</Page>