Question

我目前正在创建一个屏幕供用户输入一些信息。

屏幕的基本结构是可折叠的工具栏，带有一堆文本输入布局的嵌套滚动视图和底部的粘滞按钮以进入下一个屏幕。

我现在的问题是最后一个文本输入布局位于底部按钮后面，只有在聚焦任何文本输入布局后才显示最后一个文本输入布局

这是我的xml布局：

<?xml version="1.0" encoding="utf-8"?>
<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">

<Button
    android:id="@+id/btn_done"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:background="@android:color/holo_blue_light"
    android:text="Next"
    android:textColor="@android:color/white" />

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@id/btn_done"
    android:layout_alignParentTop="true">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="220dp"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            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">


            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_collapseMode="pin"
                app:layout_scrollFlags="scroll|enterAlways"
                app:title="NestedScrollview" />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>


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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:focusable="true"
            android:focusableInTouchMode="true"
            android:orientation="vertical">

            <android.support.design.widget.TextInputLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:layout_marginTop="8dp">

                <android.support.design.widget.TextInputEditText
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="Input" />

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

            <!-- repeat the above text input layout until it fills the screen -->

            <android.support.design.widget.TextInputLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="8dp"
                android:layout_marginTop="8dp">

                <android.support.design.widget.TextInputEditText
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:hint="HiddenInput" />

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

            <!-- this is the last text input layout that disappears behind the button -->

        </LinearLayout>

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

结果如下：

最后一个文本输入布局，提示＆＃34; HiddenInput＆＃34;没有显示 - 它只是消失在按钮后面。但在聚焦任何文本输入布局后，突然显示最后一个文本输入布局：

当协调器布局，嵌套滚动视图和文本输入布局组合使用时，这似乎是一个问题。我试过例如：

没有协调员布局的同一屏幕：最后一个输入显示为预期
与文本视图相同的屏幕而不是文本输入布局：上一个视图按预期显示

这有什么解决方法吗？或者以不同的方式实现xml结构相同的目标？或者我只是缺少一些xml属性？

嵌套滚动视图内容，按钮后面有文本输入布局

0 个答案: