如何在右下角显示浮动动作按钮 - android

我正在使用这个布局文件。如何在右下角显示浮动动作按钮 - android

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

<RelativeLayout 
    android:id="@+id/main_layout" 
    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:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".ActivityStartShopping"> 


    <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" 
     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> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="16dp" 
     android:clickable="true" 
     android:src="@drawable/cart" 
     android:layout_gravity="bottom|end" 
     /> 

</RelativeLayout>

对我浮动动作按钮显示在左上角。

如何显示它的右下角。

来源

2016-01-13 Devesh Agrawal

尝试增加'机器人：layout_alignParentBottom = “真”'和'安卓重力=“底部|结束“'在'fab'中？ –

感谢您的回复。我根据您的建议进行了更改。现在它显示在左下角。如何显示在右下角。 –

添加'bottom | right'而不是'end'。 –

根更改的RelativeLayout到android.support.design.widget.CoordinatorLayout

来源

2016-01-13 14:58:49

试试这个代码：

<android.support.design.widget.FloatingActionButton 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentBottom="true" 
    app:pressedTranslationZ="12dp" 
    app:elevation="6dp" />

这是更好地使用CoordinatorLayout

来源

2016-01-13 15:00:40

你必须包括dependencies设计是这样的，这将在app模块的build.gradle

compile 'com.android.support:design:23.1.1'

的dependencies块下加入没有这个，你将无法使用CoordinatorLayout，FloatingActionButton

我改变了一些资源，因为我没有你在问题中显示的资源。

布局

<?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" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true"> 

    <RelativeLayout 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/main_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     tools:context=".ActivityStartShopping"> 


     <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" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" /> 

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

     </android.support.v4.view.ViewPager> 

     <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_alignParentTop="true" 
      android:layout_alignParentLeft="true" 
      android:clickable="true" 
      android:src="@android:drawable/sym_contact_card" /> 

    </RelativeLayout> 


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

这应该是这样的

来源

2016-01-13 15:07:15

如何在右下角显示浮动动作按钮 - android

回答

相关问题