CustomView 中浮动操作按钮的填充答案

【问题标题】：Padding of Floating Action Buttons in CustomViewCustomView 中浮动操作按钮的填充
【发布时间】：2015-11-19 09:05:27
【问题描述】：

我有 3 个操作按钮。一个 Scanbutton 和（如果触发某些条件）另外两个“minifab”。 Scanbutton 应该在bottom|end 位置，另外两个应该出现在它的顶部。我使用 Android Studio 给我的自动生成的 CustomView。现在我想知道如何改变我的晶圆厂的位置。我不能使用填充选项。这是因为 CustomView 吗？

这是我的 xml：

<?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"
    tools:context=".SlideMenu">

    <android.support.design.widget.AppBarLayout
        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_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/exportbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_menu_share"
        android:cropToPadding="false" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/savebutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_menu_save"
        android:cropToPadding="false" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/scanbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        android:src="@android:drawable/ic_menu_add"
        android:visibility="visible" />

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

【问题讨论】：

标签： android xml floating-action-button

【解决方案1】：

我认为这段代码对您有用

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

    <android.support.design.widget.AppBarLayout
        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_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/exportbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:src="@android:drawable/ic_menu_share"
        android:cropToPadding="false"
        android:layout_above="@+id/savebutton"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/savebutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:src="@android:drawable/ic_menu_save"
        android:cropToPadding="false"
        android:layout_above="@+id/scanbutton"
        android:layout_alignLeft="@+id/scanbutton"
        android:layout_alignStart="@+id/scanbutton" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/scanbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:src="@android:drawable/ic_menu_add"
        android:visibility="visible"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

</RelativeLayout>

【讨论】：

非常感谢！你能解释一下CustomView有什么问题吗？还是我需要一个特定的布局来移动我的按钮？
好吧，当我们使用 RelativeLayout 帮助我们移动按钮时，但并不完全推荐，因为当屏幕尺寸发生变化时，相对性也会改变并导致按钮移动到其他位置......在你的这种情况不会发生，因为 button1 在底部，其他按钮是相对于它的...
我发现了一个新问题。整个 Fragment 似乎在 Action Bar 后面移动。我认为这取决于更改后的视图。有任何想法吗？ imgur.com/H6RIziU

【解决方案2】：

解决了；）

<?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"
    tools:context=".SlideMenu">

    <android.support.design.widget.AppBarLayout
        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_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

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

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

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/exportbutton"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@android:drawable/ic_menu_share"
            android:layout_above="@+id/savebutton"
            android:layout_alignStart="@+id/savebutton"
            android:layout_marginBottom="10dp" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/savebutton"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:src="@android:drawable/ic_menu_save"
            android:layout_above="@+id/scanbutton"
            android:layout_alignEnd="@+id/scanbutton"
            android:layout_marginBottom="10dp"
            android:layout_marginRight="8dp" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/scanbutton"
            android:layout_width="56dp"
            android:layout_height="56dp"
            android:layout_gravity="bottom|end"
            android:src="@android:drawable/ic_menu_add"
            android:visibility="visible"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:layout_marginBottom="16dp"
            android:layout_marginRight="16dp" />
    </RelativeLayout>


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

【讨论】：