Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to create linear Image animation function in android

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 99
    Comment on it

    In the below example I have created linear animation function. Here I have added Button and ImageView in actvity_main.xml layout then I have created new directory (anim). In anim directory I have created linear.xml layout and In MainActivity I have used AnimationUtils.loadAnimation function and setOnClickListener method. You can see below program it will clearly describe you the Linear Image animation in android.

    Step(1)activity_main.xml-

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
    
    
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="horizontal">
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:orientation="vertical"
                android:gravity="bottom"
                android:layout_margin="30dp">
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/one"
                    android:id="@+id/image"
                    android:textColor="@color/colorAccent"
                    android:textStyle="italic"
                    android:textSize="25dp"/>
            </LinearLayout>
            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical">
                <Button
                    android:id="@+id/linear"
                    android:layout_marginTop="40dp"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:background="@color/colorAccent"
                    android:text="Click me"/>
    
                </LinearLayout>
            </LinearLayout>
        </LinearLayout>

    Step(2)-MainActivity-

    ublic class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            final Animation animLinear = AnimationUtils.loadAnimation(this, R.anim.linear);
            final ImageView text = (ImageView) findViewById(R.id.image);
            Button btnLinear = (Button) findViewById(R.id.linear);
    
            btnLinear.setOnClickListener(new Button.OnClickListener() {
    
                @Override
                public void onClick(View arg0) {
                    text.startAnimation(animLinear);
    
                }
            });
    
        }
    
    }

    Step(3)-In anim directory I have created linear.xml layout-

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/linear_interpolator">
        <translate
            android:fromYDelta="-100%p"
            android:toYDelta="0"
            android:duration="1800"/>
        
    </set>

     

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: