How to take a look at everything?

Question

I have activity and many widgets, some of them have animation, and because of the animation, some of the widgets move (translate) on top of each other. For example, a text view moves on some buttons.,.

Now I want the buttons to always be on the front panel. And when the text move is moving, I want to move the buttons.

I can not achieve this. I tried everything I know, and "bringToFront ()" definitelly "does not work.

note I don’t want to control the z-order in the order in which the element is placed in the layout, because I just can’t :), the layout is complicated, and I can’t put all the buttons when begging the layout

Answer 1

You can call the bringToFront () method on the view you want to get in front

That's an example:

yourView.bringToFront(); 

Answer 2

I looked through the stack overflow to find a good answer, and when I could not find it, I looked through the docs.

No one seems to have stumbled upon this simple answer:

 ViewCompat.setTranslationZ(view, translationZ); 

default translation z is 0.0

Answer 3

bringToFront() is the right way, but, NOTE, you must call the bringToFront() and invalidate() methods at the highest level (under the root view), for example:

Your view hierarchy:

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

So, when you animate your buttons (1-> 6), your buttons will be at the bottom (below) of the ImageView . To cast it (at the top) of the ImageView , you must call the bringToFront() and invalidate() LinearLayout on your LinearLayout s. Then it will work :) ** NOTE. Remember to set android:clipChildren="false" for the root layout or animated view gradparent_layout. Let's take a look at my real code:

.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> 

Some code in .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 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); 

Glitch!

Answer 4

An even simpler solution is to edit the XML operation. Use

 android:translationZ="" 

Answer 5

Try FrameLayout , it gives you the ability to place views one above the other. You can create two LinearLayouts : one with a background and one with a foreground view and combine them using FrameLayout . Hope this helps.

Answer 6

With this code in XML

  android:translationZ="90dp" 

Answer 7

There may be another way that saves a day. Just start a new dialog with the desired layout and just show it. I needed this to display a loadView above DialogFragment, and that was the only way to succeed.

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

bringToFront () may not work in some cases, like mine. But the contents of the dialog_top layout should override something at the ui level. But in any case, this is an ugly decision.

Answer 8

I ran into the same problem. The following solution worked for me.

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

2nd solution - using XML add this attribute to the XML view

 android:translationZ="" 

Answer 9

You can try using bringChildToFront , you can check if this documentation is useful in the Android Developers Page .

Answer 10

If you use ConstraintLayout , just place the element after other elements to make it in front than others

Answer 11

You need to use framelayout. And the best way to do this is to make the view invisible if it is not required. You also need to set the position for each view so that they move in accordance with the corresponding position.

Answer 12

If you use LinearLayout , you must call myView.bringToFront() and after calling parentView.requestLayout() and parentView.invalidate() to force the parent to redraw the new descendant order.

Answer 13

Arrange them in the order you want to show. Suppose you want to show view 1 on top of view 2. Then write code of view 2, and then code of view 1. If you cannot perform this ordering, then call the receiveToFront () method on the root representation of the layout that you want to bring forward.

Answer 14

You can set visibility to false for other views.

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

or

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

and install

 viewN.setVisibility(View.VISIBLE);