5

この画像に示すようなレイアウトがあります。

レイアウト

ユーザーが「詳細を表示...」部分を下にドラッグして詳細情報を表示できるようにしたい。SlidingDrawerを試しましたが、うまくいきませんでした。コードの一部、またはトリックを実行するサードパーティのコンポーネントなどの提案はありますか? または、ユーザー エクスペリエンスをあまり妨げずに、より多くの情報を直感的に表示するのに適した別の UI レイアウトです。

これは私が現在使用している XML レイアウトですが、これは単なる草案です。

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


<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent" 
             android:layout_height="match_parent">

  <fragment android:id="@+id/map"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:name="com.google.android.gms.maps.SupportMapFragment"/>


  <LinearLayout android:orientation="vertical" 
                android:layout_width="fill_parent" 
                android:layout_height="wrap_content" 
                android:layout_gravity="top"
                android:background="#A0000000">


    <TextView android:id="@+id/message_text_text"
              android:layout_height="wrap_content"
              android:layout_width="fill_parent"
              android:textColor="#FFFFFF"
              android:padding="10dip"
              android:textSize="13sp"/>



    <LinearLayout android:orientation="vertical" 
                  android:visibility="gone"
                  android:id="@+id/details"
                  android:layout_width="fill_parent" 
                  android:layout_height="wrap_content" 
                  android:layout_gravity="top"
                  android:padding="10dip">

      <ListView android:id="@+id/message_list_responses"
                android:layout_width="fill_parent"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="30dp"
                android:layout_height="wrap_content" />  


    </LinearLayout>

    <TextView android:id="@+id/details_button"
              android:layout_height="wrap_content"
              android:layout_width="fill_parent"
              android:textColor="#FFFFFF"
              android:padding="5dip"
              android:onClick="onDetails"
              android:gravity="center"                
              android:clickable="true"
              android:background="#80000000"
              android:text="Show details..."
              android:textSize="11sp"/>
  </LinearLayout>


</FrameLayout>
4

1 に答える 1

0

GitHub の SlidingMenu ライブラリの使用を検討してください。それは非常に柔軟で、何でもできます。次のように呼び出すだけで、アクションバーをスライドできます。

setSlidingActionBarEnabled(true);

https://github.com/jfeinstein10/SlidingMenu

于 2013-10-03T13:07:09.127 に答える