android – 在折叠工具栏布局中添加FloatingActionButton

概述目前正在开发一款应用程序,我需要在“折叠”工具栏的右下角添加“共享”和“添加”按钮(用于视差效果). 这可能隐藏在滚动或可能坐在Actionbar上.添加了我想要实现的图像.目前还不知道如何做到这一点(尝试使用锚点的浮动 *** 作按钮,但失败了). 这应该是这样的： 这是代码： <?xml version="1.0" encoding="utf-8"?><android.support.design. 目前正在开发一款应用程序,我需要在“折叠”工具栏的右下角添加“共享”和“添加”按钮(用于视差效果).

这可能隐藏在滚动或可能坐在Actionbar上.添加了我想要实现的图像.目前还不知道如何做到这一点(尝试使用锚点的浮动 *** 作按钮,但失败了).

这应该是这样的：

这是代码：

<?xml version="1.0" enCoding="utf-8"?><androID.support.design.Widget.CoordinatorLayoutandroID:ID="@+ID/htab_maincontent"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:fitsSystemwindows="true"><androID.support.design.Widget.AppbarLayout    androID:ID="@+ID/htab_appbar"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:fitsSystemwindows="true"    androID:theme="@style/themeOverlay.AppCompat.Dark.Actionbar">    <androID.support.design.Widget.CollapsingToolbarLayout        androID:ID="@+ID/htab_collapse_toolbar"        androID:layout_wIDth="match_parent"        androID:layout_height="256dp"        androID:fitsSystemwindows="true"        app:contentScrim="?attr/colorPrimary"        app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">        <ImageVIEw            androID:ID="@+ID/htab_header"            androID:layout_wIDth="match_parent"            androID:layout_height="match_parent"            androID:background="@drawable/header"            androID:fitsSystemwindows="true"            androID:scaleType="centerCrop"            app:layout_collapseMode="parallax"/>        <androID.support.v7.Widget.Toolbar            androID:ID="@+ID/htab_toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="?attr/actionbarSize"            androID:gravity="top"            app:layout_collapseMode="pin"            app:popuptheme="@style/themeOverlay.AppCompat.light"            app:Titlemargintop="13dp"/>    </androID.support.design.Widget.CollapsingToolbarLayout>    <androID.support.design.Widget.TabLayout        androID:ID="@+ID/htab_tabs"        androID:layout_wIDth="match_parent"        androID:layout_height="?attr/actionbarSize"        androID:layout_gravity="bottom"        androID:background="@color/colorPrimary"        app:tabIndicatorHeight="@dimen/tabIndicatorHeight"/></androID.support.design.Widget.AppbarLayout><androID.support.v4.vIEw.VIEwPager    androID:ID="@+ID/htab_vIEwpager"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    app:layout_behavior="@string/appbar_scrolling_vIEw_behavior"/></androID.support.design.Widget.CoordinatorLayout>

解决方法 如果您在CollapsingToolbarLayout中使用它,您可以这样做：

<androID.support.design.Widget.CollapsingToolbarLayout        androID:ID="@+ID/toolbarCollapse"        androID:layout_wIDth="match_parent"        androID:layout_height="match_parent"        androID:fitsSystemwindows="true"        app:contentScrim="?attr/colorPrimary"        app:layout_scrollFlags="scroll|exitUntilCollapsed">        <relativeLayout            androID:layout_wIDth="match_parent"            androID:layout_height="wrap_content">        <ImageVIEw            androID:layout_wIDth="match_parent"            androID:layout_height="190dp"            androID:background="@androID:color/darker_gray"            androID:minHeight="190dp"            androID:src="@drawable/ic_email"            app:layout_collapseMode="parallax"            androID:ID="@+ID/imageVIEw8" />        <androID.support.design.Widget.floatingActionbutton            androID:ID="@+ID/fabmain"            androID:layout_wIDth="wrap_content"            androID:layout_height="wrap_content"            androID:layout_gravity="bottom|end"            androID:src="@drawable/ic_add"            app:backgroundTint="@color/colorAccent"            app:borderWIDth="0dp"            app:fabSize="mini"            app:layout_anchor="@ID/app_bar_layout"            app:layout_anchorGravity="bottom|end"            androID:layout_marginleft="16dp"            androID:layout_marginRight="16dp"            androID:layout_aligntop="@+ID/fabmain2"            androID:layout_toStartOf="@+ID/fabmain2"            androID:layout_marginEnd="20dp" />        <androID.support.design.Widget.floatingActionbutton            androID:ID="@+ID/fabmain2"            androID:layout_wIDth="wrap_content"            androID:layout_height="wrap_content"            androID:layout_gravity="bottom|end"            androID:layout_marginleft="16dp"            androID:src="@drawable/ic_add"            app:backgroundTint="@color/colorAccent"            app:borderWIDth="0dp"            app:fabSize="mini"            app:layout_anchor="@ID/app_bar_layout"            app:layout_anchorGravity="bottom|end"            androID:layout_marginRight="16dp"            androID:layout_marginEnd="23dp"            androID:layout_alignBottom="@+ID/imageVIEw8"            androID:layout_alignParentEnd="true"            androID:layout_marginBottom="29dp" />        <androID.support.v7.Widget.Toolbar            androID:ID="@+ID/toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="?actionbarSize"            app:layout_collapseMode="pin" />        </relativeLayout>    </androID.support.design.Widget.CollapsingToolbarLayout>

