このクイックスタートセクションは、GanttView コントロールを理解することを目的としています。まず、Visual Studio で WPF アプリケーションを作成し、MainWindow に GanttView コントロールを追加し、コードから非連結モードで GanttView にタスクを追加します。

GanttView コントロールがアプリケーションの実行時にどのように表示されるかを確認するには、次の手順を実行します。

• 手順 1：アプリケーションの設定
• 手順 2：コードによる非連結モードでの GanttView へのタスクの追加
• 手順 3：アプリケーションの実行

次に、いくつかのタスクが表示された基本的な GanttView コントロールを示します。

手順 1：アプリケーションの設定

1. Visual Studio で WPF アプリケーションを作成します。
2. C1GanttView コントロールを MainWindow にドラッグアンドドロップします。
3. XAML コードを編集して、関連する名前空間と GanttView コントロールの基本的なプロパティを設定します。

   XAML

   コードのコピー

   <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml" xmlns:GanttView="clr-namespace:C1.GanttView;assembly=C1.WPF.GanttView.4" x:Class="QuickStart.MainWindow" Title="MainWindow" Height="350" Width="525"> <Grid> <c1:C1GanttView Name="gv"> <c1:C1GanttView.Columns> <GanttView:TaskPropertyColumn ID="682738157" Property="Mode"/> <GanttView:TaskPropertyColumn ID="200464275" Property="Name"/> <GanttView:TaskPropertyColumn ID="1932261525" Property="Duration" Visible="False"/> <GanttView:TaskPropertyColumn ID="2041428170" Property="DurationUnits" Visible="False"/> <GanttView:TaskPropertyColumn ID="877817002" Property="Start" Visible="False"/> <GanttView:TaskPropertyColumn ID="1833319410" Property="Finish" Visible="False"/> <GanttView:TaskPropertyColumn ID="204763723" Property="PercentComplete" Visible="False"/> <GanttView:TaskPropertyColumn ID="2112691121" Property="ConstraintType" Visible="False"/> <GanttView:TaskPropertyColumn ID="1026682979" Property="ConstraintDate" Visible="False"/> <GanttView:TaskPropertyColumn ID="46763901" Property="Predecessors" Visible="False"/> <GanttView:TaskPropertyColumn ID="1809421465" Property="Deadline" Visible="False"/> <GanttView:TaskPropertyColumn ID="1041667598" Property="Calendar" Visible="False"/> <GanttView:TaskPropertyColumn ID="223524084" Property="ResourceNames" Visible="False"/> <GanttView:TaskPropertyColumn ID="2142090402" Property="Notes" Visible="False"/> </c1:C1GanttView.Columns> </c1:C1GanttView> </Grid> </Window>

手順 2：コードによる非連結モードでの GanttView へのタスクの追加

非連結モードで GanttView コントロールにタスクを追加できます。それには、デリゲートにタスクを定義し、Add メソッドを使用して GanttView の Tasks コレクションにタスクを追加します。

1. コードビュー（MainWindow.xaml.cs ファイル）に切り替え、次の Import 文を追加します。
   • Visual Basic
   • C#

   • Visual Basic

   Imports C1.GanttView
   Imports C1.WPF.GanttView
   

   • C#

   using C1.GanttView;
   using C1.WPF.GanttView;
   

2. MainWindow.xaml.cs に切り替え、次のコードを追加して、C1GanttView クラスの Loaded イベントをサブスクライブします。
   • Visual Basic
   • C#

   • Visual Basic

   AddHandler gv.Loaded, AddressOf gv_Loaded
   

   • C#

   gv.Loaded += gv_Loaded;
   

3. 次のコードを Loaded イベントに追加します。これは、タスクを構成し、それらを GanttView コントロールに追加します。
   • Visual Basic
   • C#

   • Visual Basic

   Private Sub gv_Loaded(sender As Object, e As RoutedEventArgs)
       'タスクを構成します
       Dim t As New Task()
       t.Mode = TaskMode.Manual
       t.Name = "Requirement Gathering"
       t.Start = New DateTime(2016, 4, 5)
       t.Duration = 5
       t.PercentComplete = 0.5
   
       Dim t1 As New Task()
       t1.Mode = TaskMode.Manual
       t1.Name = "Analysis"
       t1.Start = New DateTime(2016, 4, 20)
       t1.Duration = 8
       t1.PercentComplete = 0
   
       Dim t2 As New Task()
       t2.Mode = TaskMode.Manual
       t2.Name = "Design"
       t2.Start = New DateTime(2016, 4, 8)
       t2.Duration = 4
       t2.PercentComplete = 0.6
   
       Dim t3 As New Task()
       t3.Mode = TaskMode.Manual
       t3.Name = "Development"
       t3.Start = New DateTime(2016, 5, 1)
       t3.Duration = 10
       t3.PercentComplete = 0.2
   
       Dim t4 As New Task()
       t4.Mode = TaskMode.Manual
       t4.Name = "Quality Assurance"
       t4.Start = New DateTime(2016, 4, 16)
       t4.Duration = 7
       t4.PercentComplete = 0.2
   
       Dim t5 As New Task()
       t5.Mode = TaskMode.Manual
       t5.Name = "Deployment and Release"
       t5.Start = New DateTime(2016, 3, 29)
       t5.Duration = 1
       t5.PercentComplete = 0.5
   
       Dim t6 As New Task()
       t6.Mode = TaskMode.Manual
       t6.Name = "Maintenance"
       t6.Start = New DateTime(2016, 5, 3)
       t6.Duration = 4
       t6.PercentComplete = 1
   
       Dim t7 As New Task()
       t7.Mode = TaskMode.Manual
       t7.Name = "Enhancements"
       t7.Start = New DateTime(2016, 5, 11)
       t7.Duration = 2
       t7.PercentComplete = 0.8
   
       'GanttViewにタスクを追加します
       gv.Tasks.Add(t)
       gv.Tasks.Add(t1)
       gv.Tasks.Add(t2)
       gv.Tasks.Add(t3)
       gv.Tasks.Add(t4)
       gv.Tasks.Add(t5)
       gv.Tasks.Add(t6)
       gv.Tasks.Add(t7)
   End Sub
   

   • C#

   void gv_Loaded(object sender, RoutedEventArgs e)
   {
       //タスクを構成します
       Task t = new Task();
       t.Mode = TaskMode.Manual;
       t.Name = "Requirement Gathering";
       t.Start = new DateTime(2016, 4, 5);
       t.Duration = 5;
       t.PercentComplete = 0.5;
   
       Task t1 = new Task();
       t1.Mode = TaskMode.Manual;
       t1.Name = "Analysis";
       t1.Start = new DateTime(2016, 4, 20);
       t1.Duration = 8;
       t1.PercentComplete = 0;
   
       Task t2 = new Task();
       t2.Mode = TaskMode.Manual;
       t2.Name = "Design";
       t2.Start = new DateTime(2016, 4, 8);
       t2.Duration = 4;
       t2.PercentComplete = 0.6;
   
       Task t3 = new Task();
       t3.Mode = TaskMode.Manual;
       t3.Name = "Development";
       t3.Start = new DateTime(2016, 5, 1);
       t3.Duration = 10;
       t3.PercentComplete = 0.2;
   
       Task t4 = new Task();
       t4.Mode = TaskMode.Manual;
       t4.Name = "Quality Assurance";
       t4.Start = new DateTime(2016, 4, 16);
       t4.Duration = 7;
       t4.PercentComplete = 0.2;
   
       Task t5 = new Task();
       t5.Mode = TaskMode.Manual;
       t5.Name = "Deployment and Release";
       t5.Start = new DateTime(2016, 3, 29);
       t5.Duration = 1;
       t5.PercentComplete = 0.5;
   
       Task t6 = new Task();
       t6.Mode = TaskMode.Manual;
       t6.Name = "Maintenance";
       t6.Start = new DateTime(2016, 5, 3);
       t6.Duration = 4;
       t6.PercentComplete = 1;
   
       Task t7 = new Task();
       t7.Mode = TaskMode.Manual;
       t7.Name = "Enhancements";
       t7.Start = new DateTime(2016, 5, 11);
       t7.Duration = 2;
       t7.PercentComplete = 0.8;
   
       //GanttViewにタスクを追加します
       gv.Tasks.Add(t);
       gv.Tasks.Add(t1);
       gv.Tasks.Add(t2);
       gv.Tasks.Add(t3);
       gv.Tasks.Add(t4);
       gv.Tasks.Add(t5);
       gv.Tasks.Add(t6);
       gv.Tasks.Add(t7);
   }
   

手順 3：アプリケーションの実行

［F5］キーを押してアプリケーションを実行し、タスクの属性がコントロールにどのように表示されるかを確認します。