Input Library for WPF
DropDown の作成
Input for WPF > Drop Down > DropDown の使用 > DropDown の作成

ドロップダウンを作成するには、XAML、デザイナまたはコードを使用できます。

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

  1. Visual Studio のソリューションエクスプローラで、プロジェクトファイルリスト内の［参照］フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、C1.WPF.4.dll アセンブリを選択して、［OK］をクリックします。
  2. xmlns:c1="http://schemas.componentone.com/wpf/Basic" を初期状態の <Window> タグに追加し、プロジェクトに XAML 名前空間を追加します。次のようになります。
XAML
コードのコピー 
<Window x:Class="C1WPFPropertyGridCS102809.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="288" Width="418" xmlns:c1="http://schemas.componentone.com/wpf/Basic">
  1. <c1:C1DropDown> タグをプロジェクトの <Grid> タグ内に追加して、C1DropDown コントロールを作成します。マークアップは次のようになります。
XAML
コードのコピー 
<Grid>
    <c1:C1DropDown Height="30" Name="C1DropDown1" Width="100"/>
</Grid>

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

  1. Visual Studio のソリューションエクスプローラで、プロジェクトファイルリスト内の［参照］フォルダを右クリックします。コンテキストメニューから［参照の追加］を選択し、C1.WPF.4.dll アセンブリを選択して、［OK］をクリックします。
  2. ［XAML］ ビューで、タグを次のように更新し、ウィンドウ内の初期状態のグリッドに名前を付けます。
XAML
コードのコピー 
<Grid x:Name="LayoutRoot">
  1. ［Window1.xaml］ウィンドウ内で右クリックし、［コードの表示］を選択してコードビューに切り替えます。
  2. 次の import 文をページの先頭に追加します。
Visual Basic
コードのコピー 
Imports C1.WPF
C#
コードのコピー 
using C1.WPF;
  1. ページのコンストラクタに、C1DropDown コントロールを作成するコードを追加します。次のようになります。
Visual Basic
コードのコピー 
Public Sub New()
    InitializeComponent()
    Dim c1DropDown1 as New C1DropDown
    c1DropDown1.Height = 30
    c1DropDown1.Width = 100
    LayoutRoot.Children.Add(c1DropDown1)
End Sub
C#
コードのコピー 
public Window1()
{
    InitializeComponent();
    C1DropDown c1DropDown1 = new C1DropDown();
    c1DropDown1.Height = 30;
    c1DropDown1.Width = 100;
    LayoutRoot.Children.Add(c1DropDown1);s
}

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

  1. ウィンドウのデザイン領域をクリックして選択します。
  2. ツールボックスの［C1DropDown］アイコンをダブルクリックして、コントロールをパネルに追加します。これで、C1DropDown コントロールがアプリケーションに追加されました。
  3. 必要に応じて、コントロールを選択し、［プロパティ］ウィンドウでプロパティを設定することにより、コントロールをカスタマイズすることもできます。

 

 

Copyright © MESCIUS inc. All rights reserved.