Basic Library for UWP
手順1:C1TreeView コントロールを含むアプリケーションの作成
Basic Library for UWP > TreeView for UWP > クイックスタート > 手順1:C1TreeView コントロールを含むアプリケーションの作成

この手順では、最初に Visual Studio で TreeView for UWP を使用する アプリケーションを作成します。

次の手順に従います。

  1. Visual Studio で、[ファイル]→[新規作成]→[プロジェクト]を選択します。
  2. 新しいプロジェクト]ダイアログボックスで、左ペインの言語を展開し、言語の下で[Windows ストア]を選択し、テンプレートリストで[新しいアプリケーション (XAML)]を選択します。名前を入力し、[OK]をクリックしてプロジェクトを作成します。
  3. MainPage.xaml が開いていない場合は開きます。<Grid> タグと <Grid> タグの間にカーソルを置き、1回クリックします。
  4. ツールボックスに移動し、[C1TreeView]アイコンをダブルクリックして、MainPage.xaml にツリービューコントロールを追加します。XAML マークアップは次のようになります。
    マークアップ
    コードのコピー
    <Page xmlns:Xaml="using:C1.Xaml" x:Class="C1TreeViewQuickStart.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:C1TreeViewQuickStart" xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
        <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
            <Xaml:C1TreeView />
        </Grid>
    </Page>
    C1.Xaml 名前空間と <Xaml:C1TreeView> タグがプロジェクトに追加されています。
  5. x:Name="Tree"<Xaml:C1TreeView> タグに追加してグリッドに名前を付けてから終了タグを追加します。次のようになります。
    マークアップ
    コードのコピー
    <Xaml:C1TreeView x:Name="Tree"></Xaml:C1TreeView>
    コントロールに一意の識別子を付けると、コードでその C1TreeView コントロールにアクセスできるようになります。

これで、C1TreeView コントロールを含む Windows Store アプリケーションが作成されました。次の手順では、C1TreeView コントロールの外観と動作をカスタマイズします。

関連トピック