FloatingActionButton中的图标在右下角,似乎无法居中

时间:2018-08-06 12:25:31

标签: android android-layout

我的问题是,当我要将浮动按钮的图标放在中间时,它在角落里。

Here is how it looks like:

这是XML:

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:background="@android:color/white">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:layout_centerHorizontal="true">

        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/rv_select">
        </android.support.v7.widget.RecyclerView>

    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/create_routine_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_add_black_24dp"
        app:fabSize="normal"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        app:backgroundTint="@color/cardAccent"
        android:layout_margin="10dp"
        app:elevation="10dp" />



</RelativeLayout>

这是我正在使用的向量(我刚刚使用android studio创建了一个向量):

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:autoMirrored="true" 
    android:height="24dp"
    android:tint="#FFFFFF" 
    android:viewportHeight="24.0"
    android:viewportWidth="24.0" 
    android:width="24dp">
    <path android:fillColor="#FF000000" android:pathData="M19,13h-6v6h- 
    2v-6H5v-2h6V5h2v6h6v2z"/>
</vector>

我在这个问题上花了几个小时,非常感谢您的帮助!

编辑:我发现了...我错过了正确的样式

 <item name="floatingActionButtonStyle">@style/Widget.Design.FloatingActionButton</item>

2 个答案:

答案 0 :(得分:0)

  <android.support.design.widget.FloatingActionButton
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="bottom|right"
  android:layout_margin="16dp"
  app:fabSize="normal"
  app:srcCompat="@drawable/ic_add_black_24dp"
  tools:ignore="VectorDrawableCompat"
  />

//vectore file 
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24.0"
    android:viewportHeight="24.0">
<path
    android:fillColor="#ffffffff"
    android:pathData="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</vector>

enter image description here

答案 1 :(得分:-1)

使用此代码

1>实现这种依赖性

实现'com.google.android.material:material:1.0.0-alpha1'

2>

<com.google.android.material.floatingactionbutton.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"
    app:srcCompat="@drawable/vec_file" />