ตัวอย่างนี้สาธิตวิธีการหมุนรูปภาพอย่างราบรื่นใน Android
ขั้นตอนที่ 1 - สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 - เพิ่มโค้ดต่อไปนี้ใน res/layout/activity_main.xml
<?xml version = "1.0" encoding = "utf-8"?> <LinearLayout xmlns:android = "https://schemas.android.com/apk/res/android" android:id = "@+id/parent" xmlns:tools = "https://schemas.android.com/tools" android:layout_width = "match_parent" android:layout_height = "match_parent" tools:context = ".MainActivity" android:gravity = "center" android:orientation = "vertical"> <TextView android:id = "@+id/text" android:textSize = "18sp" android:textAlignment = "center" android:text = "rorate image" android:layout_width = "match_parent" android:layout_height = "wrap_content" /> <ImageView android:id = "@+id/rotateImage" android:layout_width = "match_parent" android:layout_marginTop = "10dp" android:layout_height = "wrap_content" android:src = "@mipmap/ic_launcher" android:layerType = "software" /> </LinearLayout>
ในโค้ดด้านบน เราได้ใช้มุมมองข้อความและมุมมองรูปภาพ เมื่อคุณคลิกที่มุมมองข้อความ รูปภาพจะหมุนในทิศทางของนาฬิกา
ขั้นตอนที่ 3 - เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
package com.example.andy.myapplication; import android.os.Build; import android.os.Bundle; import android.support.annotation.RequiresApi; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.view.animation.Animation; import android.view.animation.LinearInterpolator; import android.view.animation.RotateAnimation; import android.widget.ImageView; import android.widget.TextView; public class MainActivity extends AppCompatActivity { int view = R.layout.activity_main; TextView text; ImageView image; @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN) @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(view); text = findViewById(R.id.text); image = findViewById(R.id.rotateImage); text.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { RotateAnimation rotate = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotate.setDuration(5000); rotate.setInterpolator(new LinearInterpolator()); image.startAnimation(rotate); } }); } }
ในโค้ดด้านบนนี้ เราได้ใช้คลาส Rotate Animation มันเป็นคลาสที่กำหนดไว้ล่วงหน้าใน Android ในการหมุนภาพโดยใช้รหัสด้านล่าง -
RotateAnimation rotate = new RotateAnimation(0, 180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); rotate.setDuration(5000); rotate.setInterpolator(new LinearInterpolator()); image.startAnimation(rotate);
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -
ในโค้ดด้านบนจะแสดงหน้าจอเริ่มต้นเมื่อผู้ใช้คลิกดูข้อความจะหมุนภาพดังที่แสดงด้านล่าง -