How to create a number picker dialog

Question

I want to be able to create a Dialog that allows the user to pick a number from a specified range    I know that there are existing widgets like those from quietlycoding and the one by SimonVT  that already does this but I m having hard time integrating those properly into my application  Also  those are primarily widgets  I want something that is very similar to the one in the android developers page tutorials   I also checked the documentation for the NumberPicker and it said to go check the TimePicker and DatePicker for examples but they only show how to use Time and Date pickers and I m having a hard time feeling my way around the code and trying to convert the Time Picker to just a normal Number Picker  Does anyone have any idea where to start  I ve been looking for solutions for the last 3 hours to no avail

User · Answer

Consider using a Spinner instead of a Number Picker in a Dialog   It s not exactly what was asked for  but it s much easier to implement  more contextual UI design  and should fulfill most use cases   The equivalent code for a Spinner is   Spinner picker   new Spinner this   ArrayAdapter lt String gt  adapter   new ArrayAdapter lt String gt  getActivity    android R layout simple spinner item  yourStringList   adapter setDropDownViewResource android R layout simple spinner dropdown item   picker setAdapter adapter

User · Answer

To show NumberPicker in AlertDialog use this code        final AlertDialog Builder d   new AlertDialog Builder context   LayoutInflater inflater   this getLayoutInflater    View dialogView   inflater inflate R layout number picker dialog  null   d setTitle  Title    d setMessage  Message    d setView dialogView   final NumberPicker numberPicker    NumberPicker  dialogView findViewById R id dialog number picker   numberPicker setMaxValue 50   numberPicker setMinValue 1   numberPicker setWrapSelectorWheel false   numberPicker setOnValueChangedListener new NumberPicker OnValueChangeListener          Override     public void onValueChange NumberPicker numberPicker  int i  int i1            Log d TAG   onValueChange                d setPositiveButton  Done   new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialogInterface  int i            Log d TAG   onClick      numberPicker getValue               d setNegativeButton  Cancel   new DialogInterface OnClickListener          Override     public void onClick DialogInterface dialogInterface  int i              AlertDialog alertDialog   d create    alertDialog show      number picker dialog xml   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android layout gravity  center  android gravity  center horizontal  gt    lt NumberPicker     android id    id dialog number picker      android layout width  wrap content      android layout height  wrap content   gt   lt  LinearLayout gt

User · Answer

A Simple Example   layout billing day dialog xml   lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent   gt        lt NumberPicker         android id    id number picker          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android layout alignParentRight  true          android layout alignParentTop  true    gt        lt Button         android id    id apply button          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android layout alignParentRight  true          android layout below    id number picker          android text  Apply    gt    lt  RelativeLayout gt    NumberPickerActivity java  import android app Activity   import android os Bundle  import android util Log  import android view Menu  import android view MenuItem  import android widget NumberPicker   public class NumberPickerActivity extends Activity        Override   protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState       setContentView R layout billing day dialog       NumberPicker np    NumberPicker findViewById R id number picker       np setMinValue 1     restricted number to minimum value i e 1     np setMaxValue 31     restricked number to maximum value i e  31     np setWrapSelectorWheel true         np setOnValueChangedListener new NumberPicker OnValueChangeListener                  Override       public void onValueChange NumberPicker picker  int oldVal  int newVal                      TODO Auto-generated method stub         String Old    Old Value              String New    New Value                             Log d  NumberPicker    NumberPicker               NumberPickerActivity      AndroidManifest xml   Specify theme for the activity as dialogue theme    lt activity   android name  org npn analytics call NumberPickerActivity    android theme   android style Theme Holo Dialog    android label   string title activity number picker   gt   lt  activity gt    Hope it will help

User · Answer

