title: Number picker in android not showing properly
body: <p>I'm starting to build an app with android studio and right away I'm having a bit of an issue.  Currently my number pickers look like this in the XML preview:</p>
  
  <p><img src="https://i.stack.imgur.com/oOvp3.png" alt="preview"></p>
  
  <p>But when I run the app (on the emulator) it looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/sb2jA.png" alt="emulator"></p>
  
  <p>There is a text view that you can't see in the preview but appears when the app is run, that is why you see the text "Time's up" in the emulator screenshot.  What I'm wondering is why are the number pickers so close to my textview and off to the left?  I don't mind the change in style (in fact I welcome it) but I can't figure out why they moved. Any help is greatly appreciated! Here is my XML code:</p>
  
  <pre><code>&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:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  android:paddingBottom="@dimen/activity_vertical_margin"
  tools:context="com.skytbest.intervaltrainer.MainActivity"&gt;
  
  &lt;TextView
      android:id="@+id/timer"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerHorizontal="true"
      android:layout_centerVertical="true"
      android:paddingRight="10dip"
      android:paddinBottom="50dip"
      android:textSize="50dp"
   /&gt;
  
  &lt;Button
      android:id="@+id/button"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_alignParentLeft="true"
      android:text="Start"    /&gt;
  
  &lt;NumberPicker
      android:id="@+id/numberPicker"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignTop="@+id/timer"
      android:layout_toLeftOf="@+id/timer"
      android:paddingTop="50dp"   /&gt;
  
  &lt;NumberPicker
      android:id="@+id/numberPicker2"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignTop="@+id/numberPicker"
      android:layout_toRightOf="@+id/numberPicker"
      android:paddingTop="50dp"   /&gt;
  
  
  &lt;/RelativeLayout&gt;
  </code></pre>