Đôi khi bạn không muốn một hình ảnh xuất hiện đột ngột trên màn hình, thay vào đó bạn muốn áp dụng một số loại hoạt hình cho hình ảnh khi nó chuyển từ hình ảnh này sang hình ảnh khác. Điều này được hỗ trợ bởi khoá học lập trình Android ở hà nội dưới dạng ImageSwitcher.
Trình chuyển đổi hình ảnh cho phép bạn thêm một số hiệu ứng chuyển tiếp trên hình ảnh thông qua cách chúng xuất hiện trên màn hình.
Trình chuyển đổi hình ảnh cho phép bạn thêm một số hiệu ứng chuyển tiếp trên hình ảnh thông qua cách chúng xuất hiện trên màn hình.
![]() |
| Khóa đào tạo lập trình Android ở hà nội |
Để sử dụng Trình chuyển đổi hình ảnh, trước tiên bạn cần xác định thành phần XML của nó. Cú pháp của nó được đưa ra dưới đây
Điều tiếp theo chúng ta cần thực hiện giao diện ViewFactory và thực hiện phương thức chưa thực hiện để trả về một imageView. Cú pháp của nó là bên dưới
Ngoài các phương thức này, còn có các phương thức khác được định nghĩa trong lớp ImageSwitcher. Chúng được định nghĩa dưới đây
Ví dụ dưới đây cho thấy một số hiệu ứng chuyển đổi hình ảnh trên bitmap. Nó tạo ra một ứng dụng cơ bản cho phép bạn xem các hiệu ứng hoạt hình trên hình ảnh.
Để thử nghiệm với ví dụ này, khoá học lập trình Android ở hà nội bạn cần chạy nó trên một thiết bị thực tế.
Sau đây là nội dung của tệp hoạt động chính được sửa đổi src / MainActivity.java .
Trong đoạn mã dưới đây, tp và abc biểu thị logo của tutspoint.com
Sau đây là nội dung của tệp String.xml .
Để chạy ứng dụng từ studio Android, 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ụ.
khoá học lập trình Android ở hà nội studio cài đặt ứng dụng trên AVD của bạn và khởi động nó và nếu mọi thứ đều ổn với thiết lập và ứng dụng của bạn, nó sẽ hiển thị theo cửa sổ Trình mô phỏng
Bây giờ nếu bạn nhìn vào màn hình thiết bị của mình, bạn sẽ thấy hai nút.
Bây giờ chỉ cần chọn nút trên đó mũi tên phải. Một hình ảnh sẽ xuất hiện từ bên phải và di chuyển sang trái. Nó được hiển thị dưới đây
Bây giờ chạm vào nút bên dưới, điều đó sẽ mang lại hình ảnh trước đó với một số chuyển đổi. Nó được hiển thị dưới đây
<ImageSwitcher android:id="@+id/imageSwitcher1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" > </ImageSwitcher>Bây giờ chúng tôi tạo ra một ý định của ImageSwithcer trong tệp java và lấy tham chiếu của thành phần XML này. Cú pháp của nó được đưa ra dưới đây
private ImageSwitcher imageSwitcher;
imageSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher1);
imageSwitcher.setImageResource(R.drawable.ic_launcher); imageSwitcher.setFactory(new ViewFactory() { public View makeView() { ImageView myView = new ImageView(getApplicationContext()); return myView; } }Điều cuối cùng bạn cần làm là thêm Animation vào ImageSwitcher. Bạn cần xác định một đối tượng của lớp Animation thông qua lớp AnimationUtilities bằng cách gọi loadAnimation của phương thức tĩnh. Cú pháp của nó được đưa ra dưới đây
Animation in = AnimationUtils.loadAnimation(this,android.R.anim.slide_in_left); imageSwitcher.setInAnimation(in); imageSwitcher.setOutAnimation(out);Phương thức setInAnimaton thiết lập hình ảnh động về sự xuất hiện của đối tượng trên màn hình trong khi setOutAnimation thì ngược lại. Phương thức loadAnimation () tạo một đối tượng hoạt hình.
Ngoài các phương thức này, còn có các phương thức khác được định nghĩa trong lớp ImageSwitcher. Chúng được định nghĩa dưới đây
| Không. | Phương pháp & mô tả |
|---|---|
| 1 | setImageDrawable (Drawable drawable) Đặt một hình ảnh với trình chuyển đổi hình ảnh. Hình ảnh được truyền dưới dạng bitmap |
| 2 | setImageResource (int dư) Đặt một hình ảnh với trình chuyển đổi hình ảnh. Hình ảnh được truyền dưới dạng id số nguyên |
| 3 | setImageURI (Uri uri) Đặt một hình ảnh với trình chuyển đổi hình ảnh. Hình ảnh này được truyền dưới dạng URI |
| 4 | ImageSwitcher (Bối cảnh bối cảnh, Attrs Set Attrs) Trả về một đối tượng trình chuyển đổi hình ảnh với việc thiết lập một số thuộc tính được truyền trong phương thức |
| 5 | onInitializeAccessibilityEvent (sự kiện AccessEvent) Khởi tạo một AccessEvent với thông tin về Chế độ xem này là nguồn sự kiện |
| 6 | onInitializeAccessibilityNodeInfo (thông tin AccessNodeInfo) Khởi tạo một AccessNodeInfo với thông tin về chế độ xem này |
Để thử nghiệm với ví dụ này, khoá học lập trình Android ở hà nội bạn cần chạy nó trên một thiết bị thực tế.
| Các bước | Sự miêu tả |
|---|---|
| 1 | Bạn sẽ sử dụng IDE studio Android để tạo ứng dụng Android theo gói com.example.sairamkrishna.myapplication. |
| 2 | Sửa đổi tệp src / MainActivity.java để thêm mã cần thiết. |
| 3 | Sửa đổi res / layout / Activity_main để thêm các thành phần XML tương ứng |
| 4 | Chạy ứng dụng và chọn một thiết bị Android đang chạy và cài đặt ứng dụng trên đó và xác minh kết quả |
Trong đoạn mã dưới đây, tp và abc biểu thị logo của tutspoint.com
package com.example.sairamkrishna.myapplication; import android.app.Activity; import android.app.ActionBar.LayoutParams; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ImageSwitcher; import android.widget.ImageView; import android.widget.Toast; import android.widget.ViewSwitcher.ViewFactory; public class MainActivity extends Activity { private ImageSwitcher sw; private Button b1,b2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); b1 = (Button) findViewById(R.id.button); b2 = (Button) findViewById(R.id.button2); sw = (ImageSwitcher) findViewById(R.id.imageSwitcher); sw.setFactory(new ViewFactory() { @Override public View makeView() { ImageView myView = new ImageView(getApplicationContext()); myView.setScaleType(ImageView.ScaleType.FIT_CENTER); myView.setLayoutParams(new ImageSwitcher.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); return myView; } }); b1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getApplicationContext(), "previous Image", Toast.LENGTH_LONG).show(); sw.setImageResource(R.drawable.abc); } }); b2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getApplicationContext(), "Next Image", Toast.LENGTH_LONG).show(); sw.setImageResource(R.drawable.tp); } }); } }Sau đây là nội dung được sửa đổi của xml res / layout / Activity_main.xml.
Sau đây là nội dung của tệp String.xml .
<resources> <string name="app_name">My Application</string> <string name="left"><![CDATA[<]]></string> <string name="right"><![CDATA[>]]></string> </resources>Sau đây là nội dung của tệp khoá học lập trình Android ở hà nội Manifest.xml .
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.sairamkrishna.myapplication" <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name="com.example.sairamkrishna.myapplication.MainActivity" android:label="@string/app_name" > <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, chúng tôi vừa sửa đổi. Tôi giả sử bạn đã tạo AVD của mình trong khi thực hiện thiết lập môi trường.
Để chạy ứng dụng từ studio Android, 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ụ.
khoá học lập trình Android ở hà nội studio cài đặt ứng dụng trên AVD của bạn và khởi động nó và nếu mọi thứ đều ổn với thiết lập và ứng dụng của bạn, nó sẽ hiển thị theo cửa sổ Trình mô phỏng
Bây giờ nếu bạn nhìn vào màn hình thiết bị của mình, bạn sẽ thấy hai nút.
Bây giờ chỉ cần chọn nút trên đó mũi tên phải. Một hình ảnh sẽ xuất hiện từ bên phải và di chuyển sang trái. Nó được hiển thị dưới đây
Bây giờ chạm vào nút bên dưới, điều đó sẽ mang lại hình ảnh trước đó với một số chuyển đổi. Nó được hiển thị dưới đây

Không có nhận xét nào:
Đăng nhận xét