2016-05-13 4 views
1

У меня есть плавающая кнопка действия, но мне нужно расположить ее над нижними вкладками. Я попытался увеличить нижнюю границу или изменить layout_anchor, но ничего не работает. Как переместить плавающую панель действий чуть выше нижних вкладок, чтобы она не покрывала ее?Позиция Плавающая панель действия над нижними вкладками

Это мое плавающая панель действий XML:

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_gravity="bottom|right|end" 
    android:layout_height="wrap_content" 
    android:layout_margin="@dimen/fab_margin" 
    android:layout_width="wrap_content" 
    android:src="@drawable/ic_add_white_24dp" 
    app:layout_anchorGravity="bottom|right|end" 
    app:layout_behavior=".FABScrollBehavior" /> 

screenshot

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/coordinator_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_height="wrap_content" 
     android:layout_width="match_parent" 
     android:theme="@style/AppTheme.AppBarOverlay"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_height="wrap_content" 
      android:layout_width="match_parent" 
      app:popupTheme="@style/AppTheme.PopupOverlay" /> 

    </android.support.design.widget.AppBarLayout> 

    <LinearLayout 
     android:layout_height="match_parent" 
     android:layout_width="match_parent" 
     android:orientation="vertical" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

     <android.support.v4.view.ViewPager 
      android:id="@+id/view_pager" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:layout_width="match_parent" /> 

     <android.support.design.widget.TabLayout 
      android:id="@+id/tabs" 
      android:background="@color/color_primary" 
      android:layout_height="wrap_content" 
      android:layout_width="match_parent" 
      app:tabTextColor="@android:color/secondary_text_dark" 
      app:tabSelectedTextColor="@android:color/primary_text_dark" /> 

    </LinearLayout> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_gravity="bottom|right|end" 
     android:layout_height="wrap_content" 
     android:layout_margin="@dimen/fab_margin" 
     android:layout_width="wrap_content" 
     android:src="@drawable/ic_add_white_24dp" 
     app:layout_anchorGravity="bottom|right|end" 
     app:layout_behavior=".FABScrollBehavior" /> 

</android.support.design.widget.CoordinatorLayout> 
+2

Добавить marginBottom. –

+0

удалить анкерное гравитационное основание – Nilabja

+1

Не могли бы вы разместить код для всего xml-файла? – jayeshsolanki93

ответ

0

Взятые из https://stackoverflow.com/a/30879360/67808:

Вы можете сделать это легко с помощью API-специфические стили. В вашем нормальные значения/styles.xml, что-то вроде этого:

<style name="floating_action_button"> 
    <item name="android:layout_marginLeft">0dp</item> 
    <item name="android:layout_marginTop">0dp</item> 
    <item name="android:layout_marginRight">8dp</item> 
    <item name="android:layout_marginBottom">0dp</item> 
</style> 

, а затем в значения-V21/styles.xml, используйте:

<style name="floating_action_button"> 
    <item name="android:layout_margin">16dp</item> 
</style> 

и применить стиль к вашему FloatingActionButton:

<android.support.design.widget.FloatingActionButton 
... 
style="@style/floating_action_button" 
... 
/> 
+0

Очень оригинальный ответ! –

0

Возьмите Все это в относительной емкости компоновки и использование выше имущества в FloatingActionButton затем взять маржу дна и подстраивается вас.

Смежные вопросы