回答編集履歴

  `GridLength`を文字列でバインドすると、`Star`・`Pixcel`両対応でいい感じでした。

 

  再利用性のないユーザーコントロールに、`DependencyProperty`を生やすのは趣味でないのでベタ書きです（生やすなら汎用的に作りたいという意味です）

  ユーザーコントロールにするなら文字列（か`GridLength`）を中継する`DependencyProperty`を生やすだけです。

 

 

  <Window

  x:Class="Questions355107.MainWindow"

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  xmlns:local="clr-namespace:Questions355107"

  Width="{Binding Settings.Window.Width, Mode=TwoWay}"

  Height="{Binding Settings.Window.Height, Mode=TwoWay}"

  FontSize="30"

  FontWeight="Bold"

  Left="{Binding Settings.Window.Left, Mode=TwoWay}"

  Top="{Binding Settings.Window.Top, Mode=TwoWay}">

  <Window.DataContext>

  <local:ViewModel />

  </Window.DataContext>

  <Window.Resources>

  <Style TargetType="TextBlock">

  <Setter Property="HorizontalAlignment" Value="Center" />

  <Setter Property="VerticalAlignment" Value="Center" />

  </Style>

  <Style TargetType="GridSplitter">

  <Setter Property="HorizontalAlignment" Value="Stretch" />

  </Style>

  </Window.Resources>

  <DockPanel>

  <StackPanel

  HorizontalAlignment="Center"

  DockPanel.Dock="Top"

  Orientation="Horizontal">

  <Button Command="{Binding SaveCommand}" Content="Save" />

  <Button Command="{Binding LoadCommand}" Content="Load" />

  </StackPanel>

 

  <Grid>

  <Grid.ColumnDefinitions>

  <ColumnDefinition Width="{Binding Settings.Splitter.Outer1, Mode=TwoWay}" />

  <ColumnDefinition Width="5" />

  <ColumnDefinition Width="{Binding Settings.Splitter.Outer2, Mode=TwoWay}" />

  <ColumnDefinition Width="5" />

  <ColumnDefinition Width="{Binding Settings.Splitter.Outer3, Mode=TwoWay}" />

  </Grid.ColumnDefinitions>

  <Border Background="LightCoral">

  <!--<TextBlock Text="outer ①" />-->

  <Grid Margin="10">

  <Grid.RowDefinitions>

  <RowDefinition Height="{Binding Settings.Splitter.Inner1, Mode=TwoWay}" />

  <RowDefinition Height="5" />

  <RowDefinition Height="{Binding Settings.Splitter.Inner2, Mode=TwoWay}" />

  </Grid.RowDefinitions>

  <Border Background="Pink">

  <TextBlock Text="inner ①" />

  </Border>

 

  <GridSplitter Grid.Row="1" />

 

  <Border Grid.Row="2" Background="Orange">

  <TextBlock Text="inner ②" />

  </Border>

  </Grid>

  </Border>

 

  <GridSplitter Grid.Column="1" />

 

  <Border Grid.Column="2" Background="LightGreen">

  <TextBlock Text="outer ②" />

  </Border>

 

  <GridSplitter Grid.Column="3" />

 

  <Border Grid.Column="4" Background="SkyBlue">

  <TextBlock Text="outer ③" />

  </Border>

  </Grid>

  </DockPanel>

  </Window>

  ```

 

  using CommunityToolkit.Mvvm.ComponentModel;

  using CommunityToolkit.Mvvm.Input;

  using System.Diagnostics;

  using System.Text.Json;

  using System.Text.Json.Serialization;

  using System.Windows;

 

 

  namespace Questions355107

  {

  public class WindowModel : ObservableObject

  {

  public double Top { get => _Top; set => SetProperty(ref _Top, value); }

  private double _Top = double.NaN; // 動かさずにSaveすると位置を復元しないが、普通そういうことにはならんでしょう

  public double Left { get => _Left; set => SetProperty(ref _Left, value); }

  private double _Left = double.NaN;

  public double Width { get => _Width; set => SetProperty(ref _Width, value); }

  private double _Width = 800;

  public double Height { get => _Height; set => SetProperty(ref _Height, value); }

  private double _Height = 450;

  }

 

  public class SplitterModel : ObservableObject

  {

  public string Outer1 { get => _Outer1; set => SetProperty(ref _Outer1, value); }

  private string _Outer1 = "200"; // Pixcel指定（何もしていないのではみ出ます^^;

  public string Outer2 { get => _Outer2; set => SetProperty(ref _Outer2, value); }

  private string _Outer2 = "1*"; // Star指定

  public string Outer3 { get => _Outer3; set => SetProperty(ref _Outer3, value); }

  private string _Outer3 = "2*";

  public string Inner1 { get => _Inner1; set => SetProperty(ref _Inner1, value); }

  private string _Inner1 = "1*";

  public string Inner2 { get => _Inner2; set => SetProperty(ref _Inner2, value); }

  private string _Inner2 = "1*";

  }

 

  public class SettingsModel

  {

  public WindowModel Window { get; set; } = new();

  public SplitterModel Splitter { get; set; } = new();

  }

 

  public class ViewModel : ObservableObject

  {

  public SettingsModel Settings { get => _Settings; set => SetProperty(ref _Settings, value); }

  private SettingsModel _Settings;

  public RelayCommand SaveCommand { get; }

  public RelayCommand LoadCommand { get; }

 

  private string settingsJson;

  private readonly JsonSerializerOptions options = new()

  {

  NumberHandling = JsonNumberHandling.AllowNamedFloatingPointLiterals,

  WriteIndented = true,

  };

 

 

  public ViewModel()

  {

  Settings = new(); // 本来はファイルから

 

  SaveCommand = new(() =>

  {

  // ファイルにセーブしたつもり

  settingsJson = JsonSerializer.Serialize(Settings, options);

  Debug.WriteLine(settingsJson);

  });

 

  LoadCommand = new(() =>

  {

  // 私は普段起動時に読むだけなのでPropertyChangedすらしないが、

  // 起動中に変更する場合nullでも入れてリセットしないとうまく反映されなかった（Topだけ入らない等

  Settings = null;

  // ファイルからロードしたつもり

  Settings = JsonSerializer.Deserialize<SettingsModel>(settingsJson, options);

  });

 

  SaveCommand.Execute(null); // ヌルリよけ

  }

  }

 

  public partial class MainWindow : Window

  {

  public MainWindow() => InitializeComponent();

  }

  }

  ```

  

  `INotifyPropertyChanged`・`ICommand`実装は↓を使用しました。

  [NuGet Gallery | CommunityToolkit.Mvvm 7.0.3](https://www.nuget.org/packages/CommunityToolkit.Mvvm/7.0.3)

 

  .NET Core 3.1より前の場合は↓を入れてください。

  [NuGet Gallery | System.Text.Json 5.0.2](https://www.nuget.org/packages/System.Text.Json)

 

  C#9で書いたので`new()`でエラーが出たら型を書いてください。

  [Target-typed new expressions - C# 9.0 specification proposals | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/csharp/language-reference/proposals/csharp-9.0/target-typed-new)