[英]Floating Action Button and View Pager
ViewPager叠加在fab之上。 如何把晶圆厂放在首位?
XML:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:clickable="true"
android:src="@drawable/ic_add"
android:visibility="visible" />
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:contextClickable="true">
<android.support.design.widget.TabLayout
android:id="@+id/personal_tasks_tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabSelectedTextColor="#deFFFFFF"
app:tabTextColor="#81ffffff"
app:tabGravity="fill" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/personal_tasks_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>
或许这不是原因? 只是没有按下按钮,但当我在它上面时,标签被翻过来。
CoordinatorLayout
就像一个超级FrameLayout
,所以如果你把FAB
放在顶部,然后添加一个ViewPager
, ViewPager
将覆盖/叠加上一个View。 你可以尝试将你的FAB移到底部。
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
android:contextClickable="true">
<android.support.design.widget.TabLayout
android:id="@+id/personal_tasks_tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:tabSelectedTextColor="#deFFFFFF"
app:tabTextColor="#81ffffff"
app:tabGravity="fill" />
</android.support.design.widget.AppBarLayout>
<android.support.v4.view.ViewPager
android:id="@+id/personal_tasks_viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
android:clickable="true"
android:src="@drawable/ic_add"
android:visibility="visible" />
</android.support.design.widget.CoordinatorLayout>
您还可以尝试将FAB
锚定到ViewPager
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
app:layout_anchor="@id/personal_tasks_viewpager"
app:layout_anchorGravity="bottom|end"
</android.support.design.widget.CoordinatorLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.