Animate ширина WPF левосторонний

Question

У меня есть Grid который я способен оживить следующим образом:

При нажатии на изображение, я могу оживить шаблон моей кнопки с раскадровки расти столько, сколько я хочу, в результате, как это:

это было бы результатом более или менее. Анимация выглядит следующим образом:

<Storyboard x:Key="ExpandPanelRight"> 
    <DoubleAnimation 
     Storyboard.TargetName="ExpandablePanel" 
     Storyboard.TargetProperty="Width" 
     BeginTime="0:0:0" 
     From="0" To="450" Duration="0:0:0.5"></DoubleAnimation> 
</Storyboard> 

Как вы можете видеть, никаких проблем при выращивании сетки слева направо, но то, что я действительно хочу, не наоборот: расширить сетку справа налево:

Как это будет? Я не могу найти ответ.

Answer 1

Все, что вам нужно сделать, это выровнять ваш контейнер Image с правой стороны вашего ExpandablePanel. Как только вы это сделаете, Image будет придерживаться правой стороны, так как увеличивается Width из Panel. ваш код Storyboard и DoubleAnimation может оставаться прежним. Ваш код должен выглядеть примерно так:

<Border CornerRadius="10" Background="Blue"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition Width="Auto" /> 
     </Grid.ColumnDefinitions> 
     <TextBlock Text="Expanding...." VerticalAlignment="Center" /> 
     <Image Source="Images/Bin.png" VerticalAlignment="Center" HorizontalAlignment="Right" /> 
    </Grid> 
</Border>