Question

我想在DockPanel控件底部设置Image（不透明度）：DockPanel宽度应等于当前Image宽度。

这是XAML：

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
  <Grid>
    <Image Source="..." />

    <DockPanel VerticalAlignment="Bottom" LastChildFill="True" Opacity="0.5">
      <Button Content="Play" />
      <ProgressBar Value="50" Maximum="100" Height="40" />
    </DockPanel>
  </Grid>
</Window>

使用此XAML：DockPanel的宽度不等于Image宽度。 DockPanel宽度设置为Window宽度。

Answer 1

这应该是你需要的（带有绑定）

<Image Source="..." Name=myImg/> 


<DockPanel Width="{Binding ElementName=myImg, Path=ActualWidth}" VerticalAlignment="Bottom" LastChildFill="True" Opacity="0.5" >

没有绑定的可能解决方案是

<Viewbox>
        <Grid>
            <Image Source=... /> 

            <DockPanel VerticalAlignment="Bottom" LastChildFill="True" Opacity="0.5" > 
              <Button Content="Play" /> 
              <ProgressBar Value="50" Maximum="100" Height="40" /> 
            </DockPanel>
        </Grid>
    </Viewbox>

底部DockPanel用于图像控制

1 个答案: