Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> Android

Android में सेंटर पॉइंट के सापेक्ष इमेज स्केल एनिमेशन कैसे करें?

यह उदाहरण Android में सेंटर पॉइंट के सापेक्ष इमेज स्केल एनिमेशन के बारे में है।

इमेज स्केल (जूम) एनिमेशन का उदाहरण

चरण 1 - नया प्रोजेक्ट बनाएं

Android Studio में एक नया प्रोजेक्ट बनाएं: File → New Project पर जाएं और आवश्यक विवरण भरें।

चरण 2 - लेआउट XML में कोड जोड़ें

res/layout/activity_main.xml में निम्नलिखित कोड जोड़ें:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/button"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="100dp"
        android:layout_width="150dp"
        android:text="Click"
        android:layout_height="wrap_content"/>
    <ImageView
        android:id="@+id/imageView"
        android:src="@mipmap/ic_launcher_round"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</RelativeLayout>

उपरोक्त कोड में, हमने इमेज स्केलिंग एनिमेशन (जूम एनिमेशन) दिखाने के लिए बटन लिया है।

चरण 3 - MainActivity.java में कोड जोड़ें

src/MainActivity.java में निम्नलिखित कोड जोड़ें:

package com.example.andy.myapplication;

import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.ScaleAnimation;
import android.widget.Button;
import android.widget.ImageView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    private ImageView view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        view = findViewById(R.id.imageView);
        view.setVisibility(View.INVISIBLE);
        
        findViewById(R.id.button).setOnClickListener(v -> {
            ScaleAnimation fade_in = new ScaleAnimation(
                0f, 1f, 0f, 1f,
                Animation.RELATIVE_TO_SELF, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f);
            fade_in.setDuration(1000);
            fade_in.setFillAfter(true);
            view.startAnimation(fade_in);
        });
    }
}

जब उपयोगकर्ता बटन पर क्लिक करता है, तो यह निम्नलिखित कोड का उपयोग करके इमेज स्केलिंग एनिमेशन दिखाएगा:

ScaleAnimation fade_in = new ScaleAnimation(
    0f, 1f, 0f, 1f,
    Animation.RELATIVE_TO_SELF, 0.5f,
    Animation.RELATIVE_TO_SELF, 0.5f);
fade_in.setDuration(1000);
fade_in.setFillAfter(true);
view.startAnimation(fade_in);

ऐप चलाएं

अपने Android डिवाइस को कंप्यूटर से कनेक्ट करें और ऐप चलाएं। बटन पर क्लिक करने पर, इमेज जूमिंग इफेक्ट के साथ दिखाई देगी।

  1. एंड्रॉइड में स्मूथ इमेज रोटेशन कैसे बनाएं? एंड्रॉइड में स्मूथ इमेज रोटेशन कैसे बनाएं?

    एंड्रॉइड में XML एनिमेशन से स्मूथ इमेज रोटेशन यह उदाहरण दिखाता है कि res/anim/ फोल्डर में XML एनिमेशन परिभाषित करके इमेज को स्मूथली कैसे घुमाया जाता है। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में File → New Project चुनकर नया प्रोजेक्ट बनाएं। चरण 2: लेआउट XML res/layout/activity_main.xml: <?x

  1. Android में लेफ्ट-टू-राइट स्लाइड एनिमेशन कैसे बनाएं? Android में लेफ्ट-टू-राइट स्लाइड एनिमेशन कैसे बनाएं?

    TransitionManager और Slide ट्रांजिशन का उपयोग करके व्यू को स्लाइड एनिमेशन के साथ दिखाने/छिपाने का तरीका। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में नया प्रोजेक्ट बनाएं। चरण 2: लेआउट res/layout/activity_main.xml: <?xml version=1.0 encoding=utf-8?> <RelativeLayout xmlns:android=https://s

  1. Android में ImageView में इमेज को एस्पेक्ट रेशियो बनाए रखते हुए कैसे स्केल करें? Android में ImageView में इमेज को एस्पेक्ट रेशियो बनाए रखते हुए कैसे स्केल करें?

    यह उदाहरण दर्शाता है कि Android में ImageView में इमेज को एस्पेक्ट रेशियो (aspect ratio) बनाए रखते हुए कैसे स्केल किया जाता है। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में File → New Project पर जाएं और सभी आवश्यक विवरण भरकर एक नया प्रोजेक्ट बनाएं। चरण 2: लेआउट XML में कोड जोड़ें res/layout/activ