另外,根据Google Material Design,我不认为这是两个按钮的标准方式/好方法！

另外,这是我的想法(标准方式)：

您可以在 *** 作栏上添加带有该图标的共享 *** 作,然后像这样使用一个floatingActionbutton：

https://github.com/xuyisheng/DesignSupportLibraryDemo

或者我自己这样做：

<androID.support.design.Widget.CoordinatorLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"    xmlns:app="http://schemas.androID.com/apk/res-auto"    xmlns:card_vIEw="http://schemas.androID.com/tools"    androID:layout_wIDth="match_parent"    androID:layout_height="match_parent"    androID:background="#EEEEEE"    androID:fitsSystemwindows="true">    <androID.support.v4.Widget.nestedScrollVIEw        androID:ID="@+ID/scroll"        androID:layout_wIDth="match_parent"        androID:layout_height="match_parent"        androID:clipTopadding="false"        app:layout_behavior="@string/appbar_scrolling_vIEw_behavior">        <!--Your content-->    </androID.support.v4.Widget.nestedScrollVIEw>    <androID.support.design.Widget.AppbarLayout        androID:ID="@+ID/app_bar_layoutdetails"        androID:layout_wIDth="match_parent"        androID:layout_height="wrap_content"        androID:fitsSystemwindows="true"        androID:theme="@style/themeOverlay.AppCompat.Dark.Actionbar">        <androID.support.design.Widget.CollapsingToolbarLayout            androID:ID="@+ID/collapsing_toolbar"            androID:layout_wIDth="match_parent"            androID:layout_height="match_parent"            androID:fitsSystemwindows="true"            app:contentScrim="?attr/colorPrimary"            app:expandedTitlemarginEnd="64dp"            app:expandedTitlemarginStart="48dp"            app:layout_scrollFlags="scroll|exitUntilCollapsed">            <relativeLayout                androID:layout_wIDth="match_parent"                androID:layout_height="match_parent">                <ImageVIEw                    androID:ID="@+ID/thumbnaildetails"                    androID:layout_wIDth="match_parent"                    androID:layout_height="200dp"                    androID:layout_alignParentStart="true"                    androID:contentDescription="@string/imghd"                    androID:fitsSystemwindows="true"                    androID:scaleType="centerCrop"                    app:layout_collapseMode="parallax" />                <TextVIEw                    androID:ID="@+ID/txtitemdetailsTitle"                    androID:layout_wIDth="wrap_content"                    androID:layout_height="wrap_content"                    androID:layout_alignParenttop="true"                    androID:layout_centerHorizontal="true"                    androID:layout_margintop="85dp"                    androID:textAppearance="?androID:attr/textAppearanceMedium" />            </relativeLayout>            <androID.support.v7.Widget.Toolbar                androID:ID="@+ID/tbbardetails"                androID:layout_wIDth="match_parent"                androID:layout_height="?attr/actionbarSize"                androID:layout_alignParentStart="true"                androID:layout_alignParenttop="true"                app:layout_collapseMode="pin"                app:theme="@style/themeOverlay.AppCompat.Dark.Actionbar" />        </androID.support.design.Widget.CollapsingToolbarLayout>    </androID.support.design.Widget.AppbarLayout>    <androID.support.design.Widget.floatingActionbutton        androID:ID="@+ID/fab"        androID:layout_wIDth="wrap_content"        androID:layout_height="wrap_content"        androID:layout_margin="16dp"        androID:src="@drawable/ic_work"        app:backgroundTint="#E91E63"        app:fabSize="normal"        app:layout_anchor="@ID/app_bar_layoutdetails"        app:layout_anchorGravity="right|bottom" /></androID.support.design.Widget.CoordinatorLayout>

总结

以上是内存溢出为你收集整理的android – 在折叠工具栏布局中添加FloatingActionButton全部内容，希望文章能够帮你解决android – 在折叠工具栏布局中添加FloatingActionButton所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。