回答編集履歴

見直しキャンペーン中

2023/07/25 13:57

投稿

TN8001

スコア9326

test CHANGED Viewed

@@ -1,433 +1,217 @@
 > ボタンクリックで動的に作成したタブの中に、別に作成した子画面の内容を表示させたい。
 方法はいろいろあります。私ならこうするかな？という案です。
 それぞれ独立性の高い子画面なら、`DataTemplate`でビューを切り替えるのがいいと思います。
 > TabControlの表示/非表示を切り替えたい
 まあどちらでもいいんですが、`Image`の`Visibility`を`bool`で切り替えてみました。
-```xaml
+```xml
 <Window
   x:Class="Questions309980.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:local="clr-namespace:Questions309980"
   Title="MainWindow"
   Width="800"
   Height="450">
   <Window.DataContext>
     <local:MainViewModel />
   </Window.DataContext>
   <Window.Resources>
     <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
     <Style TargetType="{x:Type Button}">
       <Setter Property="Margin" Value="5" />
       <Setter Property="MinWidth" Value="80" />
     </Style>
     <!--  DataTemplateでタブのコンテントを切り替える  -->
     <!--  UserControlを作ってもいいし  -->
     <DataTemplate DataType="{x:Type local:ToDoViewModel}">
       <local:ToDoView />
     </DataTemplate>
     <!--  簡単な内容ならこの場で作ってもいい  -->
     <DataTemplate DataType="{x:Type local:CalendarViewModel}">
       <DockPanel>
         <TextBlock
           DockPanel.Dock="Top"
           FontSize="24"
           FontWeight="Bold"
           Text="Calendar" />
         <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
           <Button Command="{Binding HogeCommand}" Content="Hoge" />
         </StackPanel>
         <Calendar HorizontalAlignment="Left" VerticalAlignment="Top" SelectedDate="{Binding SelectedDate}" />
       </DockPanel>
     </DataTemplate>
   </Window.Resources>
   <DockPanel>
     <TextBlock Text="{Binding StatusMessage}" HorizontalAlignment="Right" DockPanel.Dock="Bottom" />
     <GroupBox Background="Papayawhip">
       <StackPanel>
         <Button Command="{Binding Command}" CommandParameter="{x:Type local:ToDoViewModel}" Content="ToDo" />
         <Button Command="{Binding Command}" CommandParameter="{x:Type local:CalendarViewModel}" Content="Calendar" />
       </StackPanel>
     </GroupBox>
     <Grid>
       <TabControl ItemsSource="{Binding TabItems}" SelectedItem="{Binding SelectedItem}">
         <TabControl.ItemTemplate>
           <DataTemplate>
             <TextBlock Text="{Binding TabHeader}" />
           </DataTemplate>
         </TabControl.ItemTemplate>
       </TabControl>
       <!--  はじめは上に重なってTabControlを隠している  -->
       <Image
         HorizontalAlignment="Left"
         VerticalAlignment="Top"
         Source="https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail.jpg"
         Visibility="{Binding IsImageVisible, Converter={StaticResource BooleanToVisibilityConverter}}" />
     </Grid>
   </DockPanel>
 </Window>
 ```
-```xaml
+```xml
 <UserControl
   x:Class="Questions309980.ToDoView"
   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:Questions309980"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   d:DesignHeight="450"
   d:DesignWidth="800"
   mc:Ignorable="d">
   <DockPanel>
     <TextBlock
       DockPanel.Dock="Top"
       FontSize="24"
       FontWeight="Bold"
       Text="ToDo" />
     <StackPanel DockPanel.Dock="Top" Orientation="Horizontal">
       <Button Command="{Binding AddCommand}" Content="Add" />
       <Button Command="{Binding DelCommand}" Content="Del" />
       <Button Command="{Binding DoneCommand}" Content="Done" />
     </StackPanel>
     <ListBox>
       <ListBoxItem Content="aaa" />
       <ListBoxItem Content="bbb" />
       <ListBoxItem Content="ccc" />
     </ListBox>
   </DockPanel>
 </UserControl>
 ```
-```C#
+```cs
 using Prism.Commands;
 using Prism.Mvvm;
 using System;
 using System.Collections.ObjectModel;
 using System.Diagnostics;
 using System.Linq;
 namespace Questions309980
 {
     public class MainViewModel : BindableBase
-    {
+    {
         private bool _IsImageVisible = true;
         public bool IsImageVisible { get => _IsImageVisible; set => SetProperty(ref _IsImageVisible, value); }
         private TabItemBase _SelectedItem;
         public TabItemBase SelectedItem { get => _SelectedItem; set => SetProperty(ref _SelectedItem, value); }
         private string _StatusMessage;
         public string StatusMessage { get => _StatusMessage; set => SetProperty(ref _StatusMessage, value); }
         public ObservableCollection<TabItemBase> TabItems { get; } = new();
         public DelegateCommand<Type> Command { get; }
         public MainViewModel()
         {
             Command = new(type =>
             {
                 // ImageのVisibilityを切り替える
                 IsImageVisible = false;
                 // switch文等で作り分けてもいいが、面倒なので型（Type）から直で生成
                 var item = (TabItemBase)Activator.CreateInstance(type);
                 // item追加
                 TabItems.Add(item);
                 // item選択
                 SelectedItem = item;
                 // CanExecuteを再確認させる
                 Command.RaiseCanExecuteChanged();
                 StatusMessage = $"{type.Name} 読み込み";
             },
             // 同じボタンは2回押せないようにする（TabItemsにすでに同じ型があるかどうか）
             type => !TabItems.Any(x => x.GetType().Equals(type)));
         }
-    }
+    }
     public abstract class TabItemBase : BindableBase
-    {
+    {
         public string TabHeader { get; }
         public TabItemBase(string header) => TabHeader = header;
-    }
+    }
     public class ToDoViewModel : TabItemBase
-    {
+    {
         public DelegateCommand AddCommand { get; }
         public DelegateCommand DelCommand { get; }
         public DelegateCommand DoneCommand { get; }
         public ToDoViewModel() : base("ToDo")
         {
             AddCommand = new(() => Debug.WriteLine("AddCommand"));
             DelCommand = new(() => Debug.WriteLine("DelCommand"));
             DoneCommand = new(() => Debug.WriteLine("DoneCommand"));
         }
-    }
+    }
     public class CalendarViewModel : TabItemBase
-    {
+    {
         private DateTime _SelectedDate;
         public DateTime SelectedDate { get => _SelectedDate; set => SetProperty(ref _SelectedDate, value); }
         public DelegateCommand HogeCommand { get; }
         public CalendarViewModel() : base("Calendar") => HogeCommand = new(() => Debug.WriteLine(SelectedDate));
-    }
+    }
 }
 ```
 `BindableBase`・`DelegateCommand`は、`Prism.Core`を使用しました。
 [NuGet Gallery | Prism.Core 8.0.0.1909](https://www.nuget.org/packages/Prism.Core/)
-特に指定がないので`.NET 5.0`で書きました^^
+特に指定がないので.NET 5.0で書きました^^
-`.NET Framework 4.8`等では、`new()`でエラーが出るので型を書いてください。
+.NET Framework 4.8等では、`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)
 [ターゲットからの new 型推論 | ++C++; // 未確認飛行 C](https://ufcpp.net/study/csharp/oo_construct.html#target-typed-new)
 ![アプリ画像](a4b60c0e0e865cbbc60deab1a895b098.png)
 ---
 [[Q&A] WPF MVVMの学習 - Qiita](https://qiita.com/choni-k/questions/8973d506bcca4722ce2c)
 > teratailでは、マルチポスト※の推奨はしていません。
 [ヘルプ｜teratail（テラテイル）](https://teratail.com/help#posted-otherservice)
 上記確認の上、適切に対応してください。

もー

2020/12/13 21:53

投稿

TN8001

スコア9326

test CHANGED Viewed

@@ -280,7 +280,7 @@
         {
-            Command = new DelegateCommand<Type>(type =>
+            Command = new(type =>
             {

HogeCommand

2020/12/13 21:53

投稿

TN8001

スコア9326

test CHANGED Viewed

@@ -380,13 +380,13 @@
-        public DelegateCommand Hoge { get; }
+        public DelegateCommand HogeCommand { get; }
-        public CalendarViewModel() : base("Calendar") => Hoge = new(() => Debug.WriteLine(SelectedDate));
+        public CalendarViewModel() : base("Calendar") => HogeCommand = new(() => Debug.WriteLine(SelectedDate));
     }

2020/12/13 21:41

投稿

TN8001

スコア9326

test CHANGED Viewed

@@ -224,7 +224,7 @@
-```cs
+```C#
 using Prism.Commands;