使用带选项卡的浮动操作按钮

时间:2015-07-01 10:46:30

标签: android tabs floating-action-button

我正在使用带有slidingtablayout的浮动操作按钮,但是当我在片段中使用fab时,每个选项卡都有自己的工厂,并且转换看起来很糟糕,就像来自谷歌设计的这个视频 http://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B6Okdz75tqQsNVRkV3FZMktvMWc/components-buttons-fab-behavior_06_xhdpi_009.webm 当我在viewpager中使用fab时,它会缩小链接中的片段 https://drive.google.com/file/d/0By6vpKpg_w4tcEJQUUlRazd0VEk/view?usp=sharing

这是我的代码activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

<com.smooth.www.smooth.SlidingTabLayout
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="2dp"
    android:background="@color/ColorPrimary"/>

<android.support.v4.view.ViewPager
    android:id="@+id/pager"

    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:layout_weight="1"
    />
</LinearLayout>

和我的一个标签

<android.support.design.widget.CoordinatorLayout
android:layout_height="wrap_content"
android:layout_width="match_parent"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="#f0f0f0"
>
<android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/tab_main_swipe_refresh_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >
<android.support.v7.widget.RecyclerView
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:id="@+id/main_recycler"
    />
</android.support.v4.widget.SwipeRefreshLayout>



<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:fabSize="normal"
    android:id="@+id/main_fab"
    android:layout_gravity="bottom|right"
    android:layout_margin="16dp"
    android:transitionName="@string/fab_transition_name"
    android:src="@drawable/fab_image"
    app:layout_anchor="@id/main_recycler"
    app:layout_anchorGravity="bottom|right|end"
    />
</android.support.design.widget.CoordinatorLayout>

我可以做些什么来使转换看起来很好?

1 个答案:

答案 0 :(得分:0)

看起来你正在使用LinearLayout或其他东西,而不是RelativeLayout。你可以发布代码片段吗?