mikeo_410

コントロールの動的配置

  コントロールを生成、消滅、移動するものと思っていたら、ContentPresenter クラスを使う例を見たので試してみました。

起動時 追加ボタンを押して行くと

  丸いコントロールが、円周上を移動します。「追加」を押すとコントロールが増えていきます。「削除」を押すとコントロールを1つ削除します。

１．丸いコントロール

  このコントロールは、形状やカラー以外に、自身の表示位置を制御しています。インターバルタイマで、自立的に移動します。
  自身の表示位置は、コントロール自体で決まるものではないので、それが描画されるキャンバスに対する相対的な位置を計算します。このコントロールは、Canvasに対して追加されることを前提にしています。

  1. using System;
  3. using System.Windows;
  4. using System.Windows.Threading;
  5. using System.Windows.Controls;
  6. using System.Windows.Media;
  8. namespace wpf_ContentPresenter1
  9. {
  10.     class MarkCP : ContentPresenter 
  11.     {
  12.         DispatcherTimer timer;
  13.         public MarkCP(Color color)
  14.         {
  15.             Border border = new Border()
  16.             {
  17.                 BorderBrush = new SolidColorBrush(Colors.Black),
  18.                 Background = new SolidColorBrush(color),
  19.                 BorderThickness = new Thickness(2),
  20.                 CornerRadius = new CornerRadius(8),
  21.                 Padding = new Thickness(3)
  22.             };
  23.             Content = border;
  25.             Width = 20;
  26.             Height = 20;
  27.             Round();
  28.             
  29.             timer = new DispatcherTimer() { Interval = new TimeSpan(5000000) };
  30.             timer.Tick += new EventHandler(timer_Tick);
  31.             timer.Start();
  32.         }
  33.         double angle = 0;
  34.         void Round()
  35.         {
  36.             Canvas canvas = (Canvas)Parent;
  37.             if (canvas == null) return;
  38.             double width = canvas.ActualWidth;
  39.             double height = canvas.ActualHeight;
  40.             double r = Math.Min(width, height) * 0.4;
  41.             X = r * Math.Sin(angle) + (width * 0.5);
  42.             Y = r * Math.Cos(angle) + (height * 0.5);
  43.             angle += Math.PI / 24;
  44.         }
  45.         void timer_Tick(object sender, EventArgs e)
  46.         {
  47.             Round();
  48.         }
  49.         double X
  50.         {
  51.             get { return (double)GetValue(Canvas.LeftProperty); }
  52.             set { SetValue(Canvas.LeftProperty, value); }
  53.         }
  54.         double Y
  55.         {
  56.             get { return (double)GetValue(Canvas.TopProperty); }
  57.             set { SetValue(Canvas.TopProperty, value); }
  58.         }
  59.         protected override void OnRenderSizeChanged(SizeChangedInfo sizeInfo)
  60.         {
  61.             base.OnRenderSizeChanged(sizeInfo);
  62.             Round();
  63.         }
  64.     }
  65. }

２．Window1.xaml.cs

  1. using System.Collections.Generic;
  2. using System.Windows;
  3. using System.Windows.Media;
  5. namespace wpf_ContentPresenter1
  6. {
  7.     /// <summary>
  8.     /// Window1.xaml の相互作用ロジック
  9.     /// </summary>
  10.     public partial class Window1 : Window
  11.     {
  12.         public Window1()
  13.         {
  14.             InitializeComponent();
  15.         }
  17.         Stack<MarkCP> stack = new Stack<MarkCP>();
  19.         private void Grid_Loaded(object sender, RoutedEventArgs e)
  20.         {
  21.             MarkCP mcp = new MarkCP(Colors.LightGreen);
  22.             canvas1.Children.Add(mcp);
  23.         }
  24.         Color[] color = new Color[] { Colors.LightPink, Colors.Yellow, Colors.LightBlue, Colors.Magenta };
  25.         private void Button_Click_add(object sender, RoutedEventArgs e)
  26.         {
  27.             MarkCP mcp = new MarkCP(color[stack.Count%color.Length]);
  28.             stack.Push(mcp);
  29.             canvas1.Children.Add(mcp);
  30.         }
  32.         private void Button_Click_delete(object sender, RoutedEventArgs e)
  33.         {
  34.             if (stack.Count <= 0) return;
  35.             MarkCP mcp = stack.Pop();
  36.             canvas1.Children.Remove(mcp);
  37.         }
  38.     }
  39. }

３．Window1.xaml

  1. <Window x:Class="wpf_ContentPresenter1.Window1"
  2.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.     Title="動的な配置" Width="300" Height="300">
  5.     <Grid  Loaded="Grid_Loaded">
  6.         <Grid.RowDefinitions>
  7.             <RowDefinition Height="20"/>
  8.             <RowDefinition/>
  9.         </Grid.RowDefinitions>
  10.         <Grid Grid.Row="0">
  11.             <Grid.ColumnDefinitions>
  12.                 <ColumnDefinition/>
  13.                 <ColumnDefinition/>
  14.             </Grid.ColumnDefinitions>
  15.             <Button Grid.Column="0" Content="追加" Click="Button_Click_add"/>
  16.             <Button Grid.Column="1" Content="削除" Click="Button_Click_delete"/>
  17.         </Grid>
  18.         <Canvas Grid.Row="1" x:Name="canvas1">        
  19.         </Canvas>
  20.     </Grid>
  21. </Window>
mikeo_410@hotmail.com