So richten Grid Spalte MaxWidth auf Fenster oder Bildschirmgröße in XAML je

Question

Ich habe ein 3 Stützenraster in einem Fenster mit einem Gridsplitter auf der ersten Spalte. Ich mag die MaxWidth der ersten Spalte zu einem Drittel des übergeordneten Fensters oder Seite Width (oder ActualWidth) einzustellen, und ich würde es vorziehen, diese in XAML zu tun, wenn möglich.

Dies ist ein Beispiel XAML mit in XamlPad (oder ähnlich) zu spielen, die zeigen, was ich tue.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition x:Name="Column1" Width="200"/>
            <ColumnDefinition x:Name="Column2" MinWidth="50" />
            <ColumnDefinition x:Name="Column3" Width="{ Binding ElementName=Column1, Path=Width }"/>
            </Grid.ColumnDefinitions>

        <Label Grid.Column="0" Background="Green" />
        <GridSplitter Grid.Column="0" Width="5" />
        <Label Grid.Column="1" Background="Yellow" />
        <Label Grid.Column="2" Background="Red" />
    </Grid>
</Page>

Wie Sie sehen können, ist die rechte Spaltenbreite auf die Breite der ersten Säule gebunden, so dass, wenn Sie die linke Spalte der Splitter gleiten, die rechte Spalte macht die gleichen :) Wenn Sie die linke Spalte nach rechts schieben, schließlich wird es gleitet über die halbe Seite / Fenster und auf die rechte Seite des Fensters, Wegdrücken Spalte 2 und 3

Ich möchte, dies zu verhindern, indem die MaxWidth der Säule 1 zu einem Drittel der Fensterbreite (oder so ähnlich) zu setzen. Ich kann dies hinter ganz einfach in Code tun, aber, wie es in „XAML Only“ zu tun?

EDIT: David Schmitt statt Bindung zu verwenden SharedSizeGroup vorgeschlagen, die ein ausgezeichneter Vorschlag ist. Mein Beispielcode wie folgt aussehen würde dann:

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:sys="clr-namespace:System;assembly=mscorlib" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
        <Grid IsSharedSizeScope="True">
            <Grid.ColumnDefinitions>
                <ColumnDefinition x:Name="Column1" SharedSizeGroup="ColWidth" Width="40"/>
                <ColumnDefinition x:Name="Column2" MinWidth="50" Width="*" />
                <ColumnDefinition x:Name="Column3" SharedSizeGroup="ColWidth"/>
            </Grid.ColumnDefinitions>
            <Label Grid.Column="0" Background="Green" />
            <GridSplitter Grid.Column="0" Width="5" />
            <Label Grid.Column="1" Background="Yellow" />
            <Label Grid.Column="2" Background="Red" />
        </Grid>
</Page>

Answer 1

Ich denke, der XAML-only-Ansatz etwas weitschweifig, aber hier ist eine Möglichkeit, es zu tun.

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:sys="clr-namespace:System;assembly=mscorlib"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >

    <!-- This contains our real grid, and a reference grid for binding the layout-->
    <Grid x:Name="Container">

      <!-- hidden because it's behind the grid below -->
      <Grid x:Name="LayoutReference">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- We need the border, because the column doesn't have an ActualWidth -->
        <Border x:Name="ReferenceBorder" 
                Background="Black" />
        <Border Background="White" Grid.Column="1" />
        <Border Background="Black" Grid.Column="2" />
      </Grid>

      <!-- I made this transparent, so we can see the reference -->
      <Grid Opacity="0.9">
          <Grid.ColumnDefinitions>
              <ColumnDefinition x:Name="Column1" 
                                MaxWidth="{Binding ElementName=ReferenceBorder,Path=ActualWidth}"/>
              <ColumnDefinition x:Name="Column2" 
                                MinWidth="50"  />
              <ColumnDefinition x:Name="Column3" 
                                Width="{ Binding ElementName=Column1, Path=Width }"/>
              </Grid.ColumnDefinitions>

          <Label Grid.Column="0" Background="Green"/>
          <GridSplitter Grid.Column="0" Width="5" />
          <Label Grid.Column="1" Background="Yellow" />
          <Label Grid.Column="2" Background="Red" />
      </Grid>
    </Grid>

</Page>

Answer 2

Zu faul, um es tatsächlich aufzuschreiben mich, aber man sollte einen mathematischen Wandler verwenden kann und binden an Ihren Eltern Fensterbreite (entweder mit Namen oder mit einer Relative Vorfahr Suche).

//I know I borrowed this from someone, sorry I forgot to add a comment from whom
public class ScaledValueConverter : IValueConverter
{
  public Object Convert(Object value, Type targetType, Object parameter, System.Globalization.CultureInfo culture)
  {
     Double scalingFactor = 0;
     if (parameter != null)
     {
        Double.TryParse((String)(parameter), out scalingFactor);
     }

     if (scalingFactor == 0.0d)
     {
        return Double.NaN;
     }

     return (Double)value * scalingFactor;
  }

  public Object ConvertBack(Object value, Type targetType, Object parameter, System.Globalization.CultureInfo culture)
  {
     throw new Exception("The method or operation is not implemented.");
  }
}