Cách tạo hoạt ảnh bằng tệp XML trong Ứng dụng Android bằng Kotlin?

Ví dụ này trình bày cách tạo hoạt ảnh bằng tệp XML trong Ứng dụng Android bằng Kotlin.

Bước 1 - Tạo một dự án mới trong Android Studio, vào Tệp? Dự án mới và điền tất cả các chi tiết bắt buộc để tạo một dự án mới.

Bước 2 - Thêm mã sau vào res / layout / activity_main.xml.

Ví dụ

<?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"
   android:padding="4dp"
   tools:context=".MainActivity">
<TextView
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerHorizontal="true"
   android:layout_marginTop="50dp"
   android:text="Tutorials Point"
   android:textAlignment="center"
   android:textColor="@android:color/holo_green_dark"
   android:textSize="32sp"
   android:textStyle="bold" />
<TextView
   android:textColor="@android:color/holo_purple"
   android:id="@+id/textView"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:text="Have a Wonderful day!"
   android:textSize="24sp"
   android:textStyle="bold" />
<Button
   android:layout_above="@id/buttonBlink"
   android:id="@+id/buttonZoom"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:text="Zoom" />
<Button
   android:id="@+id/buttonBlink"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_alignParentBottom="true"
   android:text="Blink" />
</RelativeLayout>

Bước 3 - Thêm mã sau vào src / MainActivity.kt

import android.os.Bundle
import android.view.View
import android.view.animation.Animation
import android.view.animation.AnimationUtils
import android.widget.Button
import android.widget.TextView
import androidx.appcompat.app.AppCompatActivity
class MainActivity : AppCompatActivity(), Animation.AnimationListener {
   private lateinit var textView: TextView
   private lateinit var buttonZoom: Button
   private lateinit var buttonBlink: Button
   private lateinit var zoom: Animation
   private lateinit var blink: Animation
   override fun onCreate(savedInstanceState: Bundle?) {
      super.onCreate(savedInstanceState)
      setContentView(R.layout.activity_main)
      title = "KotlinApp"
      textView = findViewById(R.id.textView)
      buttonZoom = findViewById(R.id.buttonZoom)
      buttonBlink = findViewById(R.id.buttonBlink)
      blink = AnimationUtils.loadAnimation(applicationContext, R.anim.blink)
      blink.setAnimationListener(this)
      zoom = AnimationUtils.loadAnimation(applicationContext, R.anim.zoom)
      zoom.setAnimationListener(this)
      buttonZoom.setOnClickListener {
         textView.visibility = View.VISIBLE
         textView.startAnimation(zoom)
      }
      buttonBlink.setOnClickListener {
         textView.visibility = View.VISIBLE
         textView.startAnimation(blink)
      }
   }
   override fun onAnimationStart(animation:Animation) {}
   override fun onAnimationEnd(animation1:Animation) {}
   override fun onAnimationRepeat(animation:Animation) {}
}

Bước 4 - Tạo thư mục tài nguyên android (động) và thêm tệp tài nguyên hoạt ảnh trong thư mục và thêm mã sau -

flash.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="https://schemas.android.com/apk/res/android">
<alpha
   android:duration="600"
   android:fromAlpha="0.0"
   android:interpolator="@android:anim/accelerate_interpolator"
   android:repeatCount="infinite"
   android:repeatMode="reverse"
   android:toAlpha="1.0" />
</set>

zoom.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="https://schemas.android.com/apk/res/android"
   android:fillAfter="true">
   <scale
      android:duration="1000"
      android:fromXScale="1"
      android:fromYScale="1"
      android:pivotX="50%"
      android:pivotY="50%"
      android:toXScale="3"
      android:toYScale="3">
   </scale>
</set>

Bước 5 - Thêm mã sau vào androidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android" package="com.example.q11">
   <application
      android:allowBackup="true"
      android:icon="@mipmap/ic_launcher"
      android:label="@string/app_name"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:supportsRtl="true"
      android:theme="@style/AppTheme">
      <activity android:name=".MainActivity">
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      </activity>
   </application>
</manifest>

Hãy thử chạy ứng dụng của bạn. Tôi giả sử bạn đã kết nối thiết bị Di động Android thực tế với máy tính của mình. Để chạy ứng dụng từ android studio, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào biểu tượng Run từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn, sau đó kiểm tra thiết bị di động sẽ hiển thị màn hình mặc định của bạn