如何在Android中實現文字在兩個TextView之間動畫切換?
此示例演示如何實現文字在兩個TextView之間動畫切換。
步驟1 − 在Android Studio中建立一個新專案,轉到檔案 ⇒ 新建專案,並填寫所有必需的詳細資訊以建立一個新專案。
步驟2 − 將以下程式碼新增到res/layout/activity_main.xml。
<?xml version = "1.0" encoding = "utf-8"?> <RelativeLayout xmlns:android = "http://schemas.android.com/apk/res/android" xmlns:tools = "http://schemas.android.com/tools" android:layout_width = "match_parent" android:gravity = "center" android:layout_height = "match_parent"> <LinearLayout android:layout_width = "wrap_content" android:layout_height = "wrap_content"> <LinearLayout android:id = "@+id/parent" android:layout_width = "wrap_content" android:layout_height = "wrap_content"> <TextView android:id = "@+id/text" android:textSize = "30dp" android:textAlignment = "center" android:layout_width = "match_parent" android:textColor = "#ff4500" android:layout_height = "wrap_content" android:singleLine = "true" /> </LinearLayout> <Button android:id = "@+id/animate" android:text = "Animated button" android:layout_width = "wrap_content" android:layout_height = "wrap_content" /> </LinearLayout> </RelativeLayout>
在上面的程式碼中,我們使用了TextView和Button,當用戶點選按鈕時,TextView會更新。
步驟3 − 將以下程式碼新增到src/MainActivity.java
package com.example.andy.myapplication; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.LinearLayout; import android.widget.TextView; public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final TextView view = findViewById(R.id.text); final LinearLayout parent = findViewById(R.id.parent); view.setText("1+2"); Button animate = findViewById(R.id.animate); animate.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Animation slideUp = AnimationUtils.loadAnimation(getApplicationContext(), R.anim.slide_up); slideUp.setAnimationListener(new Animation.AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { view.setText("3"); } @Override public void onAnimationRepeat(Animation animation) { } }); parent.startAnimation(slideUp); } }); } }
讓我們嘗試執行您的應用程式。我假設您已將您的實際Android移動裝置連線到您的計算機。要在Android Studio中執行應用程式,請開啟專案中的一個活動檔案,然後單擊執行 工具欄中的圖示。選擇您的移動裝置作為選項,然後檢查您的移動裝置,它將顯示您的預設螢幕 −
上面的結果顯示了初始螢幕,當用戶點選按鈕時,它將更新TextView,如下所示 -
點選 此處 下載專案程式碼
廣告