編集履歴

回答編集履歴

見直しキャンペーン中

2023/07/26 16:05

投稿

スコア9862

test CHANGED Viewed

@@ -1,541 +1,271 @@
-`WPF`で`MVVM`するには、`WinForms`的な考え方は捨ててください。
+WPFでMVVMするには、WinForms的な考え方は捨ててください。
-`View`のコントロールにどう入れるかではなく、表示したいデータ（`Model`≒`ViewModel`）をバインドし、結果的にテンプレートが当たって表示されます。
+コントロールにどう入れるかではなく、表示したいデータ（Model≒ViewModel）をバインドし、結果的にテンプレートが当たって表示されます。
 > カレンダーの日付部分にあたる箇所
 カレンダーを作っているわけですね。
 日付は１～３１あってそれを表示したいのであれば、その数字のコレクション（例えば`List<int>`）を作ってバインドします。
 コレクションですから、`ItemsControl`や`ListBox`にバインドすることになります。
 `Grid`にこだわりがあるなら↓こういった手法があります。
 [Gridへのアイテムのバインド（WPF編） | 泥庭](https://yone64.wordpress.com/2013/05/29/grid%E3%81%B8%E3%81%AE%E3%82%A2%E3%82%A4%E3%83%86%E3%83%A0%E3%81%AE%E3%83%90%E3%82%A4%E3%83%B3%E3%83%89%EF%BC%88wpf%E7%B7%A8%EF%BC%89/)
 しかしカレンダーは`UniformGrid`のほうが向いていますので、回答はそちらを採用しました。
 [ItemsControl 攻略 ～ 外観のカスタマイズ | grabacr.nét](http://grabacr.net/archives/1240)
 こちらをじっくり読んで、各テンプレート等がどういう役割か把握しておいてください（ブックマーク推奨）
-```xaml
+```xml
 <Window
   x:Class="Questions333874.Views.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:behaviors="http://schemas.microsoft.com/xaml/behaviors"
   xmlns:l="http://schemas.livet-mvvm.net/2011/wpf"
   xmlns:m="clr-namespace:Questions333874.Models"
   xmlns:vm="clr-namespace:Questions333874.ViewModels"
   Width="650" Height="550">
   <Window.Resources>
     <DataTemplate DataType="{x:Type m:Schedule}">
       <TextBlock Text="{Binding Text}" />
     </DataTemplate>
   </Window.Resources>
   <Window.DataContext>
     <vm:MainWindowViewModel />
   </Window.DataContext>
   <behaviors:Interaction.Triggers>
     <behaviors:EventTrigger EventName="ContentRendered">
       <l:LivetCallMethodAction MethodName="Initialize" MethodTarget="{Binding}" />
     </behaviors:EventTrigger>
   </behaviors:Interaction.Triggers>
   <DockPanel>
     <DockPanel Margin="10" DockPanel.Dock="Bottom">
       <Button Command="{Binding AddCommand}" Content="Add" DockPanel.Dock="Right" IsDefault="True" />
       <TextBox Text="{Binding Text, UpdateSourceTrigger=PropertyChanged}" />
     </DockPanel>
     <GroupBox Margin="10" Padding="10">
       <GroupBox.Header>
         <StackPanel Orientation="Horizontal">
           <TextBlock VerticalAlignment="Center" Text="{Binding HeaderMonth}" />
           <Button Command="{Binding PreviousCommand}" Content="＜" />
           <Button Command="{Binding NextCommand}" Content="＞" />
         </StackPanel>
       </GroupBox.Header>
       <ListBox HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" ItemsSource="{Binding Items}" SelectedItem="{Binding Selected}">
         <ListBox.Template>
           <ControlTemplate TargetType="ListBox">
             <Border BorderBrush="Black" BorderThickness="1">
               <DockPanel>
                 <Border BorderBrush="Black" BorderThickness="0,0,0,1" DockPanel.Dock="Top">
                   <UniformGrid Columns="7">
                     <UniformGrid.Resources>
                       <Style TargetType="Label">
                         <Setter Property="Margin" Value="1,0,0,0" />
                         <Setter Property="Padding" Value="0" />
                         <Setter Property="HorizontalContentAlignment" Value="Center" />
                         <Setter Property="Background" Value="#B0E0E6" />
                       </Style>
                     </UniformGrid.Resources>
                     <Label Margin="0" Content="日" Foreground="Red" />
                     <Label Content="月" />
                     <Label Content="火" />
                     <Label Content="水" />
                     <Label Content="木" />
                     <Label Content="金" />
                     <Label Content="土" Foreground="Blue" />
                   </UniformGrid>
                 </Border>
                 <ItemsPresenter />
               </DockPanel>
             </Border>
           </ControlTemplate>
         </ListBox.Template>
         <ListBox.ItemsPanel>
           <ItemsPanelTemplate>
             <UniformGrid Columns="7" FirstColumn="{Binding FirstDayOffset}" />
           </ItemsPanelTemplate>
         </ListBox.ItemsPanel>
         <ListBox.ItemTemplate>
           <DataTemplate>
             <DockPanel>
               <TextBlock HorizontalAlignment="Center" DockPanel.Dock="Top" Foreground="{Binding Color}" Text="{Binding Day}" />
               <ItemsControl ItemsSource="{Binding Schedules}" />
             </DockPanel>
           </DataTemplate>
         </ListBox.ItemTemplate>
       </ListBox>
     </GroupBox>
   </DockPanel>
 </Window>
 ```
-```C#
+```cs
 using Livet;
 using Livet.Commands;
 using Questions333874.Models;
 using System;
 using System.Collections.Generic;
 using System.Collections.ObjectModel;
 using System.Linq;
 using System.Windows.Media;
 namespace Questions333874.ViewModels
 {
     public class DayViewModel //: ViewModel
     {
         public DateTime DateTime { get; set; }
         public int Day => DateTime.Day;
         public Brush Color => DateTime.DayOfWeek == DayOfWeek.Sunday ? Brushes.Red
                           : DateTime.DayOfWeek == DayOfWeek.Saturday ? Brushes.Blue
                                                                      : Brushes.Black;
         public ObservableCollection<Schedule> Schedules { get; } = new ObservableCollection<Schedule>();
     }
     public class MainWindowViewModel : ViewModel
     {
         public string HeaderMonth => current.ToString("yyyy/MM");
         private int firstDayOffset;
         public int FirstDayOffset { get => firstDayOffset; set => RaisePropertyChangedIfSet(ref firstDayOffset, value); }
         private DayViewModel selected;
         public DayViewModel Selected
-        {
+        {
             get => selected;
             set
-            {
+            {
                 if (RaisePropertyChangedIfSet(ref selected, value) && selected != null)
                     current = selected.DateTime.Date;
             }
-        }
+        }
         private List<DayViewModel> items;
         public List<DayViewModel> Items { get => items; set => RaisePropertyChangedIfSet(ref items, value); }
         private string text;
         public string Text
-        {
+        {
             get => text;
             set
-            {
+            {
                 if (RaisePropertyChangedIfSet(ref text, value))
                     AddCommand.RaiseCanExecuteChanged();
             }
-        }
+        }
         private ViewModelCommand previousCommand;
         public ViewModelCommand PreviousCommand => previousCommand ??= new ViewModelCommand(Previous);
         private void Previous()
-        {
+        {
             current = current.AddMonths(-1);
             Update();
-        }
+        }
         private ViewModelCommand nextCommand;
         public ViewModelCommand NextCommand => nextCommand ??= new ViewModelCommand(Next);
         private void Next()
-        {
+        {
             current = current.AddMonths(1);
             Update();
-        }
+        }
         private ViewModelCommand addCommand;
         public ViewModelCommand AddCommand => addCommand ??= new ViewModelCommand(Add, () => !string.IsNullOrEmpty(Text));
         private void Add()
-        {
+        {
             var s = new Schedule { DateTime = selected.DateTime.Date, Text = Text, };
             schedules.Add(s);
             selected.Schedules.Add(s);
             Text = null;
-        }
+        }
         private List<Schedule> schedules = new List<Schedule>();
         private DateTime current = DateTime.Now.Date;
         // 月変更時 Items再生成 雑ｗ
         private void Update()
-        {
+        {
             // 選択月 日数
             var days = DateTime.DaysInMonth(current.Year, current.Month);
             // 日数分DayViewModel作成
             Items = Enumerable.Range(1, days).Select(x =>
-            {
+            {
                 var d = new DateTime(current.Year, current.Month, x);
                 return new DayViewModel { DateTime = d, };
             }).ToList();
             // DayViewModelにScheduleを突っ込む
             foreach (var d in Items)
                 foreach (var s in schedules.Where(x => x.DateTime.Date == d.DateTime.Date))
                     d.Schedules.Add(s);
             firstDayOffset = (int)new DateTime(current.Year, current.Month, 1).DayOfWeek;
             selected = Items.Single(x => x.DateTime.Date == current.Date);
             current = selected.DateTime.Date;
             // 更新
             RaisePropertyChanged(nameof(FirstDayOffset));
             RaisePropertyChanged(nameof(HeaderMonth));
             RaisePropertyChanged(nameof(Items));
             RaisePropertyChanged(nameof(Selected));
-        }
+        }
         public void Initialize()
-        {
+        {
             // 見本Scheduleデータ作成
             var r = new Random();
             var n = DateTime.Now.Date;
             schedules = Enumerable.Range(0, 10).Select(_ =>
-            {
+            {
                 var d = n.AddDays(r.Next(-30, 30));
                 return new Schedule { DateTime = d, Text = d.ToString("MM/dd の予定"), };
             }).ToList();
             Update();
-        }
+        }
     }
 }
 ```
-```C#
+```cs
 using Livet;
 using System;
 using System.Diagnostics;
 namespace Questions333874.Models
 {
     [DebuggerDisplay("{DateTime} {Text}")]
     public class Schedule : NotificationObject
     {
         private DateTime dateTime;
         public DateTime DateTime { get => dateTime; set => RaisePropertyChangedIfSet(ref dateTime, value); }
         private string text;
         public string Text { get => text; set => RaisePropertyChangedIfSet(ref text, value); }
     }
 }
 ```
 ![アプリ画像](143582f9facbd7b768725544b5280d23.png)
 ---
-`MVVM`寄せで回答しましたが、私だったらこの方式は使いませんね。
+MVVM寄せで回答しましたが、私だったらこの方式は使いませんね。
-カレンダー表示というのは、`View`の都合ですよね？（縦に並ぼうが横に並ぼうが、`Model`は知ったこっちゃない）
+カレンダー表示というのは、Viewの都合ですよね？（縦に並ぼうが横に並ぼうが、Modelは知ったこっちゃない）
 カスタムコントロール（あるいはユーザーコントロール）を作って、`List<Schedule>`のようなものをバインドすれば勝手に表示するように作りますかね。
 その際はバリバリにコードビハインドということになります（例えばこのような [wpf/Calendar.cs at main · dotnet/wpf](https://github.com/dotnet/wpf/blob/main/src/Microsoft.DotNet.Wpf/src/PresentationFramework/System/Windows/Controls/Calendar.cs)）
-`MVVM`がパワーワードすぎて、なかなか本質が見えないのが難しく感じる原因でしょうか。
+MVVMがパワーワードすぎて、なかなか本質が見えないのが難しく感じる原因でしょうか。