Android 浮动操作按钮周围的额外填充

Ada*_*Raj 5 android android-layout floating-action-button

在此处输入图片说明

我正在尝试在 Android 中创建个人资料页面。我正在使用浮动操作按钮来显示用户图片。

最初我想显示默认图片。

我的 xml 代码是这样的:

<android.support.design.widget.FloatingActionButton
    android:layout_height="100dp"
    android:layout_width="100dp"
    android:id="@+id/userIcon"
    app:fabSize="normal"
    android:src="@drawable/male_icon"
    app:pressedTranslationZ="12dp"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|center" />
Run Code Online (Sandbox Code Playgroud)

我的问题是为什么 FAB 周围有一些额外的空间。我不能删除那个空间/填充吗?

编辑:

这是我的完整 xml 代码 ::

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fitsSystemWindows="true"
        android:background="@drawable/background"
        app:contentScrim="#2678AD"
        app:layout_scrollFlags="scroll|exitUntilCollapsed">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/AppTheme.PopupOverlay" />
    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

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

<android.support.design.widget.FloatingActionButton
    android:layout_height="100dp"
    android:layout_width="100dp"
    android:id="@+id/userIcon"
    app:fabSize="normal"
    android:src="@drawable/male_icon"
    app:pressedTranslationZ="12dp"
    app:layout_anchor="@id/app_bar"
    app:layout_anchorGravity="bottom|center" />
Run Code Online (Sandbox Code Playgroud)

小智 6

您可能希望将 scaletype 属性更改为中心。喜欢,

android:scaleType="center"
Run Code Online (Sandbox Code Playgroud)


Sag*_*ada 1

试试这个:

app:borderWidth="0dp"
Run Code Online (Sandbox Code Playgroud)

您还可以使用高程去除阴影

app:elevation="6dp"
Run Code Online (Sandbox Code Playgroud)

请参阅此链接。

如果它不起作用,那么尝试像这样管理轮廓阴影:

Button fab = (Button) rootView.findViewById(R.id.fabbutton);

    Outline mOutlineCircle;
    int shapeSize = getResources().getDimensionPixelSize(R.dimen.shape_size);
    mOutlineCircle = new Outline();
    mOutlineCircle.setRoundRect(0, 0, shapeSize, shapeSize, shapeSize / 2);

    fab.setOutline(mOutlineCircle);
    fab.setClipToOutline(true);
Run Code Online (Sandbox Code Playgroud)