如何在 View Pager 中使用滑动抽屉?
Posted
技术标签:
【中文标题】如何在 View Pager 中使用滑动抽屉?【英文标题】:How to use Sliding Drawer with View Pager? 【发布时间】:2013-10-04 13:22:01 【问题描述】:我正在尝试制作一个可以使用 View Pager 更改视图的屏幕,向左或向右滑动,并使用滑动抽屉在底部制作工具栏,但我的代码不起作用。这是 XML。我该如何解决这个问题?
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/LinearLayout01"
android:layout_
android:layout_
android:orientation="vertical"
android:gravity="bottom"
android:background="#ffffff">
<android.support.v4.view.ViewPager
android:layout_
android:layout_
android:id="@+id/viewPager" />
<SlidingDrawer
android:layout_
android:layout_
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_
android:layout_
android:id="@+id/slideButton"
android:background="@drawable/closearrow">
</Button>
<LinearLayout
android:layout_
android:id="@+id/contentLayout"
android:orientation="vertical"
android:gravity="center"
android:padding="10dip"
android:background="#000000"
android:layout_>
<Button
android:id="@+id/Button01"
android:layout_
android:layout_
android:background="#FFFFE0"
android:layout_margin="2dp"
android:text="Option1">
</Button>
<Button
android:id="@+id/Button02"
android:layout_
android:layout_
android:background="#FFFFE0"
android:layout_margin="2dp"
android:text="Option2"></Button>
<Button android:id="@+id/Button03"
android:layout_
android:layout_
android:layout_margin="2dp"
android:background="#FFFFE0"
android:text="Option3">
</Button>
<Button android:id="@+id/Button04"
android:layout_
android:layout_
android:layout_margin="2dp"
android:background="#FFFFE0"
android:text="Option4">
</Button>
</LinearLayout>
</SlidingDrawer>
</RelativeLayout>
【问题讨论】:
【参考方案1】:这是一个使用 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_
android:layout_ >
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_
android:layout_
tools:context=".MainActivity" >
<android.support.v4.view.PagerTitleStrip
android:id="@+id/pager_title_strip"
android:layout_
android:layout_
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_
android:layout_
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 个孩子,第一个是主布局的视图,第二个是抽屉本身的视图。请注意我的示例如何符合该限制。
【讨论】:
【参考方案2】:用这个解决它: main.xml:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:background="@color/white"
android:orientation="vertical" >
<!-- ViewPager -->
<android.support.v4.view.ViewPager
android:layout_ android:layout_
android:id="@+id/viewPager" />
<!-- Footer -->
<include layout="@layout/footer" />
</FrameLayout>
页脚.xml:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:id="@+id/LinearLayout01"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:background="@android:color/transparent"
android:layout_gravity="bottom"
android:orientation="vertical" >
<SlidingDrawer
android:layout_
android:id="@+id/SlidingDrawer"
android:handle="@+id/slideHandleButton"
android:content="@+id/contentLayout"
android:padding="10dip"
android:layout_
android:orientation="horizontal"
android:layout_gravity="right">
<Button
android:layout_
android:layout_
android:id="@+id/slideHandleButton"
android:background="@drawable/closearrow"></Button>
<LinearLayout
android:layout_
android:id="@+id/contentLayout"
android:orientation="vertical"
android:gravity="center|top"
android:padding="10dip"
android:background="#C0C0C0"
android:layout_>
<Button
android:id="@+id/btn1"
android:layout_
android:layout_
android:text="Content"></Button>
<Button
android:id="@+id/btn2"
android:layout_
android:layout_
android:text="Content"></Button>
<Button
android:id="@+id/Button03"
android:layout_
android:layout_
android:text="Content"></Button>
</LinearLayout>
</SlidingDrawer>
</LinearLayout>
【讨论】:
以上是关于如何在 View Pager 中使用滑动抽屉?的主要内容,如果未能解决你的问题,请参考以下文章