FrameLayout中的FAB位于片段

时间:2016-06-03 19:45:34

标签: android android-layout android-fragments android-framelayout floating-action-button

在我的布局中,我有一个FrameLayout,我打算根据用户输入显示不同的布局。我想在所有这些布局中显示FloatingActionButton

为了不在所有这些中重复FloatingActionButton,我希望将其附加到FrameLayout。问题是该按钮未在fragment布局的顶部正确显示。例如,显示的初始fragmentGridView,后面有按钮。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="xeniasis.mymarket.MainActivity">

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:baselineAligned="false"
        android:orientation="horizontal"
        android:weightSum="4">

        <LinearLayout
            android:id="@+id/categories_layout"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:paddingRight="20dp">

            <ExpandableListView
                android:id="@+id/categories_listView"
                android:layout_width="match_parent"
                android:layout_height="match_parent" />
        </LinearLayout>

        <FrameLayout
            android:id="@+id/mainPane"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="3">

            <android.support.design.widget.FloatingActionButton
                android:id="@+id/settings"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|start"
                android:layout_margin="8dp"
                android:clickable="true"
                android:elevation="5dp"
                android:src="@android:drawable/ic_menu_search" />
        </FrameLayout>
    </LinearLayout>
</LinearLayout>

并以编程方式显示fragment布局:     

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="xeniasis.mymarket.MainActivity">

        <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/swipeRefreshContainer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingBottom="@dimen/activity_vertical_margin"
            android:paddingLeft="8dp"
            android:paddingRight="8dp"
            android:paddingTop="@dimen/activity_vertical_margin">

            <GridView
                android:id="@+id/productsGridview"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="true"
                android:layout_alignParentRight="true"
                android:layout_alignParentTop="true"
                android:numColumns="3"></GridView>

        </android.support.v4.widget.SwipeRefreshLayout>
</LinearLayout>

结果: enter image description here

4 个答案:

答案 0 :(得分:6)

FrameLayout中,声明另一个Framelayout并在那里对片段进行充气。它应该工作。

... <LinearLayout>
     .....

   <FrameLayout
        android:id="@+id/mainPane"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3">

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


        <android.support.design.widget.FloatingActionButton
            android:id="@+id/settings"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|start"
            android:layout_margin="8dp"
            android:clickable="true"
            android:elevation="5dp"
            android:src="@android:drawable/ic_menu_search" />
    </FrameLayout>

答案 1 :(得分:1)

像这样更改,以便FAB和片段不共享相同的FrameLayout:

-1.684

答案 2 :(得分:1)

在framelayout中添加FAB而不使用coordinativelayout

   <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/framelayout"
        android:layout_below="@+id/drawer_toolbar"
        android:layout_above="@+id/drawer_foot" >
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/shareFab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|right"
            android:layout_margin="8dp"
            android:clickable="true"
            android:elevation="5dp"
            android:src="@android:drawable/ic_menu_share" />
    </FrameLayout>

答案 3 :(得分:0)

找到框架布局并调用此方法,然后以100%的方法传递框架布局

    private void addFloatingButton(FrameLayout frameLayout) {
    int i20 = 20;
    int i50 = 50;
    FrameLayout.LayoutParams clFloatingButtonParams = new FrameLayout.LayoutParams(i50, i50);
    clFloatingButtonParams.setMargins(0, 0, i20, i20);
    clFloatingButtonParams.gravity = Gravity.BOTTOM | Gravity.END;
    FloatingActionButton clFloatingActionButton = new FloatingActionButton(getActivity());
    clFloatingActionButton.setId(R.id.calander_view_fab);
                 frameLayout.addView(clFloatingActionButton, clFloatingButtonParams);

      }