Tìm hiểu về animations trong hệ điều hành Android - Tailieu123.org

Tổng quan ..................................................................................................................................................... 4

Phần 1. Frame-by-Frame Animation ........................................................................................................... 4

1.1. Ví dụ về frame-by-frame animation ................................................................................................ 4

1.2. Tạo Activity ....................................................................................................................................... 5

1.3. Thêm Animation cho Activity .......................................................................................................... 5

Phần 2. Layout Animation ........................................................................................................................... 7

2.1. Các kiểu Tweening Animation cơ bản ............................................................................................. 8

2.2. Ví dụ về layout animation ................................................................................................................ 8

2.3. Tạo Activity và ListView .................................................................................................................. 9

2.4. Tạo animation cho ListView .......................................................................................................... 10

Phần 3. View Animation ............................................................................................................................ 12

3.1. Tìm hiểu View Animation .............................................................................................................. 12

3.2. Thêm Animation ............................................................................................................................. 14

3.3. Sử dụng camera để cảm nhận được độ sâu .................................................................................. 16

3.4. Lớp AnimationListener .................................................................................................................. 17

3.5. Một số chú ý về ma trận biến đổi .................................................................................................. 18

Tài liệu tham khảo ..................................................................................................................................... 20

Tổng quan

Animation (có thể dịch là hoạt ảnh) cho phép một đối tượng trên màn hình có thể thay đổi màu

sắc, vị trí, kích thước hay hướng của nó theo thời gian. Animation trong Android rất thiết thực,

vui nhộn và đơn giản vì vậy chúng được sử dụng rất thường xuyên.

Android 2.3 và các phiên bản trước đó hỗ trợ ba kiểu animation: frame-by-frame animation,

layout animation, view animation (hai kiểu sau thuộc loại tweening animation).

Android 3.0 và các bản sau đó đã tăng cường khả năng Animation trong Android bằng việc giới

thiệu khả năng tạo hiệu ứng động cho các thuộc tính của giao diện người dùng (UI).

Trong tài liệu này, chúng ta sẽ lần lượt tìm hiểu về ba kiểu animation frame-by-frame

animation, layout animation, view animation bằng việc phân tích chúng sâu hơn thông qua

các ví dụ.

Phần 1. Frame-by-Frame Animation

Frame-by-frame animation là quá trình đơn giản, hiển thị một chuỗi các hình ảnh liên tiếp

trong các khoảng thời gian ngắn để tạo ra hiệu ứng cuối cùng là đối tượng di chuyển hoặc thay

đổi. Nó cũng giống như hoạt động của các máy chiếu phim vậy.

1.1. Ví dụ về frame-by-frame animation

Hình bên mô tả các vòng tròn có cùng kích cỡ với một quả

bóng có màu trên mỗi vòng tròn. Chúng ta có thể tạo ra

một chuỗi các vòng tròn như vậy với quả bóng đặt tại các

vị trí khác nhau theo chu vi của vòng tròn. Khi bạn sử

dụng nhiều khung hình như trên, bạn có thể tạo ra hiệu

ứng giống như quả bóng di chuyển xung quanh vòng tròn

vậy. Trong phần dưới đây, chúng ta sử dụng tám hình ảnh

như vậy và chúng có tên dạng colored-ballN, được đặt

trong thư mục /res/drawable.

1.2. Tạo Activity

XML Layout cho ví dụ

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

<TextView android:id="@+id/textViewId1"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Debug Scratch Pad"

<Button

android:id="@+id/startFAButtonId"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="Start Animation"

<ImageView

android:id="@+id/imageView"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

</LinearLayout>

Activity để load ImageView

public class FrameAnimationActivity extends Activity {

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.frame_animations_layout);

}

Bạn có thể gọi activity này qua một intent như đoạn mã dưới đây,

Intent intent = new Intent(inActivity, FrameAnimationActivity.class);

inActivity.startActivity(intent);

1.3. Thêm Animation cho Activity

Trong Android, việc thực hiện frame-by-frame animation được thông qua một class trong gói đồ

họa có tên AnimationDrawable. Class Drawable cho phép animation bằng cách yêu cầu

container hoặc view của nó gọi một class Runnable cơ bản vẽ lại Drawable bằng cách sử dụng

một tập các tham số khác nhau. Chú ý rằng, bạn không cần biết chi tiết những thể hiện bên trong

nếu sử dụng class AnimationDrawable.

Để sử dụng class AnimationDrawable, đầu tiên chúng ta tạo file XML định nghĩa danh sách các

frame đặt trong /res/drawable

<?xml version="1.0" encoding="utf-8"?>

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"

android:oneshot="false">

</animation-list>

Các tag trong animation-list về cơ bản sẽ được chuyển thành các đối tượng AnimationDrawable

đại diện cho tập các hình ảnh. Sau đó, cần thiết lập Drawable này như là background resource

cho ImageView,

view.setBackgroundResource(Resource.drawable.schemasframe_animation);

Sau khi đã thiết lập, bạn có thể truy cập đối tượng AnimationDrawable như sau

Object backgroundObject = view.getBackground();

AnimationDrawable ad = (AnimationDrawable)backgroundObject;

Khi đã có đối tượng AnimationDrawable, ta có thể sử dụng hai phương thức start() và stop() để

bắt đầu hay kết thúc animation. Hai phương thức quan trọng khác là setOneShot() (chạy

animation một lần và sau đó dừng lại) và addFrame() (thêm một frame mới sử dụng một đối

tượng Drawable và thiết lập thời gian hiển thị của nó). Đặt chúng cạnh nhau trong một đoạn mã

hoàn chỉnh như sau

public class FrameAnimationActivity extends Activity {

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.frame_animations_layout);

this.setupButton();

}

private void setupButton()

{

Button b = (Button)this.findViewById(R.id.startFAButtonId);

b.setOnClickListener(

new Button.OnClickListener(){

public void onClick(View v)

{

parentButtonClicked(v);

}

});

}

android

animations

LÝ THUYẾT TOÁN

Kinh doanh - tiếp thị

Quản trị, internet, marketing

Giáo dục đào tạo

Các tài liệu, đề thi liên quan đến các môn học của học sinh và bài giảng của giáo viên

Công nghệ thông tin

Tài liệu lĩnh vực công nghệ thông tin

Học tiếng Anh

Các tài liệu liên quan đến học tiếng Anh