Назначить значение динамического элемента другому элементу

Question

У меня есть эллипс с «width = 'auto», и мне нужен круг, поэтому невозможно установить «height =' auto», потому что если пользователь изменит размер окна, круг будет эллипсом. Я пробовал «Height =» {Binding ElementName = TheLeft, Path = Width} '".

<Page 
    x:Class="App2.MainPage" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:local="using:App2" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d"> 

    <Grid Background="White"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="3*" /> 
      <ColumnDefinition Width="1*" /> 
      <ColumnDefinition Width="3*" /> 
     </Grid.ColumnDefinitions> 
     <!--<Ellipse x:Name="TheLeft" Fill="Pink" Grid.Column="0" Height="{Binding ElementName=TheLeft, Path=Width}" Width="auto" VerticalAlignment="Bottom"/>--> 
     <!-- I've set Height="200" in the uncommented element --> 
     <Ellipse x:Name="TheLeft" Fill="Pink" Grid.Column="0" Height="200" Width="auto" VerticalAlignment="Bottom"/> 

     <Rectangle Fill="Red" Grid.Column="1" RadiusX="50" RadiusY="40"/> 
     <Ellipse Fill="Pink" Grid.Column="2" Height="200" Width="auto" VerticalAlignment="Bottom"/> 
    </Grid> 
</Page> 

Answer 1

Во-первых, я собираюсь определенно рекомендуем вам вынуть встроенный стиль, тем более, что вы хотите, одни и те же значения для многих свойств для двух эллипсов.

<Style x:Key="circularEllipse" TargetType="{x:Type Ellipse"}> 
    <Setter Property="Fill" Value="Pink"/> 
    <Setter Property="VerticalAlignment" Value="Bottom"/> 
    <Setter Property="Height" Value="200"/> 
    <Setter Property="Width" Value="{Binding Path=Height, RelativeSource={RelativeSource Self}}"/> 
</Style> 

И тогда, когда вы код эллипс - вам просто нужно назвать этот стиль, и он может быть использован как для них, что экономит время кодирования и уменьшая количество кода на макете.

<Ellipse x:Name="TheLeft" Grid.Column="0" Style="{StaticResouce circularEllipse}"/> 

Итак, если вам нужно изменить размер круга, вам нужно изменить свойство только в одном месте. Кроме того, если вам нужен вариант, вы можете использовать опцию BasedOn и не переделывать весь код. Такие, как:

<Style x:Key="circularEllipse2" TargetType="{x:Type Ellipse}" BasedOn="{StaticResource circularEllipse}"> 
    <Setter Property="Height" Value="100"/> 
</Style> 

Это будет забрать все другие свойства от предыдущего стиля, но изменить высоту (или любое другое имущество, возможно, потребуется изменить)