简体   繁体   English

linearLayout中的浮动动作按钮

[英]Floating Action Button in linearLayout

How can i add FAB into the second linearLayout named layout_ejercicios? 如何将FAB添加到第二个名为layout_ejercicios的linearLayout中?

If i add this like that it doesnt appear. 如果我这样添加它不会出现。

I want add the FAB in the layout_ejercicios at right bottom corner. 我想在右下角的layout_ejercicios中添加FAB。

在此处输入图片说明

I try to include the FAB out of the layout_ejercicios but it appears always in the top left corner. 我尝试将FAB包括在layout_ejercicios中,但它始终显示在左上角。

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/green">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/main_content"

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

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

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


            <LinearLayout
                android:id="@+id/layout_ejercicios"
                android:layout_width="match_parent"
                android:layout_height="300dp"
                android:layout_alignParentStart="true"
                android:layout_below="@+id/layout_info">

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

                <android.support.design.widget.FloatingActionButton
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="bottom|right"
                    android:layout_margin="16dp"
                    android:src="@drawable/ic_action_name"
                    app:layout_anchor="@id/layout_ejercicios"
                    app:layout_anchorGravity="bottom|right|end" />

            </LinearLayout>

            <LinearLayout
                android:id="@+id/layout_notas"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_alignParentStart="true"
                android:layout_below="@+id/layout_ejercicios"
                android:orientation="vertical">

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

                <EditText
                    android:id="@+id/textAreaInformacion"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@null"
                    android:gravity="top|start"
                    android:hint="Aqui..."
                    android:inputType="textMultiLine"
                    android:lines="6"
                    android:overScrollMode="always"
                    android:scrollHorizontally="false"
                    android:scrollbarStyle="insideInset"
                    android:scrollbars="vertical"
                    android:textAppearance="?android:attr/textAppearanceMedium" />
            </LinearLayout>

            <LinearLayout
                android:id="@+id/layout_info"
                android:layout_width="wrap_content"
                android:layout_height="65dp"
                android:layout_alignParentStart="true"
                android:layout_below="@+id/tool_bar"
                android:orientation="horizontal">

                <android.support.design.widget.TextInputLayout
                    android:id="@+id/horaInicio"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">

                    <EditText
                        android:id="@+id/etHoraInicio"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:ems="5"
                        android:hint="Hora inicio"
                        android:inputType="time"
                        android:maxLength="5"
                        android:textSize="25dp" />
                </android.support.design.widget.TextInputLayout>

                <android.support.design.widget.TextInputLayout
                    android:id="@+id/ubicacion"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:paddingLeft="50dp">

                    <EditText
                        android:id="@+id/etUbicacion"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:ems="7"
                        android:hint="Ubicacion"
                        android:inputType="text"
                        android:maxLength="20"
                        android:textSize="25sp" />
                </android.support.design.widget.TextInputLayout>
            </LinearLayout>
        </RelativeLayout>
    </android.support.design.widget.CoordinatorLayout>
</ScrollView>
  1. Remove FAB from inside the Linear Layout layout_ejercicios 从线性布局layout_ejercicios内部删除FAB
  2. Add FAB to Relative layout activity_crear_entrenamiento and set with android:layout_alignRight="@+id/layout_ejercicios" and android:layout_alignBottom="@+id/layout_ejercicios" 将FAB添加到相对布局activity_crear_entrenamiento并使用android:layout_alignRight =“ @ + id / layout_ejercicios”和android:layout_alignBottom =“ @ + id / layout_ejercicios”进行设置

Like this 像这样

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

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

    <LinearLayout
        android:id="@+id/layout_ejercicios"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/layout_info">

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

    </LinearLayout>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/layout_ejercicios"
        android:layout_alignRight="@+id/layout_ejercicios"
        android:layout_margin="16dp"
        android:src="@drawable/ic_action_name"
        app:layout_anchor="@id/layout_ejercicios"
        app:layout_anchorGravity="bottom|right|end" />

</RelativeLayout>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM