Làm cách nào để tạo hoạt ảnh gợn sóng trong Ứng dụng Android của tôi?

Trước khi đi sâu vào mã, chúng ta nên biết hoạt ảnh gợn sóng trong Android là gì. Hoạt hình gợn sóng giống như động lượng của sóng. Trong android, nó xuất hiện trên các chế độ xem như Textview, Button, v.v. bằng cách sử dụng thuộc tính background.

Ví dụ này minh họa về cách tích hợp hoạt ảnh gợn sóng để xem.

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

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

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
   xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:app="https://schemas.android.com/apk/res-auto"
   xmlns:tools="https://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context=".MainActivity">
   <Button
      android:id="@+id/result"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Result Data"
      android:background="@drawable/rippple"
      android:textSize="20sp"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintLeft_toLeftOf="parent"
      app:layout_constraintRight_toRightOf="parent"
      app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

Trong đoạn mã trên, chúng tôi đã thêm một nút có mặt sau là gợn sóng.

Bước 3 - Tạo một tệp có thể vẽ dưới dạng ripple.xml và thêm mã sau

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="https://schemas.android.com/apk/res/android"
   xmlns:tools="https://schemas.android.com/tools"
   android:color="#f816a463"
   tools:targetApi="lollipop">
   <item android:id="@android:id/mask">
      <shape android:shape="rectangle">
         <solid android:color="#f816a463" />
      </shape>
   </item>
</ripple>

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 Chạy 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

Bây giờ hãy nhấp vào dữ liệu kết quả, nó sẽ hiển thị kết quả như hình dưới đây -