Bottom DockPanel для управления изображением

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>