Note that there are some explanatory texts on larger screens.

plurals
  1. POLayout issue: SliderDrawer doesn't fill parent width
    primarykey
    data
    text
    <p>I'm using the SliderDrawer in Android. Inside the drawer I have a layout which contains a inflated layout. Here's the end result:</p> <p><img src="https://i.stack.imgur.com/6Vcny.gif" alt="enter image description here"></p> <p>Notice how the content of the drawer (in gray) doesn't take the whole width of the parent (black area).</p> <p>Here's the drawer code (main_layout.xml):</p> <p>[UPDATE 2, added the whole code:]</p> <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"&gt; &lt;LinearLayout android:id="@+id/banner" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:padding="3px"&gt; &lt;ImageView android:src="@drawable/title" android:layout_width="wrap_content" android:layout_height="wrap_content" /&gt; &lt;TextView android:layout_width="wrap_content" android:text="@string/title" android:layout_height="wrap_content" android:textSize="18sp" android:gravity="center_vertical" android:paddingLeft="4px" android:textStyle="bold" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:layout_below="@id/banner" android:id="@+id/middle" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"&gt; &lt;View android:layout_width="fill_parent" android:layout_height="1dip" android:background="#FF555555" /&gt; &lt;ListView android:id="@android:id/list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="3px" android:layout_weight="1" /&gt; &lt;TextView android:id="@android:id/empty" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="@string/no_items" android:padding="3px" android:layout_weight="1" /&gt; &lt;/LinearLayout&gt; &lt;LinearLayout android:id="@+id/LinearLayout01" android:layout_alignParentBottom="true" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" android:gravity="center_horizontal|bottom"&gt; &lt;SlidingDrawer android:id="@+id/drawer" android:background="#22222222" android:layout_height="110dip" android:handle="@+id/handle" android:content="@+id/media_player_container" android:layout_width="fill_parent"&gt; &lt;ImageView android:id="@+id/handle" android:layout_width="fill_parent" android:layout_height="wrap_content" android:src="@drawable/tray" android:scaleType="centerCrop"/&gt; &lt;LinearLayout android:id="@+id/media_player_container" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="bottom|center_horizontal" /&gt; &lt;/SlidingDrawer&gt; &lt;/LinearLayout&gt; &lt;/RelativeLayout&gt; </code></pre> <p>Here's the code of the inflated area (media_player_container.xml):</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="fill_parent" android:layout_height="wrap_content" android:gravity="bottom|center_horizontal" android:orientation="vertical" android:background="#FF555555" android:padding="3px"&gt; &lt;SeekBar android:id="@+id/progress" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingBottom="3px" android:progress="1000" /&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="horizontal"&gt; &lt;ImageButton android:id="@+id/speakerhandset" android:src="@drawable/handset" android:layout_width="60dip" android:layout_height="wrap_content" android:scaleType="center"/&gt; &lt;ImageButton android:id="@+id/rewind" android:src="@android:drawable/ic_media_rew" android:layout_width="60dip" android:paddingRight="3px" android:layout_height="wrap_content" android:scaleType="center"/&gt; &lt;ImageButton android:id="@+id/play" android:src="@android:drawable/ic_media_play" android:layout_width="60dip" android:paddingRight="3px" android:layout_height="wrap_content" android:scaleType="center"/&gt; &lt;ImageButton android:id="@+id/pause" android:src="@android:drawable/ic_media_pause" android:layout_width="60dip" android:paddingRight="3px" android:layout_height="wrap_content" android:visibility="gone" android:scaleType="center"/&gt; &lt;ImageButton android:id="@+id/fastforward" android:src="@android:drawable/ic_media_ff" android:layout_width="60dip" android:paddingRight="3px" android:layout_height="wrap_content" android:scaleType="center"/&gt; &lt;/LinearLayout&gt; &lt;/LinearLayout&gt; </code></pre> <p>Can you spot what I'm doing wrong??</p> <p>[Update 1] Here's the code (inside onCreate()) where I inflate the layout: </p> <pre><code>LinearLayout container = (LinearLayout) this.findViewById(R.id.media_player_container); LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); LinearLayout layout = (LinearLayout) layoutInflater.inflate(R.layout.media_player, null, false); container.addView(layout); </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload