{"id":2510,"date":"2017-05-03T12:23:54","date_gmt":"2017-05-03T12:23:54","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=2510"},"modified":"2017-05-03T12:23:54","modified_gmt":"2017-05-03T12:23:54","slug":"how-to-perform-tween-animationslide-in-android","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/how-to-perform-tween-animationslide-in-android\/","title":{"rendered":"How to Perform Tween Animation(Slide) in Android"},"content":{"rendered":"<p>In this tutorial how to perform Slide Animation in Tween Animation in Android is shown.<\/p>\n<p>Points to Remember:<\/p>\n<ul>\n<li>For creating the slide.xml file you will have to first create anim folder under res folder.<\/li>\n<li>At the time of creating slide.xml file you can either select &#8216;scale&#8217; or &#8216;set&#8217; as Root Element.<\/li>\n<\/ul>\n<p>Code:<\/p>\n<p>activity_main.xml<\/p>\n<p>&lt;RelativeLayout xmlns:android=&#8221;http:\/\/schemas.android.com\/apk\/res\/android&#8221;<br \/>\nxmlns:tools=&#8221;http:\/\/schemas.android.com\/tools&#8221;<br \/>\nandroid:layout_width=&#8221;match_parent&#8221;<br \/>\nandroid:layout_height=&#8221;match_parent&#8221;<br \/>\nandroid:paddingBottom=&#8221;@dimen\/activity_vertical_margin&#8221;<br \/>\nandroid:paddingLeft=&#8221;@dimen\/activity_horizontal_margin&#8221;<br \/>\nandroid:paddingRight=&#8221;@dimen\/activity_horizontal_margin&#8221;<br \/>\nandroid:paddingTop=&#8221;@dimen\/activity_vertical_margin&#8221;<br \/>\ntools:context=&#8221;.MainActivity&#8221; &gt;<\/p>\n<p>&lt;ImageView<br \/>\nandroid:id=&#8221;@+id\/imageView1&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_centerHorizontal=&#8221;true&#8221;<br \/>\nandroid:layout_centerVertical=&#8221;true&#8221;<br \/>\nandroid:src=&#8221;@drawable\/tweenedanm&#8221; \/&gt;<\/p>\n<p>&lt;Button<br \/>\nandroid:id=&#8221;@+id\/b1&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_alignBottom=&#8221;@+id\/imageView1&#8243;<br \/>\nandroid:layout_centerHorizontal=&#8221;true&#8221;<br \/>\nandroid:layout_marginBottom=&#8221;24dp&#8221;<br \/>\nandroid:onClick=&#8221;onSlide&#8221;<br \/>\nandroid:text=&#8221;Slide&#8221; \/&gt;<\/p>\n<p>&lt;\/RelativeLayout&gt;<\/p>\n<p>res\/anim\/slide.xml<\/p>\n<p>&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243;?&gt;<br \/>\n&lt;set<br \/>\nxmlns:android=&#8221;http:\/\/schemas.android.com\/apk\/res\/android&#8221;<br \/>\nandroid:fillAfter=&#8221;true&#8221; &gt;<br \/>\n&lt;scale<br \/>\nandroid:duration=&#8221;500&#8243;<br \/>\nandroid:fromXScale=&#8221;1.0&#8243;<br \/>\nandroid:fromYScale=&#8221;1.0&#8243;<br \/>\nandroid:interpolator=&#8221;@android:anim\/linear_interpolator&#8221;<br \/>\nandroid:toXScale=&#8221;1.0&#8243;<br \/>\nandroid:toYScale=&#8221;0.0&#8243;\/&gt;<\/p>\n<p>&lt;\/set&gt;<\/p>\n<p>MainActivity.java<\/p>\n<p>package com.example.demo;<\/p>\n<p>import android.os.Bundle;<br \/>\nimport android.app.Activity;<br \/>\nimport android.view.Menu;<br \/>\nimport android.view.View;<br \/>\nimport android.view.animation.Animation;<br \/>\nimport android.view.animation.AnimationUtils;<br \/>\nimport android.widget.ImageView;<\/p>\n<p>public class MainActivity extends Activity{<\/p>\n<p>ImageView iv;<\/p>\n<p>@Override<br \/>\nprotected void onCreate(Bundle savedInstanceState) {<br \/>\nsuper.onCreate(savedInstanceState);<br \/>\nsetContentView(R.layout.activity_main);<br \/>\niv=(ImageView)findViewById(R.id.imageView1);<br \/>\n}<\/p>\n<p>public void onSlide(View v)<br \/>\n{<br \/>\nAnimation animation=AnimationUtils.loadAnimation(getApplicationContext(), R.anim.slide);<br \/>\niv.startAnimation(animation);<br \/>\n}<\/p>\n<p>@Override<br \/>\npublic boolean onCreateOptionsMenu(Menu menu) {<br \/>\n\/\/Inflate the menu; this adds items to the action bar if it is present.<br \/>\ngetMenuInflater().inflate(R.menu.main, menu);<br \/>\nreturn true;<br \/>\n}<br \/>\n}<\/p>\n<p><a href=\"https:\/\/youtu.be\/V6n5FqbG0zQ\">https:\/\/youtu.be\/V6n5FqbG0zQ<\/a><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"In this tutorial how to perform Slide Animation in Tween Animation in Android is shown. Points to Remember: For creating the slide.xml file you will have to first create anim folder under res folder. At the time of creating slide.xml file you can either select &#8216;scale&#8217; or &#8216;set&#8217; as Root Element. Code: activity_main.xml &lt;RelativeLayout xmlns:android=&#8221;http:\/\/schemas.android.com\/apk\/res\/android&#8221; xmlns:tools=&#8221;http:\/\/schemas.android.com\/tools&#8221; android:layout_width=&#8221;match_parent&#8221; android:layout_height=&#8221;match_parent&#8221; android:paddingBottom=&#8221;@dimen\/activity_vertical_margin&#8221; android:paddingLeft=&#8221;@dimen\/activity_horizontal_margin&#8221; android:paddingRight=&#8221;@dimen\/activity_horizontal_margin&#8221; android:paddingTop=&#8221;@dimen\/activity_vertical_margin&#8221; tools:context=&#8221;.MainActivity&#8221; &gt; &lt;ImageView android:id=&#8221;@+id\/imageView1&#8243; android:layout_width=&#8221;wrap_content&#8221; android:layout_height=&#8221;wrap_content&#8221; android:layout_centerHorizontal=&#8221;true&#8221; android:layout_centerVertical=&#8221;true&#8221; android:src=&#8221;@drawable\/tweenedanm&#8221; \/&gt; &lt;Button android:id=&#8221;@+id\/b1&#8243; android:layout_width=&#8221;wrap_content&#8221; android:layout_height=&#8221;wrap_content&#8221; android:layout_alignBottom=&#8221;@+id\/imageView1&#8243; android:layout_centerHorizontal=&#8221;true&#8221; android:layout_marginBottom=&#8221;24dp&#8221; android:onClick=&#8221;onSlide&#8221; android:text=&#8221;Slide&#8221; \/&gt; &lt;\/RelativeLayout&gt; res\/anim\/slide.xml &lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243;?&gt; &lt;set xmlns:android=&#8221;http:\/\/schemas.android.com\/apk\/res\/android&#8221; android:fillAfter=&#8221;true&#8221; &gt; &lt;scale android:duration=&#8221;500&#8243; android:fromXScale=&#8221;1.0&#8243; android:fromYScale=&#8221;1.0&#8243; android:interpolator=&#8221;@android:anim\/linear_interpolator&#8221; android:toXScale=&#8221;1.0&#8243; android:toYScale=&#8221;0.0&#8243;\/&gt; &lt;\/set&gt; MainActivity.java package com.example.demo; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ImageView; public class MainActivity extends <!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62],"tags":[102,103],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2510"}],"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=2510"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2510\/revisions"}],"predecessor-version":[{"id":2512,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2510\/revisions\/2512"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=2510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=2510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=2510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}