Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

จะแสดงแอนิเมชั่นมุมมองสั่น / วอกแวกใน Android ได้อย่างไร?


ตัวอย่างนี้สาธิตเกี่ยวกับวิธีแสดง ภาพเคลื่อนไหวมุมมองสั่น / วอกแวกใน Android

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน 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 = "300dp" />
</RelativeLayout>

ในโค้ดด้านบนนี้ เราได้นำปุ่มแสดงภาพเคลื่อนไหวการสั่นสำหรับการดูภาพ

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java

package com.example.andy.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.ScaleAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {
   ImageView view;
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      view = findViewById(R.id.imageView);
      findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Animation animShake = AnimationUtils.loadAnimation(MainActivity.this, R.anim.shake);
            view.startAnimation(animShake);
         }
      });
   }
}

ในโค้ดด้านบน เมื่อผู้ใช้คลิกที่ปุ่ม มันจะเขย่า imageview โดยใช้การสั่นแอนิเมชั่น เพื่อที่เราต้องสร้างไฟล์ชื่อ shake.xml ในโฟลเดอร์ anim เพิ่มโค้ดต่อไปนี้ใน shake.xml -

<?xml version = "1.0" encoding = "utf-8"?>
<set xmlns:android = "https://schemas.android.com/apk/res/android">
   <translate android:duration = "150"
      android:fromXDelta = "-10%"
      android:repeatCount = "5"
      android:repeatMode = "reverse"
      android:toXDelta = "10%"/>
</set>

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

จะแสดงแอนิเมชั่นมุมมองสั่น / วอกแวกใน Android ได้อย่างไร?

ตอนนี้คลิกที่ปุ่มเพื่อเขย่าภาพพื้นหลังดังที่แสดงด้านล่าง -

จะแสดงแอนิเมชั่นมุมมองสั่น / วอกแวกใน Android ได้อย่างไร?