XuniDropDown を使用したカスタム日付ピッカーの作成

このトピックでは、XuniDropDown コントロールを使用してカスタム日付ピッカーを作成する手順を説明します。それにはまず、Android アプリケーションを作成し、XuniDropDown コントロールを初期化した後、setHeader プロパティを使用してヘッダービューに、また setDropDown プロパティを使用してドロップダウンビューに、それぞれコンテンツを提供します。この例では、ヘッダーで XuniMaskedInput コントロールを使用し、ドロップダウンで XuniCalendar コントロールを使用して、日付ピッカーを作成します。

次の図は、XuniDropDown を使用して作成されたカスタム日付ピッカーの外観を示しています。

Custom Date Picker creted using XuniDropDown

XuniDropDown コントロールを使用してカスタム日付ピッカーを作成するには、次の手順を実行します。

Eclipse で新しい Android アプリケーションを作成します（詳細については「Eclipse での新しい Android アプリの作成」を参照）。

Eclipse プロジェクトの MainActivity クラスに、次の import 文を追加します。

Java	コードのコピー
import java.util.Locale; import com.grapecity.xuni.calendar.XuniCalendar; import com.grapecity.xuni.core.IEventHandler; import com.grapecity.xuni.input.dropdown.XuniDropDown; import com.grapecity.xuni.input.mask.XuniMaskedTextView; import android.app.Activity; import android.icu.text.SimpleDateFormat;

Java

コードのコピー

import java.util.Locale;
import com.grapecity.xuni.calendar.XuniCalendar;
import com.grapecity.xuni.core.IEventHandler;
import com.grapecity.xuni.input.dropdown.XuniDropDown;
import com.grapecity.xuni.input.mask.XuniMaskedTextView;
import android.app.Activity;
import android.icu.text.SimpleDateFormat;

MainActivity クラスの onCreate メソッド内に次のコードを追加して、XuniDropDown コントロールを初期化し、ヘッダービューに XuniMaskedInput コントロールが、ドロップダウンビューに日付を選択するための XuniCalendar が表示されるように設定します。

Java	コードのコピー
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); final XuniDropDown dropdown = new XuniDropDown(this); final XuniMaskedTextView header = new XuniMaskedTextView(this); header.setMask("00/00/0000"); final XuniCalendar calendar = new XuniCalendar(this); dropdown.setHeader(header); dropdown.setDropdown(calendar); dropdown.setAnimated(true); dropdown.setDropDownBorderWidth(2); dropdown.setDropDownHeight(400); calendar.getSelectionChanged().addHandler(new IEventHandler() { @Override public void call(Object arg0, Object arg1) { dropdown.setDropDownOpen(false); SimpleDateFormat format = new SimpleDateFormat("MMddyyyy", Locale.getDefault()); String date = format.format(calendar.getSelectedDates().get(0)); header.setValue(date); } }, this); this.setContentView(dropdown); } }

Java

コードのコピー

public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        final XuniDropDown dropdown = new XuniDropDown(this);
        final XuniMaskedTextView header = new XuniMaskedTextView(this);
        header.setMask("00/00/0000");
        
        final XuniCalendar calendar = new XuniCalendar(this);
        dropdown.setHeader(header);
        dropdown.setDropdown(calendar);
        
        dropdown.setAnimated(true);
                
        dropdown.setDropDownBorderWidth(2);
        dropdown.setDropDownHeight(400);

        calendar.getSelectionChanged().addHandler(new IEventHandler()
                          {
                     @Override
                      public void call(Object arg0, Object arg1)
                {
                       dropdown.setDropDownOpen(false);
                       SimpleDateFormat format = new SimpleDateFormat("MMddyyyy", Locale.getDefault());
                       String date = format.format(calendar.getSelectedDates().get(0));
                       header.setValue(date);
                }
               }, this);
        this.setContentView(dropdown);

      }
}