クイックスタート：Xuni ComboBox コントロールの表示

このセクションでは、Android アプリケーションに XuniComboBox コントロールを追加し、ユーザーのために候補としてドロップダウンに項目のリストを表示する方法を説明します。

XuniComboBox コントロールを表示するには、次の手順を実行します。

手順 1：ドロップダウンに表示する項目リストの追加
手順 2：MainActivity への XuniComboBox コントロールの追加
手順 3：プロジェクトの実行

次の図は、ユーザーがキー入力するときに入力候補を表示する XuniComboBox を示します。

ComboBox Control

手順 1：ドロップダウンに表示する項目リストの追加

ドロップダウンリストに表示する項目のリストを追加するには、次の手順を実行します。

Eclipse で新しい Android アプリケーションを作成します（詳細については「Eclipse での新しい Android アプリの作成」を参照）。
プロジェクトに新しいクラスを追加し、たとえば「DropDownItem」と名前を付けます。

DropDownItem クラスに次のコードを追加して、定義済み候補のリストを作成します。

Java	コードのコピー
public class DropDownItem { public String name; public String value; static String[] country = { "中国", "インド", "日本", "ネパール", "米国", "パキスタン", "韓国", "スリランカ" }; DropDownItem(String name, String value) { this.name = name; this.value = value; } static ObservableList<DropDownItem> getList() { ObservableList<DropDownItem> list = new ObservableList<DropDownItem>(); for (int i = 0; i < country.length; i++) { list.add(new DropDownItem(country[i], i + "")); } return list; } }

Java

コードのコピー

public class DropDownItem 
{
      public String name;
      public String value;
      static String[] country = { "中国", "インド", "日本", "ネパール", "米国", "パキスタン", "韓国", "スリランカ" };
        
      DropDownItem(String name, String value)
         {
            this.name = name;
            this.value = value;
         }

      static ObservableList<DropDownItem> getList()
         {
            ObservableList<DropDownItem> list = new ObservableList<DropDownItem>();
            for (int i = 0; i < country.length; i++)
                {
                    list.add(new DropDownItem(country[i], i + ""));
                 }
                
                return list;
         }
}

手順 2：MainActivity への XuniComboBox コントロールの追加

プロジェクトの MainActivity クラスに、次の Xuni 参照を追加します。

Java	コードのコピー
import com.grapecity.xuni.core.ObservableList; import com.grapecity.xuni.input.combobox.XuniComboBox;

XuniComboBox コントロールをインスタンス化し、setItemsSource プロパティを設定して DropDownItem クラスに連結します。

Java	コードのコピー
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); XuniComboBox<DropDownItem> comboBox = new XuniComboBox<DropDownItem>(this); ObservableList<DropDownItem> list = DropDownItem.getList(); comboBox.setItemsSource(list); comboBox.setDisplayMemberPath("name"); this.setContentView(comboBox); } }

Java

コードのコピー

public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        XuniComboBox<DropDownItem> comboBox = new XuniComboBox<DropDownItem>(this);
        ObservableList<DropDownItem> list = DropDownItem.getList();
        comboBox.setItemsSource(list);
        comboBox.setDisplayMemberPath("name");
        this.setContentView(comboBox);
    }
}

手順 3：プロジェクトの実行

パッケージエクスプローラーで、アプリケーションを右クリックし、［実行］→［Android アプリケーション］を選択します。