C1DropDown コントロールは、設計時に、XAML およびコードで簡単に作成できます。次の手順で作成した C1DropDown コントロールは、空で表示されます。コントロールに項目を追加する必要があります。例については、「C1DropDown へのコンテンツの追加」を参照してください。

XAML の場合

C1DropDown コントロールを XAML マークアップを使用して作成するには、次の手順に従います。

1. Visual Studio Solution Explorer で、プロジェクトファイルリスト内の［参照］フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、C1.Xaml.dll アセンブリを選択して、［OK］をクリックします。
2. 最初の <Page> タグに xmlns:Xaml="using:C1.Xaml" を追加して、プロジェクトに XAML 名前空間を追加します。次のようになります。

   マークアップ	コードのコピー
   <Page xmlns:Xaml="using:C1.Xaml"     x:Class="DropDownTest.MainPage"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"     xmlns:local="using:DropDownTest"     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     mc:Ignorable="d">

3. グリッドの名前をLayoutRootに設定し、<Xaml:C1DropDown> タグをプロジェクトの <Grid> タグ内に追加して、C1DropDown コントロールを作成します。マークアップは次のようになります。

   マークアップ	コードのコピー
   <Grid x:Name="LayoutRoot" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">       <Xaml:C1DropDown Name="c1dropdown1" />      </Grid>

   このマークアップは、「c1dropdown1」という名前の空の C1DropDown コントロールを作成し、コントロールのサイズを設定します。

コードの場合

C1DropDown コントロールをコードで作成するには、次の手順に従います。

1. Visual Studio Solution Explorer で、プロジェクトファイルリスト内の［参照］フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、C1.Xaml.dll アセンブリを選択して、［OK］をクリックします。
2. ［MainPage.xaml］ウィンドウ内で右クリックし、［コードの表示］を選択してコードビューに切り替えます。
3. 次の import 文をページの先頭に追加します。

   C# コードの書き方

   C#	コードのコピー
   using C1.Xaml;

4. ページのコンストラクタに、C1DropDown コントロールを作成するコードを追加します。次のようになります。

   C# コードの書き方

   C#	コードのコピー
   C1DropDown c1dropdown1 = new C1DropDown(); c1dropdown1.Height = 30; c1dropdown1.Width = 100; LayoutRoot.Children.Add(c1dropdown1);

   このコードは、「c1dropdown1」という名前の空の C1DropDown コントロールを作成し、コントロールのサイズを設定し、コントロールをページに追加します。

ここまでの成果

C1DropDown コントロールを作成しました。上記の手順で作成した C1DropDown コントロールは、空で表示されます。実行時に操作できる項目をコントロールに追加できます。例については、「C1DropDown へのコンテンツの追加」を参照してください。