I have made a small demo of NumberPicker  This may not be perfect but you can use and modify the same       public class MainActivity extends Activity implements NumberPicker OnValueChangeListener       private static TextView tv      static Dialog d        Override     public void onCreate Bundle savedInstanceState                super onCreate savedInstanceState           setContentView R layout activity main           tv    TextView  findViewById R id textView1           Button b    Button  findViewById R id button11            b setOnClickListener new OnClickListener                            Override             public void onClick View v                     show                                                     Override     public void onValueChange NumberPicker picker  int oldVal  int newVal              Log i  value is     newVal                public void show                   final Dialog d   new Dialog MainActivity this            d setTitle  NumberPicker             d setContentView R layout dialog            Button b1    Button  d findViewById R id button1            Button b2    Button  d findViewById R id button2            final NumberPicker np    NumberPicker  d findViewById R id numberPicker1            np setMaxValue 100            np setMinValue 0            np setWrapSelectorWheel false            np setOnValueChangedListener this            b1 setOnClickListener new OnClickListener                         Override           public void onClick View v                  tv setText String valueOf np getValue                    d dismiss                                            b2 setOnClickListener new OnClickListener                         Override           public void onClick View v                  d dismiss                                          d show                activity main xml   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent      android paddingBottom   dimen activity vertical margin      android paddingLeft   dimen activity horizontal margin      android paddingRight   dimen activity horizontal margin      android paddingTop   dimen activity vertical margin      tools context   MainActivity   gt        lt TextView         android id    id textView1          android layout width  wrap content          android layout height  wrap content          android text   string hello world    gt        lt Button         android id    id button11          android layout width  wrap content          android layout height  wrap content          android layout alignParentBottom  true          android layout centerHorizontal  true          android text  Open    gt    lt  RelativeLayout gt    dialog xml   lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent   gt        lt NumberPicker         android id    id numberPicker1          android layout width  wrap content          android layout height  wrap content          android layout alignParentTop  true          android layout centerHorizontal  true          android layout marginTop  64dp    gt        lt Button         android id    id button2          android layout width  wrap content          android layout height  wrap content          android layout below    id numberPicker1          android layout marginLeft  20dp          android layout marginTop  98dp          android layout toRightOf    id numberPicker1          android text  Cancel    gt        lt Button         android id    id button1          android layout width  wrap content          android layout height  wrap content          android layout alignBaseline    id button2          android layout alignBottom    id button2          android layout marginRight  16dp          android layout toLeftOf    id numberPicker1          android text  Set    gt    lt  RelativeLayout gt    Edit   under res values dimens xml   lt resources gt        lt  -- Default screen margins  per the Android Design guidelines  -- gt       lt dimen name  activity horizontal margin  gt 16dp lt  dimen gt       lt dimen name  activity vertical margin  gt 16dp lt  dimen gt    lt  resources gt

User · Answer

For kotlin lovers  fun numberPickerCustom         val d   AlertDialog Builder context      val inflater   this layoutInflater     val dialogView   inflater inflate R layout number picker dialog  null      d setTitle  quot Title quot       d setMessage  quot Message quot       d setView dialogView      val numberPicker   dialogView findViewById lt NumberPicker gt  R id dialog number picker      numberPicker maxValue   15     numberPicker minValue   1     numberPicker wrapSelectorWheel   false     numberPicker setOnValueChangedListener   numberPicker  i  i1 - gt  println  quot onValueChange   quot         d setPositiveButton  quot Done quot     dialogInterface  i - gt          println  quot onClick   quot    numberPicker value                       d setNegativeButton  quot Cancel quot     dialogInterface  i - gt        val alertDialog   d create       alertDialog show      and number picker dialog xml  lt LinearLayout     xmlns android  quot http   schemas android com apk res android quot      android layout width  quot match parent quot      android layout height  quot match parent quot      android layout gravity  quot center quot      android gravity  quot center horizontal quot  gt        lt NumberPicker         android id  quot   id dialog number picker quot          android layout width  quot wrap content quot          android layout height  quot wrap content quot   gt   lt  LinearLayout gt

[android] How to create a number picker dialog?

Examples related to android

Examples related to android-ui

Examples related to android-dialog

Examples related to numberpicker