如何将我的 FloatingActionButton 放在每个布局的顶部?

马修米兰达

我有一个ScrollView布局,它有一个孩子constraintLayout我是这样做的,所以即使在横向模式下,我也可以滚动浏览长文本。我想知道我将把FloatingActionButton放在哪里以及如何放置,以便它成为一切的首要任务。当我尝试添加它时,按钮也变得可滚动!(这不是一件好事,因为我希望按钮“浮动”)

有什么建议么

<?xml version="1.0" encoding="utf-8"?>
<ScrollView 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="org.cvsuimus.theflare.NewsDetailActivity">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:id="@+id/ivImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:srcCompat="@drawable/newsdefault" />

        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="16dp"
            android:text="Title"
            android:textColor="@color/primaryTextColor"
            android:textSize="25sp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.0"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/ivImage" />

        <TextView
            android:id="@+id/tvAuthor"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="16dp"
            android:text="Author"
            android:textColor="@color/primaryTextColor"
            android:textSize="18sp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.073"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tvTitle" />

        <TextView
            android:id="@+id/tvPubDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:text="Publishing Date"
            android:textColor="@color/primaryTextColor"
            android:textSize="18sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.087"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tvAuthor" />

        <TextView
            android:id="@+id/tvContent"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="32dp"
            android:text="tvContent"
            android:textColor="@color/primaryTextColor"
            android:textSize="18sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.067"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tvPubDate"
            app:layout_constraintVertical_bias="0.0"
            tools:text="Content" />

        <TextView
            android:id="@+id/Category"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginLeft="16dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:text="Category:"
            android:textColor="@color/primaryTextColor"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@+id/tvCategory"
            app:layout_constraintHorizontal_bias="1.0"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tvContent"
            app:layout_constraintVertical_bias="0.692" />

        <TextView
            android:id="@+id/tvCategory"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="16dp"
            android:layout_marginRight="128dp"
            android:layout_marginTop="8dp"
            android:text="Category"
            android:textColor="@color/primaryTextColor"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="1.0" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fabFavorite"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:layout_marginEnd="8dp"
            android:layout_marginRight="16dp"
            android:layout_marginTop="8dp"
            android:clickable="true"
            android:focusable="true"
            app:backgroundTint="@color/secondaryColor"
            app:fabSize="normal"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.975"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.935"
            app:rippleColor="@color/secondaryLightColor"
            app:srcCompat="@android:drawable/ic_input_add" />

    </android.support.constraint.ConstraintLayout>

</ScrollView>
马修米兰达

我自己解决了,但尝试了不同的方法。我使用了一个CollapsingToolbarLayout能够使用fab. 现在它工作顺利。

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="com.cvsuimus.theflare.NewsDetailActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme">

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/toolbar_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed">

            <ImageView
                android:id="@+id/ivImage"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="?attr/actionBarSize"
                android:adjustViewBounds="false"
                android:fitsSystemWindows="true"
                android:scaleType="fitXY"
                app:layout_collapseMode="parallax"
                app:srcCompat="@drawable/bannerplaceholder" />

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                android:theme="@style/AppTheme"
                app:layout_collapseMode="pin"
                app:layout_scrollFlags="scroll|enterAlways"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

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

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

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:clipToPadding="false"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">

        <FrameLayout
            android:id="@+id/content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.CardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:cardUseCompatPadding="true">

                <android.support.constraint.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <TextView
                        android:id="@+id/tvId"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:visibility="gone" />

                    <TextView
                        android:id="@+id/tvTitle"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="16dp"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="24dp"
                        android:text="Title"
                        android:textColor="@color/primaryTextColor"
                        android:textSize="25sp"
                        android:textStyle="bold"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.0"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent" />

                    <TextView
                        android:id="@+id/tvAuthor"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginEnd="8dp"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="16dp"
                        android:text="Author"
                        android:textColor="@color/primaryTextColor"
                        android:textSize="18sp"
                        android:textStyle="bold"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.073"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/tvTitle" />

                    <TextView
                        android:id="@+id/tvPubDate"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginEnd="8dp"
                        android:layout_marginStart="8dp"
                        android:text="Publishing Date"
                        android:textColor="@color/primaryTextColor"
                        android:textSize="18sp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.087"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/tvAuthor" />

                    <TextView
                        android:id="@+id/tvContent"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="8dp"
                        android:layout_marginEnd="8dp"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="32dp"
                        android:text="tvContent"
                        android:textColor="@color/primaryTextColor"
                        android:textSize="18sp"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintHorizontal_bias="0.067"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/tvPubDate"
                        app:layout_constraintVertical_bias="0.0"
                        tools:text="Content" />

                    <TextView
                        android:id="@+id/Category"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="8dp"
                        android:layout_marginEnd="8dp"
                        android:layout_marginLeft="16dp"
                        android:layout_marginStart="8dp"
                        android:layout_marginTop="8dp"
                        android:text="Category:"
                        android:textColor="@color/primaryTextColor"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toStartOf="@+id/tvCategory"
                        app:layout_constraintHorizontal_bias="1.0"
                        app:layout_constraintLeft_toLeftOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toBottomOf="@+id/tvContent"
                        app:layout_constraintVertical_bias="0.692" />

                    <TextView
                        android:id="@+id/tvCategory"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginBottom="16dp"
                        android:layout_marginEnd="128dp"
                        android:layout_marginRight="128dp"
                        android:layout_marginTop="8dp"
                        android:text="Category"
                        android:textColor="@color/primaryTextColor"
                        app:layout_constraintBottom_toBottomOf="parent"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:layout_constraintVertical_bias="1.0" />

                </android.support.constraint.ConstraintLayout>

            </android.support.v7.widget.CardView>

        </FrameLayout>

    </android.support.v4.widget.NestedScrollView>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/fab_margin"
        app:backgroundTint="@color/primaryDarkColor"
        app:fabSize="normal"
        app:layout_anchor="@id/appBar"
        app:layout_anchorGravity="bottom|right|end"
        app:srcCompat="@drawable/ic_bookmark_border_black_24dp" />

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我如何将我的徽标放置在空间背景的顶部?

