Скользящий ящик с меню и функциями

Question

Я работаю над приложением для редактирования видео, а на моем Wildfire приложение камеры использует скользящий ящик для настройки изображения, но не только перечисляет параметры (как значки), но когда вы нажимаете Значок фактических функций или настроек, которые вы можете сделать, также является частью скользящего выдвижного ящика (см. изображение).

Sliding Drawer Android Wildfire http://img688.imageshack.us/img688/571/img0431zz.jpg

мне было интересно, если я мог бы сделать это в моем приложении, и что мне нужно сделать для этого. Если кто-то может помочь мне или, может быть, знает учебник для этого, это было бы здорово.

спасибо.

---

Я все еще работаю над выше, но у меня есть проблема с моим ползунком и иконами ... случается, что, когда я нажимаю ползунок, чтобы закрыть ящик снова все исчезает. (Смотри ниже)

слайдер открыт: alt text http://img825.imageshack.us/img825/2087/screenshotslidingdrawer.png слайдер закрыт: alt text http://img180.imageshack.us/img180/2087/screenshotslidingdrawer.png

Я не знаю, что я, возможно, сделал неправильно ...

Это то, что я делал до сих пор:

<?xml version="1.0" encoding="utf-8"?> 

    <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" 
        > 

     <VideoView 
      android:layout_width="240px" 
      android:layout_height="180px" 
      android:id ="@+id/VideoViewEdit" 
      android:layout_centerHorizontal="true" 
      > 
     </VideoView> 
     <ScrollView 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@id/VideoViewEdit"> 
      <TableLayout 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent" 
        android:stretchColumns="0"> 
       <TableRow 
         android:background="@drawable/shape_track_background" 
         android:padding="5px" 
         > 
        <ImageView android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:src="@drawable/ic_editor_videotrack" 
           android:padding="5px" 
           android:layout_gravity="left"/> 

       </TableRow> 
       <TableRow 
         android:background="@drawable/shape_track_background" 
         android:padding="5px" 
         > 
         <ImageView android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:src="@drawable/ic_editor_audiotrack" 
           android:padding="5px" 
           android:layout_gravity="left"/> 


       </TableRow> 
       <TableRow 
         android:background="@drawable/shape_track_background" 
         android:padding="5px" 
         > 
        <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" 
           /> 
       </TableRow> 
      </TableLayout> 
     </ScrollView> 
<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"> 

    <ImageView 
     android:id="@id/handle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:src="@drawable/slider_handle" 
     /> 

    <LinearLayout 
     android:id="@id/content" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical"> 
     <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"/> 
     <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"/> 
     <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"/> 
     <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"/> 
     <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"/> 

    </LinearLayout> 
</SlidingDrawer> 
</RelativeLayout> 

Answer 1

С какой проблемой вы столкнулись? Ящик или настройки? Для настройки проверьте view stubs, если это ящик, с которым вы боретесь, попробуйте SlidingDrawer.

Answer 2

Вот волшебство: установите фон выдвижного ящика на # 00000000!