ตัวอย่างนี้สาธิตเกี่ยวกับวิธีแสดง ภาพเคลื่อนไหวมุมมองสั่น / วอกแวกใน 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 จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
ตอนนี้คลิกที่ปุ่มเพื่อเขย่าภาพพื้นหลังดังที่แสดงด้านล่าง -