回答編集履歴

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

-

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

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

-

-

- ```xaml

- <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>

- ```

-

- ```C#

- 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()`でエラーが出たら型を書いてください。