Hide view animation android

Android: show/hide a view using an animation

I’ve been looking through many google results / questions on here to determine how to show/hide a view via a vertical animation, but I can’t seem to find one that’s exactly right or not too vague.

I have a layout (undo bar) that’s below another layout and above multiple other widgets; this undo bar should vertically slide open and slide closed, depending on the circumstances.

Currently all I do right now is set the view to be visible or gone.

9 Answers 9

Set the attribute android:animateLayoutChanges=»true» inside the parent layout .

Put the view in a layout if its not and set android:animateLayoutChanges=»true» for that layout.

NOTE: This works only from API Level 11+ (Android 3.0)

I created an extension for RelativeLayout that shows/hides Layouts with animations. It can extend any kind of View to gain these features.

You can override the original Animation s using overrideDefaultInAnimation and overrideDefaultOutAnimation

My original Animations were fadeIn/Out, I am adding XML animation files for Translating in/out of the screen (Translate to top and from top)

This can reasonably be achieved in a single line statement in API 12 and above. Below is an example where v is the view you wish to animate;

This will slide the View in question off to the left by 1000px. To slide the view back onto the UI we can simply do the following.

I hope someone finds this useful.

If you only want to animate the height of a view (from say 0 to a certain number) you could implement your own animation:

I have used this two function to hide and show view with transition animation smoothly.

Update: Here’s the example for this. If you have the height of your view as 50 and in the hide mode you want to show only 10 px. The sample code would be —

PS: There are lot’s or other methods there to help you use the animation according to your need. Also have a look at the RelativeLayout.LayoutParams if you want to completely customize the code, however using the TranslateAnimation is easier to use.

EDIT:-Complex version using LayoutParams

Источник

Hide/Show a View with slide up/down animation in Android

over 6 years ago

In android, we simply hide a view by setting its visibility. We can do this either in programming or in xml.
In programming (we can say in Activity, Fragment etc) there is setVisibility(int) method to set or control the visibility of the view.

In this tutorial, we will see, How to Hide/Show a View with slide up/down animation in Android.

Example:-
To make view visible:-

To hide the view:-

Note:- GONE:- hides the view, and it doesn’t take any space for layout purposes.
INVISIBLE:- hides the view, but it still takes up space for layout purposes.

To set visibility via xml we simply set the attribute android:visibility=»»
Example:-
To make view visible:-

To hide the view:-

Now we apply animation to set the visibility of a view.
1) Add view_hide.xml and view_show.xml in anim folder.
view_hide.xml

Now in the Activity class, declare two reference of Animation class

Initialize the references (animShow and animHide)

To show the view with slide up animation

To hide the view with slide down animation

Источник

Animate visibility of a view from gone to visible with animation

I have a view that is invisible by default(Just for the first time).

Now I need to switch the visibility to VISIBLE with this animation :

(Like the SnackBar default animation)

But this isn’t working. It will turn visible with default animation

Is there any simple way that I could achieve this?

Note

I’m animating my view to dismiss, like this:

5 Answers 5

You can do this using XML animation.

Create a slide-up animation XML using set and alpha and put this XML into your resource anim folder.

slide_up.xml

USE:

Use AnimationUtils.loadAnimation() to load animation from XML and set and start animation using .startAnimation() method.

Here is an example:

Hope this will help

Add animations using ConstraintLayout

Just add below code above the views whose visibility is updated:

• ConstraintLayout will only perform animation on its direct children since it only knows when you change layout parameters and constraints on the children that it handles.
• ConstraintLayout only animates layout related changes.

Источник

Add animation when hide «LinearLayout» (View.GONE) and show LinearLayout (View.VISIBLE)

Sorry for my English. I will try to explain what I want to do. I have a project. It can be downloaded at the link:

As you can see the screenshot:

The button «Hide/Show B layout» hides and shows the green container — «B layout». I want add animation top down when the container «B layout» is showing. And the animation from the bottom up when the container is hidden. Also, I want the blue container «C», gradually fell together with the container «B». And rising smoothly, together with the container «B». Please help me to do it.

Below duplicate my code:

MainActivity

4 Answers 4

I found a solution to the problem. Full lesson and source code can be downloaded here: click here

Or use the code below:

activity_main.xml

MainActivity.java

I faced a similar issue and this is the easiest solution I could find:

And make sure in the xml layout the parent has following attribute:

I think you can easily do this by using the AlphaAnimation class. Here is a similar question with an answer.

So I think what you’re looking for is how to hook up translate animations to show/hide a view as opposed to just setting the visibility instantly.

Take a look at Show and hide a View with a slide up/down animation. Instead of just setting the visibility, first you run the translate animations, then add the hooks to show or hide the view after they’re finished.

If you find that the bottom view is not moving, jump into your Android developer options and enable «Show layout bounds» then you can see the borders for views (animations don’t move the actual view bounds). To get the bottom view to animate as well it will also need an translate animation.

Источник

Hide view animation android

Android View Animations

One day, I saw an iOS library, which is a view shaker, it’s very beautiful. I think Android also need one, and should be better.

So, I started to collect animation effects. and in two days, this project born.

Since Version 2.0, NineOldAndroids has been removed. Thanks Jake Wharton.

For making animations more real, I created another project named Android Easing Functions which is an implementations of easing functions on Android. So, we need to dependent that project.

Just like play Yo-yo.

Flash , Pulse , RubberBand , Shake , Swing , Wobble , Bounce , Tada , StandUp , Wave

Hinge , RollIn , RollOut , Landing , TakingOff , DropOut

BounceIn , BounceInDown , BounceInLeft , BounceInRight , BounceInUp

FadeIn , FadeInUp , FadeInDown , FadeInLeft , FadeInRight

FadeOut , FadeOutDown , FadeOutLeft , FadeOutRight , FadeOutUp

FlipInX , FlipOutX , FlipOutY

RotateIn , RotateInDownLeft , RotateInDownRight , RotateInUpLeft , RotateInUpRight

RotateOut , RotateOutDownLeft , RotateOutDownRight , RotateOutUpLeft , RotateOutUpRight

SlideInLeft , SlideInRight , SlideInUp , SlideInDown

SlideOutLeft , SlideOutRight , SlideOutUp , SlideOutDown

ZoomIn , ZoomInDown , ZoomInLeft , ZoomInRight , ZoomInUp

ZoomOut , ZoomOutDown , ZoomOutLeft , ZoomOutRight , ZoomOutUp

Welcome contribute your amazing animation effect. 😀

YoYo is a toy, with a lot of Techniques.

(2013) A student in mainland China.

Welcome to offer me an internship. If you have any new idea about this project, feel free to contact me.

(2019) Five years later, now I become an investment associate in China.

Welcome to send your business plan to me. Maybe I would have a better understanding on your startup project than others. Trust me.

Источник