Android Custom Number Picker dialog box

Hi friends, here is the code to show NUMBER PICKER in the Custom Dialog Box for android.

--------------------------------------------------------------------------------------------------

final Dialog dialog = new Dialog(MainActivity.this);
dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
dialog.setContentView(R.layout.main);

final String[] nums = new String[30];
for(int i=0; i<nums.length; i++) {
nums[i] = Integer.toString(i);
}

final NumberPicker np = (NumberPicker)dialog.findViewById(R.id.np);
np.setMaxValue(20);
np.setMinValue(0);
np.setWrapSelectorWheel(false);
np.setDisplayedValues(nums);

Button button = (Button)dialog.findViewById(R.id.button);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {

Toast.makeText(MainActivity.this, “Selected value:”+nums[np.getValue()], Toast.LENGTH_SHORT).show();

dialog.dismiss();
}
});
dialog.show();

XML layout  (main.xml)

-----------------------------------------------------------------------------------------

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="255dp"
    android:layout_height="match_parent"
    android:layout_gravity="top|center"
    android:background="#50CCCCCC"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:text="   "
            android:textAppearance="?android:attr/textAppearanceSmall" />

        <TextView
            android:id="@+id/expmin"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentRight="true"
            android:layout_below="@+id/textView3"
            android:text=" Number picker "
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textColor="#3276b1"
            android:textStyle="bold|italic" />

        <NumberPicker
            android:id="@+id/np"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/expmin"
            android:layout_centerHorizontal="true" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@+id/np"
            android:layout_alignRight="@+id/np"
            android:layout_below="@+id/np"
            android:layout_marginTop="5dp"
            android:background="@drawable/button_selector"
            android:text="  OK  "
            android:textColor="#3276b1" />

    </RelativeLayout>

   <!--  <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:background="@drawable/button_selector"
        android:text="  OK  "
        android:textColor="#3276b1" /> -->

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="   "
        android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>