片段内的自定义数字选择器

时间:2013-04-17 09:52:46

标签: android android-fragments android-dialog android-dialogfragment

请帮助我使用https://github.com/SimonVT/android-numberpicker中的NumberPicker。 我有片段里面有我的按钮。单击按钮后,我想显示我的号码选择器(作为弹出窗口,而不是新屏幕)。 所以我做了什么: 我创建了NumberPickerCustomDialog

public class NumberPickerCustomDialog extends DialogFragment {
Context context;

@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    // get context
    context = getActivity().getApplicationContext();
    // make dialog object
    AlertDialog.Builder builder = new AlertDialog.Builder(getActivity());
    // get the layout inflater
    LayoutInflater li = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    // inflate our custom layout for the dialog to a View
    View view = li.inflate(R.layout.activity_dark, null);
    // inform the dialog it has a custom View
    builder.setView(view);
    // and if you need to call some method of the class
    NumberPicker np = (NumberPicker) view
            .findViewById(R.id.numberPicker);

    // create the dialog from the builder then show
    return builder.create();
}

}

现在在我的片段中,点击按钮后我尝试显示我的号码选择器:

FragmentManager fm = getFragmentManager();
            NumberPickerCustomDialog yourDialog = new NumberPickerCustomDialog();
            yourDialog.show(fm, "some_optional_tag");

我的布局看起来:

<?xml version="1.0" encoding="utf-8"?>
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:gravity="center">

<net.simonvt.numberpicker.NumberPicker
    android:id="@+id/numberPicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

我将库包含到项目中,复制了布局并出现错误:

04-17 11:33:28.264: E/AndroidRuntime(10891): FATAL EXCEPTION: main
04-17 11:33:28.264: E/AndroidRuntime(10891): android.view.InflateException: Binary XML file line #8: Error inflating class net.simonvt.numberpicker.NumberPicker
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.view.LayoutInflater.createView(LayoutInflater.java:613)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:687)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.view.LayoutInflater.rInflate(LayoutInflater.java:746)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.view.LayoutInflater.inflate(LayoutInflater.java:352)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at pl.package.jp.Me.NumberPickerCustomDialog.onCreateDialog(NumberPickerCustomDialog.java:26)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.support.v4.app.DialogFragment.getLayoutInflater(DialogFragment.java:295)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:911)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.support.v4.app.FragmentManagerImpl.moveToState(FragmentManager.java:1088)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:682)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1444)
04-17 11:33:28.264: E/AndroidRuntime(10891):    at android.support.v4.app.FragmentManagerImpl$1.run(FragmentManager.java:429)

我做错了什么?

1 个答案:

答案 0 :(得分:6)

好的,我解决了这个问题。该库需要定义样式,即:

<style name="SampleTheme" parent="android:Theme">
    <item name="numberPickerStyle">@style/NPWidget.Holo.NumberPicker</item>
</style>

<style name="SampleTheme.Light" parent="android:Theme.Light">
    <item name="numberPickerStyle">@style/NPWidget.Holo.Light.NumberPicker</item>
</style>

并且在AndroidManifest.xml中,必须为活动定义样式,您要在其中使用自定义数字选择器:

<activity android:name=".Activity"
        android:theme="@style/SampleTheme.Light">

</activity>