代码之家  ›  专栏  ›  技术社区  ›  Chud37

在ScrollViewer内的图像顶部覆盖网格

  •  -1
  • Chud37  · 技术社区  · 8 年前

    我有以下标记:

    <ScrollViewer>
       <StackPanel Orientation=Vertical>
          <Image />
          <Grid />
          <ItemsControl />
       </StackPanel>
    </ScrollViewer>
    

    好的,图像是一个动画 gif。当一个事件完成时,程序会显示网格和项目控件,用户可以上下滚动。

    为了做到这一点,目前我只是把图像设置为 Visiblity='Collapsed' 以及 Grid ItemsControl 到 Visible

    我知道Z-Index有一个选项,我试着将Image、Grid和ItemsControl放置在画布中,并设置Panel.ZIndex属性,但似乎不起作用-例如,当我将Grid上的不透明度设置为.5时,我看不到下面的图像,而且网格也没有填充空间(我需要它拉伸到窗体的大小)。

    1 回复  |  直到 8 年前
        1
  •  2
  •   Clemens    8 年前

    这应该起作用:

    <ScrollViewer>
        <Grid>
            <Image/>
            <StackPanel>
                <Grid/>
                <ItemsControl/>
            </StackPanel>
        </Grid>
    </ScrollViewer>