代码之家  ›  专栏  ›  技术社区  ›  Rick Rat

角落里的按钮?

  •  0
  • Rick Rat  · 技术社区  · 14 年前

    我想在WPF/Silverlight窗口的每个角落都有4个按钮。但我希望网格/窗口中的内容“位于”按钮的后面,就像它们浮在上面一样。

       <Grid x:Name="ButtonRoot"> 
            <Button VerticalAlignment="Top" HorizontalAlignment="Left" 
              Name="bTopLeft" /> 
            <Button VerticalAlignment="Top" HorizontalAlignment="Right" 
              Name="bTopRight" /> 
            <Button VerticalAlignment="Bottom" HorizontalAlignment="Left" 
              Name="bBottomLeft" /> 
            <Button VerticalAlignment="Bottom" HorizontalAlignment="Right" 
              Name="bBottomRight" />
    
            <!-- Other junk here --> 
        </Grid> 
    

    问题是,按钮不会“覆盖”东西,因为这些东西会“环绕”按钮。我怎样才能达到这个效果?

    Diagram of how I want it http://dl.compdj.com/images/stackButton.jpg

    2 回复  |  直到 14 年前
        1
  •  5
  •   Jeff Wilcox    14 年前

    使用两个网格,记住文件将位于最下面的位置:

    <Grid>
        <Grid Background="Green"><!-- put stuff here --></Grid>
        <Grid><!-- this goes on top -->
           <Button Width="50" Height="50" HorizontalAlignment="Left" VerticalAlignment="Top" Content="Button" /><!-- top left button -->
           <!-- etc -->
        </Grid>
    </Grid>
    
        2
  •  0
  •   Senad MeÅ¡kin    14 年前

    这应该能解决你的问题
    #bTopLeft { position: absolute; top: 0; left: 0; z-index: 1200; }