title: Android: View on the design preview is not like the real
body: <p>there is code of my layout:</p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"&gt;
  
      &lt;ImageView
          android:layout_width="119dp"
          android:layout_height="84dp"
          android:src="@drawable/image_template"
          android:id="@+id/roleIco"
          android:scaleType="fitCenter"
          android:layout_marginBottom="16dp"
          android:layout_marginTop="16dp" /&gt;
  
      &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:orientation="vertical"&gt;
          &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="the name of the player"
          android:id="@+id/playerName"
          android:textAppearance="@style/TextAppearance.AppCompat.Body2"
          android:layout_marginTop="16dp"
          android:layout_marginLeft="8dp"
          android:layout_marginEnd="16dp"
          android:layout_marginRight="16dp" /&gt;
  
          &lt;TextView
              android:text="Role name"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:id="@+id/roleName"
              android:textAppearance="@style/TextAppearance.AppCompat.Body1"
              android:layout_marginTop="16dp" /&gt;
  
          &lt;TextView
              android:text="Fraction"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:id="@+id/fractionName"
              android:layout_marginTop="16dp"
              android:textAppearance="@style/TextAppearance.AppCompat.Subhead" /&gt;
  
      &lt;/LinearLayout&gt;
  
      &lt;ImageView
          android:layout_width="74dp"
          android:layout_height="match_parent"
          android:src="@drawable/icon_heart"
          android:id="@+id/playerStatusIcon"
          android:scaleType="fitCenter" /&gt;
  
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>And the problem is that, in Design preview in Android Studio it looks like that:
  <a href="http://i.stack.imgur.com/D8o2i.png" rel="nofollow">See this image, please</a></p>
  
  <p>But when i launch this app on the phone it looks like this:</p>
  
  <p><a href="http://i.stack.imgur.com/PzcRp.png" rel="nofollow">See this image, please</a></p>
  
  <p>Somebody could help me what is the reason on this difference and how to eliminate it and change the real view to this like on the preview?</p>
  
  <p>Thanks for answer ;) </p>