scrollView上方的浮动操作按钮

时间:2016-06-30 16:48:32

标签: android floating-action-button

enter image description here

如何在Scrollview布局上方放置浮动按钮...我试图将Scrollview和按钮的容器(FrameLayout)放在相对布局中,但这种方法也不起作用...... xml文件:

<LinearLayout
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:orientation="vertical"
android:weightSum="100">

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="@dimen/no_size"
    android:layout_weight="92">

    <LinearLayout
        android:id="@+id/questionContainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <com.rey.material.widget.TextView
            android:id="@+id/surveyTitleTtv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="12dp"
            android:textSize="20sp"
            android:textStyle="bold"
            android:textColor="@android:color/black" />

        <com.rey.material.widget.TextView
            android:id="@+id/test"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="12dp"
            android:layout_marginLeft="12dp"
            android:layout_marginBottom="12dp"
            android:textColor="@color/accentColor"
            android:textSize="17dp"
            android:textStyle="bold" />

    </LinearLayout>

</ScrollView>

<FrameLayout
    android:id="@+id/bottomSheetLlt"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_weight="8"
    android:background="@android:color/white">

    <com.rey.material.widget.FloatingActionButton
        android:id="@+id/saveQuestionBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginTop="-20dp"
        android:text="ADD"
        app:elevation="2dp" />

</FrameLayout>

任何人都可以告诉我出了什么问题吗?

4 个答案:

答案 0 :(得分:1)

最后我设法解决了这个问题。问题是我试图将FAB置于片段布局中,这显然是不可行的。我将它作为CoordinatorLayout的子项移动到我的活动xml布局中,现在实际上是一个“浮动”的#m;动作按钮......

答案 1 :(得分:0)

只需在xml布局中移动$(".selectShow").click(function () { alert('Click!'); var $selectShow = $(this); var $media = $selectShow.next(); $(".media").not($media).slideUp().prev().text("Show Media"); $media.slideToggle(500, function () { $selectShow.text(function () { return $media.is(":visible") ? "Hide Media" : "Show Media"; }); }); }); 滚动视图上方

即可

答案 2 :(得分:0)

您需要在FloatingActionButton内定位CoordinatorLayout,并使用CoordinatorLayout作为您的活动的根目录。 (FloatingActionButton依赖于CoordinatorLayout启用的功能)如果你的scrollview是一个片段内部,这仍然没问题 - 只要你为FloatingActionButton分配一个ID,你就可以从片段里面引用它。

答案 3 :(得分:0)

用以下代码替换您的xml代码。您需要使用相对布局或协调器布局作为根布局。并简单地将floatig动作按钮放在framelayout之外。

<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">

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

    <LinearLayout
        android:id="@+id/questionContainer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <com.rey.material.widget.TextView
            android:id="@+id/surveyTitleTtv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="12dp"
            android:textColor="@android:color/black"
            android:textSize="20sp"
            android:textStyle="bold" />

        <com.rey.material.widget.TextView
            android:id="@+id/test"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="12dp"
            android:layout_marginLeft="12dp"
            android:layout_marginRight="12dp"
            android:textColor="@color/accentColor"
            android:textSize="17dp"
            android:textStyle="bold" />

    </LinearLayout>

</ScrollView>

<com.rey.material.widget.FloatingActionButton
    android:id="@+id/saveQuestionBtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true"
    android:layout_alignParentRight="true"
    android:layout_gravity="bottom|right|end"
    android:layout_marginBottom="16dp"
    android:layout_marginEnd="16dp"
    android:layout_marginRight="16dp"
    android:text="ADD"
    app:elevation="2dp" />