如何让视野呈现在一切事物面前？

Question

我有活动和很多小部件，其中一些有动画，并且由于动画，一些小部件正在相互移动（平移）。例如，文本视图在某些按钮上移动。 。 。

现在的问题是我希望按钮始终位于前面。当文本视图移动时，我想移动到按钮后面。

我无法实现这一目标，我尝试了我所知道的一切，并且“bringToFront()”肯定不起作用。

注意我不想通过将元素放置到布局的顺序来控制 z 顺序，因为我根本不能:)，布局很复杂，我无法将所有按钮放置在布局的开头

Answer 1

重叠视图的顺序实际上取决于 4 个因素：

1. 属性 android:elevation，以 dp/sp 为单位测量
2. 属性 android:translationZ 也以 dp/ 为单位测量sp。
3. 在约束布局中，视图在组件树中的放置顺序也是显示的顺序。
4. 您通过 kotlin/java 代码中的 view.bringToFront() 等方法以编程方式设置的顺序。

数字 1 和 2 相互竞争并优先于点 3 和 4：如果您为视图 1 和 translationZ="2dp" 设置 elevation="4dp"对于视图 2，视图 1 将始终位于顶部，无论数字 3 和 4 是什么。

Answer 2

如果您的最低 api 级别为 21，则可以使用 elevation 属性。并且您可以将视图重新排序到其他视图的底部，以将其置于前面。但如果其他视图的高度较高，它们将位于您的视图之上。

Answer 3

感谢 Stack 用户 this 解释，即使在 Android 4.1.1 上，我也能做到这一点。

((View)myView.getParent()).requestLayout();
myView.bringToFront();

在我的动态使用中，例如，我做了

public void onMyClick(View v)
     {
     ((View)v.getParent()).requestLayout();
     v.bringToFront();
     }

And Bamm ！

Answer 4

如果您使用的是LinearLayout，您应该调用myView.bringToFront()，然后调用parentView.requestLayout()和parentView .invalidate() 强制父级使用新的子级顺序重绘。

Answer 5

按照您想要显示的顺序排列它们。假设您想在视图 2 之上显示视图 1。然后编写视图 2 代码，然后编写视图 1 代码。如果您无法执行此排序，请对要置于前面的布局的根视图调用 BringToFront() 。

Answer 6

尝试使用 app:srcCompat 而不是 android:src

Answer 7

您需要使用框架布局。更好的方法是在不需要时使视图不可见。另外你需要为每个视图设置位置，这样它们就会根据相应的位置移动

Answer 8

您可以将其他视图的可见性设置为 false。

view1.setVisibility(View.GONE);
view2.setVisibility(View.GONE);
...

或

view1.setVisibility(View.INVISIBLE);
view2.setVisibility(View.INVISIBLE);
...

并设置

viewN.setVisibility(View.VISIBLE);

Answer 9

你可以在你想要的视图上调用bringToFront()，

这是一个例子：

    yourView.bringToFront();

Answer 10

在 xml 中使用此代码

 android:translationZ="90dp"

Answer 11

我一直在寻找堆栈溢出以找到一个好的答案，当我找不到答案时，我就查看了文档。

似乎还没有人偶然发现这个简单的答案：

ViewCompat.setTranslationZ(view, translationZ);

默认翻译 z 是 0.0

Answer 12

更简单的解决方案是编辑活动的 XML。使用

android:translationZ=""

Answer 13

bringToFront() 是正确的方法，但是，请注意，您必须在最高级别视图上调用 bringToFront() 和 invalidate() 方法（在你的根视图下），例如：

你的视图的层次结构是：

-RelativeLayout
|--LinearLayout1
|------Button1
|------Button2
|------Button3
|--ImageView
|--LinearLayout2
|------Button4
|------Button5
|------Button6

所以，当你用动画返回你的按钮（1->6）时，你的按钮将在ImageView下面（下面）。要将其置于 ImageView 上方（上方），您必须在 LinearLayout 上调用 bringToFront() 和 invalidate() 方法>s。然后就可以工作了:)
**注意：请记住为您的根布局或 animate-view 的 gradparent_layout 设置 android:clipChildren="false"。让我们看看我的真实代码：

.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:hw="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout_parent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/common_theme_color"
    android:orientation="vertical" >

    <com.binh.helloworld.customviews.HWActionBar
        android:id="@+id/action_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dimen_actionbar_height"
        android:layout_alignParentTop="true"
        hw:titleText="@string/app_name" >
    </com.binh.helloworld.customviews.HWActionBar>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/action_bar"
        android:clipChildren="false" >

        <LinearLayout
            android:id="@+id/layout_top"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >
        </LinearLayout>

        <ImageView
            android:id="@+id/imgv_main"
            android:layout_width="@dimen/common_imgv_height"
            android:layout_height="@dimen/common_imgv_height"
            android:layout_centerInParent="true"
            android:contentDescription="@string/app_name"
            android:src="@drawable/ic_launcher" />

        <LinearLayout
            android:id="@+id/layout_bottom"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:gravity="center_horizontal"
            android:orientation="horizontal" >
        </LinearLayout>
    </RelativeLayout>

</RelativeLayout>

.java 中的一些代码

private LinearLayout layoutTop, layoutBottom;
...
layoutTop = (LinearLayout) rootView.findViewById(R.id.layout_top);
layoutBottom = (LinearLayout) rootView.findViewById(R.id.layout_bottom);
...
//when animate back
//dragedView is my layoutTop's child view (i added programmatically) (like buttons in above example) 
dragedView.setVisibility(View.GONE);
layoutTop.bringToFront();
layoutTop.invalidate();
dragedView.startAnimation(animation); // TranslateAnimation
dragedView.setVisibility(View.VISIBLE);

GLuck！

Answer 14

如果您使用 ConstraintLayout，只需将该元素放在其他元素之后，使其比其他元素位于前面

Answer 15

尝试一下FrameLayout，它使您可以将视图放在另一个视图之上。您可以创建两个 LinearLayouts：一个具有背景视图，一个具有前景视图，并使用 FrameLayout 将它们组合起来。希望这有帮助。

Answer 16

我也遇到过同样的问题。
以下解决方案对我有用。

 FrameLayout glFrame=(FrameLayout) findViewById(R.id.animatedView);
        glFrame.addView(yourView);
        glFrame.bringToFront();
        glFrame.invalidate();

第二个解决方案是使用 xml 将此属性添加到视图 xml

android:translationZ=""

Answer 17

您可以尝试使用bringChildToFront，您可以检查这个文档在 Android 开发者页面。

Answer 18

还有另一种方法可以挽救局面。只需初始化一个具有所需布局的新对话框并显示它即可。我需要它在 DialogFragment 上显示 loadingView，这是我成功的唯一方法。

Dialog topDialog = new Dialog(this, android.R.style.Theme_Translucent_NoTitleBar);
topDialog.setContentView(R.layout.dialog_top);
topDialog.show();

BringToFront() 在某些情况下可能不起作用，比如我的。但是dialog_top布局的内​​容必须覆盖ui层上的任何内容。但无论如何，这是一个丑陋的解决方法。

Answer 19

您可以像这样使用 BindingAdapter：

@BindingAdapter("bringToFront")
public static void bringToFront(View view, Boolean flag) {
    if (flag) {
        view.bringToFront();
    }
}


  <ImageView
        ...
        app:bringToFront="@{true}"/>