C＃WPF ContentControlをシリアル化するには？

Question

イメージとテキストボックスを含むContentControlのリストをシリアライズして、バイナリファイルに保存できるようにする必要があります。

総会で 'System.Windows.Controls.ContentControl' 'PresentationFramework、バージョン= 4.0.0.0、文化=中立、なPublicKeyToken = 31bf3856ad364e35' はシリアル化可能としてマークされていないエラーメッセージ

タイプ。」

Answer 1

あなたはMVVMを以下している場合、彼らは、ビューステート

あるとして、あなたは、あなたのコントロールがビューモデルを表示し、ビューモデルは、モデルを操作し、モデルされることをしなければならない制御をシリアライズすることはできませんあなたがここに

をシリアル化する必要があり事は一例です

XAML

<Window 
    x:Class="WpfApplication1.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:WpfApplication1" 
    Title="MainWindow" Height="350" Width="525"> 
    <Window.DataContext> 
     <local:ViewModel x:Name="vm" /> 
    </Window.DataContext> 
    <Window.Resources> 
     <CollectionViewSource x:Key="cvs" Source="{Binding Collection}"/> 
    </Window.Resources> 
    <StackPanel> 
     <GroupBox Header="New Item"> 
      <StackPanel> 
       <GroupBox Header="Text"> 
        <TextBox Text="{Binding NewText}"/> 
       </GroupBox> 
       <GroupBox > 
        <GroupBox.Header> 
         <Button Command="{Binding Browse, Mode=OneWay}">Uri</Button> 
        </GroupBox.Header> 
        <TextBox Text="{Binding NewUri}"/> 
       </GroupBox> 
       <Button Command="{Binding Add, Mode=OneWay}" >Add</Button> 
      </StackPanel> 
     </GroupBox > 
     <ListView ItemsSource="{Binding Mode=OneWay, Source={StaticResource cvs}}" IsSynchronizedWithCurrentItem="True"> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <GroupBox Header="{Binding Text}"> 
         <Image Source="{Binding Uri}" Stretch="None"/> 
        </GroupBox> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView> 
     <StackPanel Orientation="Horizontal"> 
      <Button Command="{Binding Delete, Mode=OneWay}" CommandParameter="{Binding /, Mode=OneWay, Source={StaticResource cvs}}" >Delete</Button> 
      <Button Command="{Binding Cancel, Mode=OneWay}" >Cancel</Button> 
      <Button Command="{Binding Save, Mode=OneWay}" >Save</Button> 
      <Button Command="{Binding Load, Mode=OneWay}" >Load</Button> 
     </StackPanel> 
    </StackPanel> 
</Window> 

モデル

[Serializable] 
public class ImageModel 
{ 
    public string Text { get; set; } 
    public Uri Uri { get; set; } 
} 

public class ImageCollectionModel 
{ 
    public List<ImageModel> Collection { get; } = new List<ImageModel>(); 

    private BinaryFormatter Formatter = new BinaryFormatter(); 
    public bool Save(FileInfo file) 
    { 
     try 
     { 
      using (var stream = file.OpenWrite()) 
      { 
       Formatter.Serialize(stream, Collection); 
       return true; 
      } 
     } 
     catch (Exception) 
     { 
      return false; 
     } 
    } 
    public bool Load(FileInfo file) 
    { 
     try 
     { 
      using (var stream = file.OpenRead()) 
      { 
       var col = Formatter.Deserialize(stream) as List<ImageModel>; 
       Collection.Clear(); 
       Collection.AddRange(col); 
       return true; 
      } 
     } 
     catch (Exception) 
     { 
      return false; 
     } 
    } 
} 

のViewModel

public class ViewModel:BindableBase 
{ 
    public ViewModel() 
    { 
     Add = new DelegateCommand(() => Collection.Add(new ImageModel() 
     { 
      Text = NewText, 
      Uri = new Uri(NewUri) 
     })); 
     Delete = new DelegateCommand<ImageModel>(item => Collection.Remove(item)); 
     Load = new DelegateCommand(() => 
     { 
      var open = new Microsoft.Win32.OpenFileDialog(); 
      if (open.ShowDialog() ?? false) 
      { 
       var file = new FileInfo(open.FileName); 
       if (file.Exists) 
       { 
        if (Model == null) 
        { 
         Model = new ImageCollectionModel(); 
        } 
        Model.Load(file); 
       } 
       Cancel.Execute(); 
      } 

     }); 
     Save = new DelegateCommand(() => 
     { 
      var save = new Microsoft.Win32.SaveFileDialog(); 
      if (save.ShowDialog() ?? false) 
      { 
       var file = new FileInfo(save.FileName); 
       if (!file.Exists) 
       { 
        if (Model == null) 
        { 
         Model = new ImageCollectionModel(); 
        } 
        Model.Collection.Clear(); 
        Model.Collection.AddRange(Collection); 
        Model.Save(file); 
       } 
      } 
     }); 
     Cancel = new DelegateCommand(() => 
     { 
      Collection.Clear(); 
      if (Model != null) 
      { 
       foreach (var item in Model.Collection) 
       { 
        Collection.Add(item); 
       } 
      } 
     }); 
     Browse = new DelegateCommand(() => 
     { 
      var open = new Microsoft.Win32.OpenFileDialog(); 
      if (open.ShowDialog() ?? false) 
      { 
       NewUri = open.FileName; 
      } 
     }); 
    } 
    public ImageCollectionModel Model { get; set; } 
    public ObservableCollection<ImageModel> Collection { get; } = new ObservableCollection<ImageModel>(); 

    private string _NewText; 

    public string NewText 
    { 
     get { return _NewText; } 
     set { SetProperty(ref _NewText, value); } 
    } 

    private string _NewUri; 

    public string NewUri 
    { 
     get { return _NewUri; } 
     set { SetProperty(ref _NewUri, value); } 
    } 

    public DelegateCommand Add { get; } 
    public DelegateCommand<ImageModel> Delete { get; } 
    public DelegateCommand Browse { get; } 
    public DelegateCommand Load { get; } 
    public DelegateCommand Save { get; } 
    public DelegateCommand Cancel { get; } 

} 

注：この例では、PRISMとC＃6.0を使用しています。