Как использовать выдвижной ящик с View Pager?

Question

Как использовать выдвижной ящик с View Pager?

Я пытаюсь сделать экран с видом, который можно изменить, используя View Pager, скользя влево или вправо, и используя Sliding Drawer, чтобы создать панель инструментов внизу, но мой код не работает. Вот XML. Как я могу это исправить?

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout01"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:gravity="bottom"
android:background="#ffffff">

<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="match_parent" 
android:id="@+id/viewPager" />

<SlidingDrawer
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/SlidingDrawer"
    android:handle="@+id/slideButton"
    android:content="@+id/contentLayout"
    android:padding="10dip"
    android:orientation="vertical"
    android:layout_below="@+id/viewPager">

        <Button android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/slideButton"
            android:background="@drawable/closearrow">
        </Button>
        <LinearLayout
            android:layout_width="wrap_content"
            android:id="@+id/contentLayout"
            android:orientation="vertical"
            android:gravity="center"
            android:padding="10dip"
            android:background="#000000"
            android:layout_height="wrap_content">
        <Button
            android:id="@+id/Button01"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#FFFFE0"
            android:layout_margin="2dp"
            android:text="Option1">
        </Button>
        <Button
            android:id="@+id/Button02"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#FFFFE0"
            android:layout_margin="2dp"
            android:text="Option2"></Button>
        <Button android:id="@+id/Button03"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#FFFFE0"
            android:text="Option3">
        </Button>
        <Button android:id="@+id/Button04"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:background="#FFFFE0"
            android:text="Option4">
        </Button>
    </LinearLayout>
</SlidingDrawer>

</RelativeLayout>

1

android android-viewpager slidingdrawer viewpage

Источник

user2370826 04 окт '13 в 13:22

2 ответа

Решение

Вот рабочий пример использования ViewpPager, PagerTitleStrip а также DrawerLayout

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity" >

        <android.support.v4.view.PagerTitleStrip
            android:id="@+id/pager_title_strip"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:background="#33b5e5"
            android:paddingBottom="4dp"
            android:paddingTop="4dp"
            android:textColor="#fff" />
        </android.support.v4.view.ViewPager>

    <ListView android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#111"/>

</android.support.v4.widget.DrawerLayout>

То, что я считаю, не работает в вашем примере, это то, что DrawerLayout должно иметь 2 детей, первый вид для основного макета, второй вид самого ящика. Обратите внимание, как мой пример соответствует этому ограничению.

0

Источник

user650288 04 окт '13 в 13:36

Другие вопросы по тегам android android-viewpager slidingdrawer viewpage

user2370826 04 окт '13 в 18:13 2013-10-04 18:13 · Accepted Answer · 2013-10-04 18:13

Решите это с помощью этого: main.xml:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/white"
android:orientation="vertical" >
<!-- ViewPager -->
<android.support.v4.view.ViewPager
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:id="@+id/viewPager" />
<!-- Footer -->
<include layout="@layout/footer"  /> 
</FrameLayout>

footer.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/LinearLayout01"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:layout_gravity="bottom"
android:orientation="vertical" >

<SlidingDrawer 
    android:layout_width="100dp" 
    android:id="@+id/SlidingDrawer" 
    android:handle="@+id/slideHandleButton" 
    android:content="@+id/contentLayout" 
    android:padding="10dip" 
    android:layout_height="100dip"
    android:orientation="horizontal"
    android:layout_gravity="right">

    <Button 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:id="@+id/slideHandleButton" 
        android:background="@drawable/closearrow"></Button>

    <LinearLayout 
        android:layout_width="wrap_content" 
        android:id="@+id/contentLayout" 
        android:orientation="vertical" 
        android:gravity="center|top" 
        android:padding="10dip" 
        android:background="#C0C0C0" 
        android:layout_height="wrap_content">


    <Button 
        android:id="@+id/btn1" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Content"></Button>

    <Button 
        android:id="@+id/btn2" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Content"></Button>

    <Button 
        android:id="@+id/Button03" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Content"></Button>
            </LinearLayout>
</SlidingDrawer>
</LinearLayout>