Android 的ToggleButton, Spinner和Picker

ToggleButtons:

Toggle Button是切换按钮, 很简单, 可以在两种状态中切换. 我们可以通过在XML文件中添加ToggleButton对象来创建一个ToggleButton,在API14之后我们还可以添加一种新的类型的ToggleButton—Switch对象.

这是ToggleButton对象:



这是Switches对象:



如果我们需要通过代码改变ToggleButton的状态, 我们可以使用CompoundButton.setChecked() 或者CompoundButton.toggle()方法来实现.

 

响应按钮点击事件:

我们需要CompoundButton.OnCheckedChangeListener对象来监听ToggleButton的点击事件, 代码如下:

ToggleButton toggle
= (ToggleButton) findViewById(R.id.togglebutton);

toggle.setOnCheckedChangeListener(new
CompoundButton.OnCheckedChangeListener()
{

    public void onCheckedChanged(CompoundButton buttonView,
boolean isChecked)
{

        if (isChecked)
{

            // The toggle isenabled

        } else
{

            // The toggle isdisabled

        }

    }
});

 

 

Spinners:

Spinner为用户提供了一种快速的在多个值中选择一个值的控件, 默认情况下spinner会显示当前已经被选中的值. 点击spinner的时候, 它会显示一个下拉列表, 展示出可以选择的数据, 用户可以在其中选择一个.



我们可以通过在XML文件中创建<Spinner>标签来增加一个spinner控件:

<Spinner

    android:id="@+id/planets_spinner"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"
/>

如果想要填充数据, 那么需要在Activity或者Fragment中指定一个SpinnerAdapter.

 

为spinner填充数据:

指定spinner的填充数据的方法跟AutoCompleteTextView的用法有点相似. 需要为spinner指定一个SpinnerAdapter(一个interface), 根据数据源的不同可以选择ArrayAdapter或者CursorAdapter.

栗子:

假如我们的数据从数组来, 首先在XML文件中声明一个string数组:

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string-array
name="planets_array">

        <item>Mercury</item>

        <item>Venus</item>

        <item>Earth</item>

        <item>Mars</item>

        <item>Jupiter</item>

        <item>Saturn</item>

        <item>Uranus</item>

        <item>Neptune</item>

    </string-array>
</resources>

然后在Activity或者Fragment中为spinner指定一个ArrayAdapter:

Spinner spinner
= (Spinner) findViewById(R.id.spinner);
// Create an ArrayAdapter using the string array and a default spinnerlayout
ArrayAdapter<CharSequence> adapter
= ArrayAdapter.createFromResource(this,

        R.array.planets_array, android.R.layout.simple_spinner_item);
// Specify the layout to use when the list of choices appears

adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
// Apply the adapter to the spinner

spinner.setAdapter(adapter);

使用createFromResource()可以让我们从string array资源中创建一个ArrayAdapter. 第三个参数android.R.layout.simple_spinner_item指定了spinner中的选项应该如何显示在spinner中.simple_spinner_item是由系统提供的默认layout, 如果我们觉得不合适还可以定义自己的layout.

 

响应用户的选择:

当用户从下拉列表中选择一项的时候, Spinner对象将会收到一个on-item-selected事件. 为了处理这一事件我们需要实现AdapterView.OnItemSelectedListener接口, 然后用onItemSelected()方法来处理具体的操作. 栗子:

public
class SpinnerActivity
extends Activity
implements OnItemSelectedListener
{

    ...

   

    public void onItemSelected(AdapterView<?> parent,
View view,

            int pos,
long id)
{

        // An item was selected. You can retrievethe selected item using

        // parent.getItemAtPosition(pos)

    }

    public void onNothingSelected(AdapterView<?> parent)
{

        // Another interface callback

    }
}

AdapterView.OnItemSelectedListener接口需要实现onItemSelected()方法和onNothingSelected()方法. 然后绑定给spinner:

Spinner spinner
= (Spinner) findViewById(R.id.spinner);

spinner.setOnItemSelectedListener(this);

 

Pickers:

可以让用户选择时间和日期的选择器. 造型如下图:



使用该控件最大的好处是可以保证用户输入的格式是正确的, 并且时间和日期一定是可用的.

Android官方建议使用DialogFragment来显示一个时间或者日期的picker.

 

使用TimePicker:

当使用DialogFragment显示TimePickerDialog的时候, 我们需要扩展DialogFragment, 然后在fragment的onCreateDialog()方法中返回一个TimePickerDialog. 两个步骤:

1.      定义onCreateDialog()方法并返回一个TimePickerDialog实例

2.      实现TimePickerDialog.OnTimeSetListener接口接收回调方法.

栗子:

public
static class
TimePickerFragment extends
DialogFragment

                           implements
TimePickerDialog.OnTimeSetListener
{

    @Override

    public Dialog onCreateDialog(BundlesavedInstanceState)
{

        // Use the current time as the defaultvalues for the picker

        final Calendar c
= Calendar.getInstance();

        int hour = c.get(Calendar.HOUR_OF_DAY);

        int minute
= c.get(Calendar.MINUTE);

        // Create a new instance ofTimePickerDialog and return it

        return new
TimePickerDialog(getActivity(),
this, hour, minute,

                DateFormat.is24HourFormat(getActivity()));

    }

    public void onTimeSet(TimePicker view,
int hourOfDay,
int minute)
{

        // Do something with the time chosen by theuser

    }
}

现在监听事件和本体都已经有了, 那么我们需要做的就是让它弹出来, 只需要调用DialogFragment的show()方法即可. 栗子:

public
voidshowTimePickerDialog(View v)
{

    DialogFragment newFragment
= new TimePickerFragment();

    newFragment.show(getSupportFragmentManager(),
"timePicker");
}

使用Data Picker大致跟Time Picker一样.

 

参考: http://developer.android.com/guide/topics/ui/controls/togglebutton.html
http://developer.android.com/guide/topics/ui/controls/spinner.html

http://developer.android.com/guide/topics/ui/controls/pickers.html