按钮始终显示在 FrameLayout 的顶部

Posted 2023-04-14

【中文标题】按钮始终显示在 FrameLayout 的顶部

【英文标题】：Button always displays on top in FrameLayout

【发布时间】：2015-11-25 06:02:37

【问题描述】：

我有这样的 FrameLayout：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

    <Button
        android:layout_
        android:layout_
        android:onClick="changeColor"
        android:text="new button"/>

    <TextView
        android:layout_
        android:layout_
        android:text="some text"/>

</FrameLayout>

问题是按钮显示在顶部，而 FrameLayout 类概述告诉我们：“子视图绘制在堆栈中，最近添加的子视图位于顶部”。

【问题讨论】：

你可以使用线性布局

Incorrect overlay behavior in FrameLayout的可能重复

【参考方案1】：

This answer

Lollipop 及更高版本中的按钮具有默认高度 导致他们总是在上面画画。您可以通过覆盖来更改它 默认的 StateListAnimator。

尝试将其放入您的按钮 XML：

android:stateListAnimator="@null"

FrameLayout 现在应该覆盖 按钮。

【讨论】：

你拯救了我的一天。这种东西应该更好地宣传。

这个答案救了我。但我更愿意将 android 使用的系统按钮高度添加到框架布局中的其他视图中。我怎样才能获得 android 正在设置的按钮高度 dp 值？

在我的测试中，这消除了非常好的默认按钮阴影。

是的，这会删除使用高程的动画。你的按钮现在变成了一个简单的 ImageView。正确的解决方案是将其他项目的高度调整为高于您接受答案的按钮。

【参考方案2】：

在 Android 5.0 (API 21) 及更高版本中，您必须将 android:elevation 添加到视图中。

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

    <Button
        android:layout_
        android:layout_
        android:onClick="changeColor"
        android:text="new button"/>

    <TextView
        android:layout_
        android:layout_
        android:text="some text"
        android:elevation="3dp"/>

【参考方案3】：

将您的Button 放入FrameLayout

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

    <FrameLayout
        android:layout_
        android:layout_>

        <Button
            android:layout_
            android:layout_
            android:text="new button" />
    </FrameLayout>

    <TextView
        android:layout_
        android:layout_
        android:text="some text" />
</RelativeLayout>

【参考方案4】：

正如官方 android 文档指出的那样：

FrameLayout 被设计为在屏幕上屏蔽一个区域显示 单个项目。 一般情况下，应使用 FrameLayout 来容纳单个项目。 子视图，因为在一个子视图中组织子视图可能很困难 在没有孩子的情况下可扩展到不同屏幕尺寸的方式 相互重叠。但是，您可以将多个孩子添加到 FrameLayout 并通过以下方式控制它们在 FrameLayout 中的位置 使用 android:layout_gravity 为每个孩子分配重力 属性。

最好将Button 和Textview 放在RelativeLayout 中的FrameLayout 中，例如：

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>
    <RelativeLayout
        android:layout_
        android:layout_>
        <TextView
            android:id="@+id/textView1"
            android:layout_
            android:layout_
            android:text="some text"/>
        <Button
            android:id="@+id/button1"
            android:layout_below="@+id/textView1"
            android:layout_
            android:layout_
            android:onClick="changeColor"
            android:text="new button"/>
        <RelativeLayout>
    </FrameLayout>

【参考方案5】：

显然 android:stateListAnimator="@null" 仅适用于 API = 21 或更高版本， 所以对于那些以 API

<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_>
    <FrameLayout
    android:layout_
    android:layout_>
        <Button
            android:layout_
            android:layout_
            android:onClick="changeColor"
            android:text="new button"/>
    </FrameLayout>
    <TextView
        android:layout_
        android:layout_
        android:text="some text"/>
</FrameLayout>

【参考方案6】：

FrameLayout 应该用于保存single child view，因为在没有子级相互重叠的情况下，很难以可扩展到不同屏幕尺寸的方式组织子视图。

您应该在 FrameLayout 中使用 LinearLayout 或 RelativeLayout 。 像这样

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

   <RelativeLayout
    android:layout_
    android:layout_>

    <Button
        android:layout_
        android:layout_
        android:onClick="changeColor"
        android:text="new button"/>

    <TextView
        android:layout_
        android:layout_
        android:text="some text"/>
   </RelativeLayout>

</FrameLayout>

【讨论】：

为什么这么难？您可以按照他们在xml中获得的顺序吗？这就是文档解释它的方式。我只是知道它是如何工作的。为什么它与按钮和图像视图不同。它甚至不应该知道这一点。

【参考方案7】：

对于 API

<android.support.constraint.ConstraintLayout
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_>

<FrameLayout
    android:layout_
    android:layout_
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    >
    <Button
        android:id="@+id/my_daybutton"
        android:layout_
        android:layout_
        android:background="@drawable/cal_button_background"
        android:textColor="@color/colorPrimaryDark"
        android:gravity="start|top"
        android:paddingTop="2dp"
        android:paddingStart="2dp"
        android:paddingEnd="2dp"
        />
</FrameLayout>

<FrameLayout
    android:layout_
    android:layout_
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    >
    <TextView
        android:layout_
        android:layout_
        android:text="bla"
        android:textSize="9sp"
        android:textColor="@android:color/holo_red_dark"
        android:layout_gravity="bottom|end"
        />
</FrameLayout>

【参考方案8】：

只需将高程 FrameLayout 或任何您要加载片段的父级放在那里

android:elevation="@dimen/dimen_20"

<FrameLayout
    android:layout_
    android:layout_
    android:id="@+id/ready_to_scan"
    app:layout_constraintTop_toTopOf="parent"
    android:elevation="@dimen/dimen_20"
    app:layout_constraintBottom_toBottomOf="parent"/>