wpf - WPF は自動的に幅と高さを変更します

Question

メディア要素、画像、2 つのマーキー テキスト、1 行のテキストがあります。高さと幅を自動的に変更するように設定するにはどうすればよいですか? 例えば; WrapPanel または Viewbow など。

実際、私はすでに完了していますが、グリッドの行と列を使用しました。解像度を適切な解像度に変更すると; 特にテキストは大きくなりません。大きくなりますが、本来あるべきではありません。

WPF レイアウトに本当に疲れました。理解できません ：）

編集: DevExpress WPF 製品を使用できます。ライセンスを持っています。

ありがとうございます。

編集: 現在の XAML:

        <RowDefinition Height="422" />

        <RowDefinition Height="auto" MinHeight="70"/>
        <!--<RowDefinition Height="121*"/>-->
        <RowDefinition/>

    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />

        <ColumnDefinition Width="424*"/>
        <ColumnDefinition Width="129*"/>
    </Grid.ColumnDefinitions>

    <MediaElement Grid.Column="1" Margin="10,20
                   ,0,0"
        Name="myMediaElement" Stretch="Fill"
        Grid.RowSpan="2"   >
        <MediaElement.Triggers>
            <EventTrigger RoutedEvent="MediaElement.Loaded">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <MediaTimeline Source="C:\a\p.mov" Storyboard.TargetName="myMediaElement"  
             RepeatBehavior="Forever" />

                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </MediaElement.Triggers>
        <MediaElement.Effect>
            <DropShadowEffect BlurRadius="6" Color="#FFD8D8D8"/>
        </MediaElement.Effect>
    </MediaElement>
    <StackPanel   Grid.Column="2" Grid.RowSpan="3">
        <Image  x:Name="imgLogo"  Source="C:\a\a.png"  Margin="0,10,0,0" MaxHeight="200" MaxWidth="200" >
            <Image.Effect>
                <DropShadowEffect Color="#FFD6CDCD"/>
            </Image.Effect>
        </Image>

DX は、この件名をサポートしていません。特にテキストは私にとって本当に問題です。