Как использовать виджет 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);

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

РЕДАКТИРОВАТЬ

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

Любая помощь будет принята с благодарностью.