来自分类Dev

如何将我的scrollView布局高度设置为片段的顶部

来自分类Dev

如何将我的背景图片放在底部

来自分类Dev

如何将我的按钮放在广播组上?

来自分类Dev

Visual Basic:如何将我的工作放在backgroundworker上

来自分类Dev

如何将进度条组件放在布局的顶部?

来自分类Dev

视图顶部的FloatingActionButton锚点

来自分类Dev

我如何将我的布局的单个部分打印在屏幕上?

来自分类Dev

如何使用自动布局将UIView放在顶部

来自分类Dev

如何将我的模板文件夹放在Flask应用中?

来自分类Dev

如何将我的表单放在CSS / HTML中的图像之上?

来自分类Dev

VIM-如何将我当前的职位放在跳转列表中?

来自分类Dev

如何将我的图像放在一个圆圈中而不在 Android Studio 上出现?

来自分类Dev

如何将FloatingActionButton放入Fragment?

来自分类Dev

如何将我的ES中的每个数据设置为未分析?

来自分类Dev

如何将我的助手模块函数应用于数组中的每个元素?

来自分类Dev

如何删除FloatingActionButton的周围阴影?

来自分类Dev

如何启用/禁用FloatingActionButton行为

来自分类Dev

我如何将我的愿望清单文本更改为magento 2顶部链接中的“愿望清单”

来自分类Dev

如何将`points()`正好放在R中每个直方图条的顶部

来自分类Dev

CoordinatorLayout 中 prev 布局覆盖的 FloatingActionButton

来自分类Dev

带有 CollapsingToolbarLayout 的布局之间的 FloatingActionButton

来自分类Dev

如何将我的引导表分成两半,一个放在另一个之上?

来自分类Dev

如何将 AndroidSlidingUpPanel 布局放在我的 Appbar 下?

来自分类Dev

如何将大小设置为FloatingActionButton-Flutter

来自分类Dev

将我的编辑文本和按钮放在布局的中间

来自分类Dev

Jetpack UI撰写。如何创建FloatingActionButton?

来自分类Dev

如何在Flutter中将FloatingActionButton水平居中?

来自分类Dev

用户到达底部时如何显示FloatingActionButton?

Related 相关文章

  1. 1

    我如何将我的徽标放置在空间背景的顶部?

  2. 2

    如何将我的scrollView布局高度设置为片段的顶部

  3. 3

    如何将我的背景图片放在底部

  4. 4

    如何将我的按钮放在广播组上?

  5. 5

    Visual Basic:如何将我的工作放在backgroundworker上

  6. 6

    如何将进度条组件放在布局的顶部?

  7. 7

    视图顶部的FloatingActionButton锚点

  8. 8

    我如何将我的布局的单个部分打印在屏幕上?

  9. 9

    如何使用自动布局将UIView放在顶部

  10. 10

    如何将我的模板文件夹放在Flask应用中?

  11. 11

    如何将我的表单放在CSS / HTML中的图像之上?

  12. 12

    VIM-如何将我当前的职位放在跳转列表中?

  13. 13

    如何将我的图像放在一个圆圈中而不在 Android Studio 上出现?

  14. 14

    如何将FloatingActionButton放入Fragment?

  15. 15

    如何将我的ES中的每个数据设置为未分析?

  16. 16

    如何将我的助手模块函数应用于数组中的每个元素?

  17. 17

    如何删除FloatingActionButton的周围阴影?

  18. 18

    如何启用/禁用FloatingActionButton行为

  19. 19

    我如何将我的愿望清单文本更改为magento 2顶部链接中的“愿望清单”

  20. 20

    如何将`points()`正好放在R中每个直方图条的顶部

  21. 21

    CoordinatorLayout 中 prev 布局覆盖的 FloatingActionButton

  22. 22

    带有 CollapsingToolbarLayout 的布局之间的 FloatingActionButton

  23. 23

    如何将我的引导表分成两半,一个放在另一个之上?

  24. 24

    如何将 AndroidSlidingUpPanel 布局放在我的 Appbar 下?

  25. 25

    如何将大小设置为FloatingActionButton-Flutter

  26. 26

    将我的编辑文本和按钮放在布局的中间

  27. 27

    Jetpack UI撰写。如何创建FloatingActionButton?

  28. 28

    如何在Flutter中将FloatingActionButton水平居中?

  29. 29

    用户到达底部时如何显示FloatingActionButton?

热门标签

归档