回答編集履歴

見直しキャンペーン中

2023/08/12 09:53

投稿

TN8001

スコア9350

test CHANGED Viewed

@@ -1,5 +1,5 @@
 動くコードがないと話をすり合わせるのが大変なので^^;
-今の私の理解を`MVVM`を意識せずざっくり実装しました。
+今の私の理解をMVVMを意識せずざっくり実装しました。
 ```xml:MainWindow.xaml
 <Window

見直しキャンペーン中

2023/07/23 06:15

投稿

TN8001

スコア9350

test CHANGED Viewed

@@ -1,413 +1,203 @@
 動くコードがないと話をすり合わせるのが大変なので^^;
 今の私の理解を`MVVM`を意識せずざっくり実装しました。
-MainWindow.xaml
+```xml:MainWindow.xaml
-```xaml
 <Window
   x:Class="Test.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local="clr-namespace:Test"
   Height="450"
   SizeToContent="Width">
   <Window.DataContext>
     <local:MainWindowViewModel />
   </Window.DataContext>
   <Window.Resources>
     <DataTemplate x:Key="CheckedInfo" DataType="{x:Type local:Info}">
       <TextBlock Text="{Binding Path=Name, StringFormat=CheckedInfo: {0}}" />
     </DataTemplate>
   </Window.Resources>
   <Grid>
     <Grid.RowDefinitions>
       <RowDefinition />
       <RowDefinition Height="2*" />
     </Grid.RowDefinitions>
     <ListBox ItemTemplate="{StaticResource CheckedInfo}" ItemsSource="{Binding Path=CheckedInfoList, ElementName=testControl}" />
     <local:TestControl
       x:Name="testControl"
       Grid.Row="1"
       InfoList="{Binding Path=InfoList}" />
   </Grid>
 </Window>
-```
+```
-MainWindowViewModel.cs
+```cs:MainWindowViewModel.cs
-```C#
 using System.Collections.Generic;
 namespace Test
 {
     public class MainWindowViewModel //: Observable
     {
         public InfoList InfoList { get; }
         //private InfoList _CheckedInfoList;
         //public InfoList CheckedInfoList { get => _CheckedInfoList; set => Set(ref _CheckedInfoList, value); }
         public MainWindowViewModel()
-        {
+        {
             InfoList = new InfoList
             {
                 new Info {
                     Name = "1",
                     Child = new InfoList {
                         new Info {
                             Name = "1-1",
                             Child = new InfoList {
                                 new Info { Name = "1-1-1", Check = true, },
                                 new Info { Name = "1-1-2",  },
                             },
                         },
                     },
                 },
                 new Info {
                     Name = "2",
                     Child = new InfoList {
                         new Info { Name = "2-1", Check = true, },
                     },
                 },
                 new Info { Name = "3", Check = true, },
                 new Info {
                     Name = "4",
                     Child = new InfoList {
                         new Info { Name = "4-1", },
                     },
                 },
             };
-        }
+        }
     }
     public class InfoList : List<Info> { }
     public class Info
     {
         public string Name { get; set; }
         //public string Icon { get; set; }
         public bool Expand { get; set; } = true;
         public bool Check { get; set; }
         public InfoList Child { get; set; } // Info Child？
     }
 }
-```
+```
-TestControl.xaml
+```xml:TestControl.xaml
-```xaml
 <UserControl
   x:Class="Test.TestControl"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:local="clr-namespace:Test"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   x:Name="userControl"
   Width="300"
   d:DesignHeight="400"
   mc:Ignorable="d">
   <Grid Name="baseContainer">
     <TreeView
       CheckBox.Checked="TreeView_CheckChanged"
       CheckBox.Unchecked="TreeView_CheckChanged"
       ItemsSource="{Binding InfoList, ElementName=userControl, Mode=OneWay}">
       <TreeView.Resources>
         <Style TargetType="TreeViewItem">
           <Setter Property="IsExpanded" Value="{Binding Path=Expand, Mode=TwoWay}" />
         </Style>
       </TreeView.Resources>
       <TreeView.ItemTemplate>
         <HierarchicalDataTemplate DataType="local:InfoList" ItemsSource="{Binding Path=Child}">
           <StackPanel Orientation="Horizontal">
             <CheckBox IsChecked="{Binding Path=Check, Mode=TwoWay}" />
             <!--<Image Source="{Binding Path=Icon}" />-->
             <TextBlock Text="{Binding Path=Name}" />
           </StackPanel>
         </HierarchicalDataTemplate>
       </TreeView.ItemTemplate>
     </TreeView>
   </Grid>
 </UserControl>
-```
+```
-TestControl.xaml.cs
+```cs:TestControl.xaml.cs
-```C#
 using System.Windows;
 using System.Windows.Controls;
 namespace Test
 {
     public partial class TestControl : UserControl
     {
         public static readonly DependencyProperty InfoListProperty
             = DependencyProperty.Register(nameof(InfoList), typeof(InfoList),
                 typeof(TestControl), new PropertyMetadata(null));
         public InfoList InfoList
-        {
+        {
             get => (InfoList)GetValue(InfoListProperty);
             set => SetValue(InfoListProperty, value);
-        }
+        }
         public static readonly DependencyProperty CheckedInfoListProperty
             = DependencyProperty.Register(nameof(CheckedInfoList), typeof(InfoList),
                 typeof(TestControl), new PropertyMetadata(null));
         public InfoList CheckedInfoList
-        {
+        {
             get => (InfoList)GetValue(CheckedInfoListProperty);
             set => SetValue(CheckedInfoListProperty, value);
-        }
+        }
         public TestControl()
-        {
+        {
             InitializeComponent();
-        }
+        }
         private void TreeView_CheckChanged(object sender, RoutedEventArgs e)
-        {
+        {
             var l = new InfoList();
             foreach(var c in InfoList)
             {
                 if(Dfs(c)) l.Add(c);
             }
             CheckedInfoList = l;
             bool Dfs(Info info)
             {
                 if(info.Check) return true;
                 if(info.Child == null) return false;
                 foreach(var c in info.Child)
                 {
                     if(Dfs(c)) return true;
                 }
                 return false;
             }
-        }
+        }
     }
 }
-```
+```
 ![アプリ画像](380998da49d4578b09dbb91546c96fd7.png)
 動作はこれでいいのでしょうか？
 これですと`TestControl`にVMがありませんが、実際は`MainWindowViewModel`から渡された`InfoList`を`TestControl`で`InfoListVM`等に加工（詰め替え）しているということでしょうか？（何のために??）
 それとも`Info`が`Check`・`Child`だけで（`Name`もか？）、`InfoVM`に`Icon`や`Expand`を生やしてるってことなのかな？
 > データの実体はモデル部より供給
 > check状態(開始時) App --> UserControl v --> vm --> model
 > check状態(終了時) App <-- UserControl v <-- vm <-- model
 > ツリー構造の実体 UserControl v <-- vm <-- model
 このへんのニュアンスもいまいちわかりません。
 モデルとは`CheckedInfoList`のことを指しているんでしょうか？
 それとも`InfoVM`のために画像をとってくるような処理の部分？
 もしもあまりに乖離しているようですと、VM・Mも出せる範囲で出していただかないと理解できそうにありません^^;

画像

2020/09/22 22:52

投稿

TN8001

スコア9350

test CHANGED Viewed

@@ -376,6 +376,8 @@
 ```
+![アプリ画像](380998da49d4578b09dbb91546c96fd7.png)
 動作はこれでいいのでしょうか？