2016-01-23 120 views
0

這是我的父母佈局,我包括FAB。浮動動作按鈕顯示在右上角而不是右下角android

<?xml version="1.0" encoding="utf-8"?> 

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

    <android.support.design.widget.CoordinatorLayout 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:id="@+id/coordinatorLayout" 
     android:orientation="vertical"> 

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentTop="true" 
      android:background="@color/primary" 
      android:elevation="6dp" 
      android:minHeight="?attr/actionBarSize" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 



     <android.support.design.widget.TabLayout 
      android:id="@+id/tab_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/toolbar" 
      android:background="@color/primary" 
      android:elevation="6dp" 
      android:minHeight="?attr/actionBarSize" 
      app:tabIndicatorColor="@android:color/white" 
      app:tabIndicatorHeight="4dp" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"/> 

     <android.support.v4.view.ViewPager 
      android:id="@+id/pager" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_below="@+id/tab_layout" 
      android:paddingTop="20dp" 
      android:background="@color/windowBackground" 
      android:layout_above="@id/bottomButtons" 
      > 
     </android.support.v4.view.ViewPager> 


    </RelativeLayout> 


    <include layout="@layout/floating_button"/> 

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

    <fragment 
     android:id="@+id/fragment_navigation_drawer" 
     android:name="com.wokoshop.sony.app.FragmentDrawer" 
     android:layout_width="@dimen/nav_drawer_width" 
     android:layout_height="match_parent" 
     android:layout_gravity="start" 
     app:layout="@layout/fragment_navigation_drawer" 
     tools:layout="@layout/fragment_navigation_drawer" /> 


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

這是實際的FAB佈局。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content"> 

<android.support.design.widget.FloatingActionButton 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="end|bottom" 
    android:clickable="true" 
    android:src="@drawable/cart" 
    android:layout_margin="20dp" 
    app:elevation="6dp" /> 

</FrameLayout> 

此FAB顯示在佈局的右上角。我想在右下角顯示它。

任何人都可以幫助我嗎?

+0

將其包括在相對佈局。 – Harry

回答

0

在父佈局包括您的FAB佈局給人layout_alignParentBottom性質爲真:

<include layout="@layout/activity_dialog" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content"/> 

也試圖改變CoordinatorLayout機器人:layout_height = 「FILL_PARENT」 :

<android.support.design.widget.CoordinatorLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_alignParentTop="true" 
    android:id="@+id/coordinatorLayout" 
    android:orientation="vertical"> 
+0

感謝您的回覆。但是,這將其設置在左上角。 –

+0

也嘗試更改CoordinatorLayout android:layout_height =「fill_parent」 –

0

取出<include>標籤。

將您FAB在其與<anchor>標籤的地方:

應用:layout_anchorGravity = 「底部|右|結束」

<android.support.design.widget.FloatingActionButton 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:layout_anchorGravity="bottom|right|end" 
    android:clickable="true" 
    android:src="@drawable/cart" 
    android:layout_margin="20dp" 
    app:elevation="6dp" /> 

如果您還沒有贏球,修改您的佈局參考此:FAB in the corner.