回答編集履歴

  > Listboxのようなもので、Lableコントロールを共通化できないか？

 

 

  カスタマイズに関してはこちらが詳しいです。

  [ItemsControl 攻略 ～ 外観のカスタマイズ | grabacr.nét](http://grabacr.net/archives/1240)

 

  [Layout orientation of UniformGrid](https://social.msdn.microsoft.com/Forums/en-US/104b9cb8-3e1a-4e2e-ac62-4f9b32cc21f0/layout-orientation-of-uniformgrid?forum=wpf)

 

  ---

 

  上記で目的は達成だと思いますが、誤解があるようなので残りの問題も片づけます。

 

  > ネットの情報によると、Grid.Row、Grid.Columnは効かないらしい・・・

 

  どちらをご覧になったのかわかりませんが、そんなことないですよ。

  「ライブ ビジュアル ツリー」で見るとわかりますが`ContentPresenter`が挟まるため、`ItemContainerStyle`で当てる必要があるのが注意点です。

 

  [デバッグ中に XAML のプロパティを調べる - Visual Studio | Microsoft Docs](https://docs.microsoft.com/ja-jp/visualstudio/xaml-tools/inspect-xaml-properties-while-debugging)

  [ItemsControl.ItemContainerStyle プロパティ (System.Windows.Controls) | Microsoft Docs](https://docs.microsoft.com/ja-jp/dotnet/api/system.windows.controls.itemscontrol.itemcontainerstyle)

 

  > Labelの内容を１行で記述できるようできないか？

 

  `DensityToGreenConverter`が、`Color`でなく`Brush`を返せばいいのでは？

 

  <Window

  x:Class="Questions324177.MainWindow"

  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

  xmlns:local="clr-namespace:Questions324177"

  Width="800"

  Height="450">

  <StackPanel>

  <GroupBox Header="UniformGrid">

  <ItemsControl HorizontalAlignment="Left" ItemsSource="{Binding Items}">

  <ItemsControl.ItemsPanel>

  <ItemsPanelTemplate>

  <UniformGrid Rows="7" />

  <!--<local:UniformGridWithOrientation Rows="7" />-->

  </ItemsPanelTemplate>

  </ItemsControl.ItemsPanel>

  <ItemsControl.ItemTemplate>

  <DataTemplate>

  <Border

  x:Name="border"

  Width="10"

  Height="10"

  Margin="2"

  Background="#FFEBEDF0"

  CornerRadius="2" />

  <DataTemplate.Triggers>

  <DataTrigger Binding="{Binding}" Value="1">

  <Setter TargetName="border" Property="Background" Value="#FF9BE9A8" />

  <DataTrigger Binding="{Binding}" Value="2">

  <Setter TargetName="border" Property="Background" Value="#FF40C463" />

  <DataTrigger Binding="{Binding}" Value="3">

  <Setter TargetName="border" Property="Background" Value="#FF30A14E" />

  <DataTrigger Binding="{Binding}" Value="4">

  <Setter TargetName="border" Property="Background" Value="#FF216E39" />

  </DataTemplate.Triggers>

  </DataTemplate>

  </ItemsControl.ItemTemplate>

  </ItemsControl>

  </GroupBox>

 

  <GroupBox Header="Grid Row Column Binding">

  <ItemsControl HorizontalAlignment="Left" ItemsSource="{Binding Range}">

  <ItemsControl.ItemsPanel>

  <ItemsPanelTemplate>

  <Grid>

  <Grid.ColumnDefinitions>

  </Grid.ColumnDefinitions>

  <Grid.RowDefinitions>

  </Grid.RowDefinitions>

  </Grid>

  </ItemsPanelTemplate>

  </ItemsControl.ItemsPanel>

  <ItemsControl.ItemContainerStyle>

  <Style>

  <Setter Property="Grid.Column" Value="{Binding Column}" />

  <Setter Property="Grid.Row" Value="{Binding Row}" />

  </Style>

  </ItemsControl.ItemContainerStyle>

  <ItemsControl.ItemTemplate>

  <DataTemplate>

  <DataTemplate.Resources>

  <local:DensityToGreenConverter x:Key="DensityToGreenConverter" />

  </DataTemplate.Resources>

  <Border

  Width="10"

  Height="10"

  Margin="2"

  Background="{Binding Density, Converter={StaticResource DensityToGreenConverter}}"

  CornerRadius="2" />

  </DataTemplate>

  </ItemsControl.ItemTemplate>

  </ItemsControl>

  </GroupBox>

  </StackPanel>

  </Window>

  ```

 

  using System;

  using System.Globalization;

  using System.Linq;

  using System.Windows;

  using System.Windows.Controls;

  using System.Windows.Controls.Primitives;

  using System.Windows.Data;

  using System.Windows.Media;

 

  namespace Questions324177

  {

  public partial class MainWindow : Window

  {

  public int[] Items { get; }

  public Range[] Range { get; }

 

  public MainWindow()

  {

  InitializeComponent();

  DataContext = this;

 

  var r = new Random();

  Items = Enumerable.Range(0, 366)

  .Select(x => r.Next(5))

  .ToArray();

  Range = Items.Select((v, i) => new Range { Column = i / 7, Row = i % 7, Density = v })

  .ToArray();

  }

  }

 

  public class Range

  {

  public int Column { get; set; }

  public int Row { get; set; }

  public int Density { get; set; }

  }

 

  public class DensityToGreenConverter : IValueConverter // 雑すぎｗ

  {

  private static readonly Brush[] brushes;

  static DensityToGreenConverter()

  {

  var c = new BrushConverter();

  brushes = new Brush[]

  {

  (Brush) c.ConvertFrom("#FFEBEDF0"),

  (Brush) c.ConvertFrom("#FF9BE9A8"),

  (Brush) c.ConvertFrom("#FF40C463"),

  (Brush) c.ConvertFrom("#FF30A14E"),

  (Brush) c.ConvertFrom("#FF216E39"),

  };

  }

  public object Convert(object value, Type targetType, object parameter, CultureInfo culture) => brushes[(int)value];

  public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) => throw new NotImplementedException();

  }

 

  // 長くなるので省略するが、上下方向に並べたい場合こちらを使用

  // [Layout orientation of UniformGrid](https://social.msdn.microsoft.com/Forums/en-US/104b9cb8-3e1a-4e2e-ac62-4f9b32cc21f0/layout-orientation-of-uniformgrid?forum=wpf)

  //public class UniformGridWithOrientation : UniformGrid { }

  }

  ```

  

 

  注）元データは同じだが方向が違う。合わせるには`UniformGrid`の代わりに`UniformGridWithOrientation`を使用すること。