Как использовать виджет NumberPicker Android 4.0

Я пытаюсь настроить виджет NumberPicker с помощью API 14. В Интернете очень мало учебных пособий или инструкций, которые помогли бы мне правильно настроить его.

пока у меня есть следующий код, реализованный в main.xml:

<NumberPicker
    android:id="@+id/numberPicker1"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    android:orientation="horizontal" />

и в основной активности в методе onCreate():

NumberPicker np = (NumberPicker) findViewById(R.id.numberPicker1);
    String[] nums = new String[20];
    for(int i=0; i<nums.length; i++)
           nums[i] = Integer.toString(i);

    np.setMinValue(1);
    np.setMaxValue(20);
    np.setWrapSelectorWheel(false);
    np.setDisplayedValues(nums);
    np.setValue(1);

При запуске моего приложения в эмуляторе виджет выбора номера не отображается должным образом. Кнопки не влево-вправо, а вверх-вниз. И значения накладываются друг на друга вместо отображения одного числа. Щелчок по стрелке приводит к сбою приложения.

ИЗМЕНИТЬ

Внесены изменения, как описано ниже в первом ответе, однако числовой код нельзя использовать, см. снимок экрана:

Любая помощь будет оценена по достоинству.