You can also perform fade in and fade out\u00a0separately, for that you will have to create another file in anim folder, and don’t write the ‘android:startOffset’ property in this file else it will start the fade out\u00a0after some delay.<\/li>\n<\/ul>\nactivity_main.xml<\/p>\n
<RelativeLayout xmlns:android=”http:\/\/schemas.android.com\/apk\/res\/android”
\nxmlns:tools=”http:\/\/schemas.android.com\/tools”
\nandroid:layout_width=”match_parent”
\nandroid:layout_height=”match_parent”
\nandroid:paddingBottom=”@dimen\/activity_vertical_margin”
\nandroid:paddingLeft=”@dimen\/activity_horizontal_margin”
\nandroid:paddingRight=”@dimen\/activity_horizontal_margin”
\nandroid:paddingTop=”@dimen\/activity_vertical_margin”
\ntools:context=”.MainActivity” ><\/p>\n
<ImageView
\nandroid:id=”@+id\/imageView1″
\nandroid:layout_width=”wrap_content”
\nandroid:layout_height=”wrap_content”
\nandroid:layout_centerHorizontal=”true”
\nandroid:layout_centerVertical=”true”
\nandroid:src=”@drawable\/tweenedanm” \/><\/p>\n
<Button
\nandroid:id=”@+id\/b1″
\nandroid:layout_width=”wrap_content”
\nandroid:layout_height=”wrap_content”
\nandroid:layout_alignBottom=”@+id\/imageView1″
\nandroid:layout_centerHorizontal=”true”
\nandroid:layout_marginBottom=”14dp”
\nandroid:onClick=”onFade”
\nandroid:text=”Fade” \/><\/p>\n
<\/RelativeLayout><\/p>\n
res\/anim\/fade.xml<\/p>\n
<?xml version=”1.0″ encoding=”utf-8″?>
\n<set
\nxmlns:android=”http:\/\/schemas.android.com\/apk\/res\/android”
\nandroid:interpolator=”@android:anim\/accelerate_interpolator”>
\n<alpha
\nandroid:fromAlpha=”0″
\nandroid:toAlpha=”1″
\nandroid:duration=”2000″\/><\/p>\n
<alpha
\nandroid:fromAlpha=”1″
\nandroid:toAlpha=”0″
\nandroid:startOffset=”2000″
\nandroid:duration=”2000″\/><\/p>\n
<\/set><\/p>\n
<\/p>\n
MainActivity.java<\/p>\n
package com.example.demo;<\/p>\n
import android.os.Bundle;
\nimport android.app.Activity;
\nimport android.view.Menu;
\nimport android.view.View;
\nimport android.view.animation.Animation;
\nimport android.view.animation.AnimationUtils;
\nimport android.widget.ImageView;<\/p>\n
public class MainActivity extends Activity{<\/p>\n
ImageView iv;<\/p>\n
@Override
\nprotected void onCreate(Bundle savedInstanceState) {
\nsuper.onCreate(savedInstanceState);
\nsetContentView(R.layout.activity_main);
\niv=(ImageView)findViewById(R.id.imageView1);
\n}<\/p>\n
public void onFade(View v)
\n{
\nAnimation animation=AnimationUtils.loadAnimation(getApplicationContext(), R.anim.fade);
\niv.startAnimation(animation);
\n}<\/p>\n
@Override
\npublic boolean onCreateOptionsMenu(Menu menu) {
\n\/\/Inflate the menu; this adds items to the action bar if it is present.
\ngetMenuInflater().inflate(R.menu.main, menu);
\nreturn true;
\n}
\n}<\/p>\n
https:\/\/youtu.be\/vSwVg7u9Az0<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"In this tutorial how to perform Fade In and Fade Out\u00a0in Tween Animation in Android is shown. Points to Remember: For creating the fade.xml file you will have to first create anim folder under res folder. At the time of creating fade.xml file you can either select ‘alpha’ or ‘set’ as Root Element. You can also perform fade in and fade out\u00a0separately, for that you will have to create another file in anim folder, and don’t write the ‘android:startOffset’ property in this file else it will start the fade out\u00a0after some delay. activity_main.xml <RelativeLayout xmlns:android=”http:\/\/schemas.android.com\/apk\/res\/android” xmlns:tools=”http:\/\/schemas.android.com\/tools” android:layout_width=”match_parent” android:layout_height=”match_parent” android:paddingBottom=”@dimen\/activity_vertical_margin” android:paddingLeft=”@dimen\/activity_horizontal_margin” android:paddingRight=”@dimen\/activity_horizontal_margin” android:paddingTop=”@dimen\/activity_vertical_margin” tools:context=”.MainActivity” > <ImageView android:id=”@+id\/imageView1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_centerHorizontal=”true” android:layout_centerVertical=”true” android:src=”@drawable\/tweenedanm” \/> <Button android:id=”@+id\/b1″ android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:layout_alignBottom=”@+id\/imageView1″ android:layout_centerHorizontal=”true” android:layout_marginBottom=”14dp” android:onClick=”onFade” ","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62],"tags":[99,98],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2502"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=2502"}],"version-history":[{"count":3,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2502\/revisions"}],"predecessor-version":[{"id":2507,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2502\/revisions\/2507"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=2502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=2502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=2502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}