Note that there are some explanatory texts on larger screens.

plurals
  1. POSliding drawer with menu and functions
    primarykey
    data
    text
    <p>I am working on a video editing app and on my Wildfire the camera app uses a sliding drawer for image adjustments, but it doesn't only list the options (as icons) but when you tap an icon the actual functions or adjustments that you can make are also part of the sliding drawer (see image). </p> <p><a href="http://img688.imageshack.us/img688/571/img0431zz.jpg" rel="nofollow noreferrer">Sliding Drawer Android Wildfire http://img688.imageshack.us/img688/571/img0431zz.jpg</a></p> <p>I was wondering if I also could do that in my app and what I would need to do for that. If someone can help me out or maybe knows a tutorial for this, that would be great. </p> <p>Thank you. </p> <hr> <p>I am still working on the above but I have a problem with my slider and the icons...what happens is that when I tap the slider to close the drawer again everything disappears. (see below)</p> <p>Slider open: <a href="http://img825.imageshack.us/img825/2087/screenshotslidingdrawer.png" rel="nofollow noreferrer">alt text http://img825.imageshack.us/img825/2087/screenshotslidingdrawer.png</a> Slider closed: <a href="http://img180.imageshack.us/img180/2087/screenshotslidingdrawer.png" rel="nofollow noreferrer">alt text http://img180.imageshack.us/img180/2087/screenshotslidingdrawer.png</a></p> <p>I don't really know what I may have done wrong... </p> <p>This is what I have been doing so far: </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" android:background="@drawable/shape_background_gradient" &gt; &lt;VideoView android:layout_width="240px" android:layout_height="180px" android:id ="@+id/VideoViewEdit" android:layout_centerHorizontal="true" &gt; &lt;/VideoView&gt; &lt;ScrollView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/VideoViewEdit"&gt; &lt;TableLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="0"&gt; &lt;TableRow android:background="@drawable/shape_track_background" android:padding="5px" &gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_editor_videotrack" android:padding="5px" android:layout_gravity="left"/&gt; &lt;/TableRow&gt; &lt;TableRow android:background="@drawable/shape_track_background" android:padding="5px" &gt; &lt;ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_editor_audiotrack" android:padding="5px" android:layout_gravity="left"/&gt; &lt;/TableRow&gt; &lt;TableRow android:background="@drawable/shape_track_background" android:padding="5px" &gt; &lt;ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_editor_add_media" android:padding="5px" android:layout_gravity="left" /&gt; &lt;/TableRow&gt; &lt;/TableLayout&gt; &lt;/ScrollView&gt; &lt;SlidingDrawer android:id="@+id/drawer" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:handle="@+id/handle" android:content="@+id/content"&gt; &lt;ImageView android:id="@id/handle" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/slider_handle" /&gt; &lt;LinearLayout android:id="@id/content" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"&gt; &lt;ImageButton android:id="@+id/button_exposure" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#77000000" android:src="@drawable/ic_slider_exposure" android:padding="5px" android:layout_marginBottom="1px" android:layout_gravity="left"/&gt; &lt;ImageButton android:id="@+id/button_properties" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#77000000" android:src="@drawable/ic_slider_properties" android:padding="5px" android:layout_marginBottom="1px" android:layout_gravity="left"/&gt; &lt;ImageButton android:id="@+id/button_special_effects" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#77000000" android:src="@drawable/ic_slider_special_effects" android:padding="5px" android:layout_marginBottom="1px" android:layout_gravity="left"/&gt; &lt;ImageButton android:id="@+id/button_test1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#77000000" android:src="@drawable/ic_slider_exposure" android:padding="5px" android:layout_marginBottom="1px" android:layout_gravity="left"/&gt; &lt;ImageButton android:id="@+id/button_test2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="#77000000" android:src="@drawable/ic_slider_exposure" android:padding="5px" android:layout_marginBottom="1px" android:layout_gravity="left"/&gt; &lt;/LinearLayout&gt; &lt;/SlidingDrawer&gt; &lt;/RelativeLayout&gt; </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.
    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