続いて、C1OutlookItem をC1OutlookBar に追加します。ここでは、メール フォルダと タスク フォルダの２つの項目を追加します。
XAML マークアップで、<c1:C1OutlookBar></c1:C1OutlookBar> タグの間にカーソルを置き、［Enter］キーを押します。
次の XAML マークアップを使用して、これらのタグ内にC1OutlookItem コントロールを追加し、Header="メール" を指定します。
<c1:C1OutlookItem Header="メール"> </c1:C1OutlookItem>
次に、C1OutlookBar に表示するフォルダを含む C1TreeView を追加します。<c1:C1OutlookItem> タグ内に、次の XAML を追加します。
| XAML |
コードのコピー
|
|---|---|
<c1:C1TreeView x:Name="contacts" BorderThickness="0" >
<c1:C1TreeViewItem Header="受信トレイ" IsExpanded="True">
<c1:C1TreeViewItem >
<c1:C1TreeViewItem.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="フォルダ 1"/>
</StackPanel>
</c1:C1TreeViewItem.Header>
</c1:C1TreeViewItem>
<c1:C1TreeViewItem >
<c1:C1TreeViewItem.Header>
<StackPanel Orientation="Horizontal">
<TextBlock Text="フォルダ 2"/>
</StackPanel>
</c1:C1TreeViewItem.Header>
</c1:C1TreeViewItem>
</c1:C1TreeViewItem>
</c1:C1TreeView>
|
|
タスク フォルダを表示するために、C1TreeView を含むもう１つのC1OutlookItem を追加します。</c1:C1OutlookItem> 終了タグの後に、次の XAML マークアップを加します。
| XAML |
コードのコピー
|
|---|---|
<c1:C1TreeView x:Name="tasks" BorderThickness="0" > <c1:C1TreeViewItem Header="個人用のタスク" IsExpanded="True" > <c1:C1TreeViewItem > <c1:C1TreeViewItem.Header> <StackPanel Orientation="Horizontal"> <TextBlock Text="To-Do バーのタスクリスト"/> </StackPanel> </c1:C1TreeViewItem.Header> </c1:C1TreeViewItem> <c1:C1TreeViewItem > <c1:C1TreeViewItem.Header> <StackPanel Orientation="Horizontal"> <TextBlock Text="タスク"/> </StackPanel> </c1:C1TreeViewItem.Header> </c1:C1TreeViewItem> </c1:C1TreeViewItem> </c1:C1TreeView> </c1:C1OutlookItem> |
|
次の手順では、このアプリケーションを実行します。