title: Use DialogFragment's appearing theme for regular Fragment
body: <p>I like Dialog Fragment's appearing theme: a dialog pop-up, outside is faded, if you click outside of the dialog disappears. I would like to use this style on regular Fragment but I don't know how. There must be a style somewhere in Android library but I don't know how to find it. Please help me out.</p>
  
  <p>Edit 1: DialogFragment is behaving weirdly for me. Here is my layout:</p>
  
  <pre><code>&lt;LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_height="wrap_content"
  android:layout_width="wrap_content"
  android:orientation="vertical"
  android:weightSum="8"&gt;
  
  &lt;RelativeLayout
      android:layout_width="wrap_content"
      android:layout_height="0dp"
      android:layout_weight="1"
      &gt;
  
      &lt;ImageView
          android:id="@+id/small_icon"
          android:layout_height="match_parent"
          android:layout_width="wrap_content"
          android:scaleType="fitXY"
          android:adjustViewBounds="true"
          android:contentDescription="@string/icon_title"&gt;
  
      &lt;/ImageView&gt;
  
      &lt;TextView
          android:id="@+id/item_name"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:layout_alignParentTop="true"
          android:layout_alignParentBottom="true"
          android:gravity="fill_vertical"
          android:layout_toRightOf="@id/icon_title"/&gt;
  
      &lt;ImageButton
          android:id="@+id/save"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:layout_alignParentRight="true"
          android:adjustViewBounds="true"
          android:scaleType="fitXY"
          android:src="@drawable/save"
          android:contentDescription="@string/save"/&gt;
  
  &lt;/RelativeLayout&gt;
  
  &lt;View style="@style/divider" /&gt;
  
  &lt;RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="0dp"
      android:layout_weight="4"&gt;
  
      &lt;ImageView
          android:id="@+id/image"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:scaleType="fitXY"
          android:adjustViewBounds="true"
          android:contentDescription="@string/image/&gt;
  
  &lt;/RelativeLayout&gt;
  
  &lt;RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="0dp"
      android:layout_weight="3"&gt;
  
  &lt;/RelativeLayout&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>There are some more items on the second and third Relative Layout but even when I cut it out I have had the same problem. I expect the Dialog to be divided by <code>LinearLayout</code> <code>android:weightSum=8</code>, such that the first <code>RelativeLayout</code> take up <code>1/8</code> of the Dialog. However, the first `RelativeLayout stretched out to the entire Dialog instead. Please point me some clues.</p>