Xuni コントロール > Input > DropDown > XuniDropDown を使用したカスタム日付ピッカーの作成 |
このトピックでは、XuniDropDown コントロールを使用してカスタム日付ピッカーを作成する手順を説明します。それにはまず、Android アプリケーションを作成し、XuniDropDown コントロールを初期化した後、setHeader プロパティを使用してヘッダービューに、また setDropDown プロパティを使用してドロップダウンビューに、それぞれコンテンツを提供します。この例では、ヘッダーで XuniMaskedInput コントロールを使用し、ドロップダウンで XuniCalendar コントロールを使用して、日付ピッカーを作成します。
次の図は、XuniDropDown を使用して作成されたカスタム日付ピッカーの外観を示しています。
XuniDropDown コントロールを使用してカスタム日付ピッカーを作成するには、次の手順を実行します。
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 |
コードのコピー
|
---|---|
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); } } |