如何在Kotlin中使用Android的ViewFlipper?
此示例演示瞭如何在Kotlin中使用Android的ViewFlipper。
步驟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:layout_height="match_parent" tools:context=".MainActivity"> <ViewFlipper android:id="@+id/viewFlipper" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/button" android:inAnimation="@android:anim/slide_in_left" android:outAnimation="@android:anim/slide_out_right"> <ImageView android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center" android:src="@drawable/image" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Button" android:textColor="@android:color/holo_blue_bright" android:textSize="48sp" android:textStyle="bold" /> </ViewFlipper> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentBottom="true" android:layout_margin="8dp" android:onClick="previousView" android:text="Previous" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentEnd="true" android:layout_alignParentBottom="true" android:layout_margin="8dp" android:onClick="nextView" android:text="Next" /> </RelativeLayout>
步驟3 − 將以下程式碼新增到src/MainActivity.kt
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.Gravity
import android.view.View
import android.widget.TextView
import android.widget.ViewFlipper
class MainActivity : AppCompatActivity() {
lateinit var viewFlipper: ViewFlipper
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
title = "KotlinApp"
viewFlipper = findViewById(R.id.viewFlipper)
val textView = TextView(this)
textView.text = "Have a great day"
textView.textSize = 24F
textView.textColors.defaultColor
textView.gravity = Gravity.CENTER
viewFlipper.addView(textView)
viewFlipper.flipInterval = 2000
viewFlipper.startFlipping()
}
fun previousView(view: View) {
viewFlipper.setInAnimation(this, R.anim.slide_in_left)
viewFlipper.setOutAnimation(this, R.anim.slide_out_right)
viewFlipper.showPrevious();
}
fun nextView(view: View) {
viewFlipper.setInAnimation(this, android.R.anim.slide_in_left)
viewFlipper.setOutAnimation(this,
android.R.anim.slide_out_right)
viewFlipper.showNext()
}
}步驟4 − 建立一個Android資源目錄(anim) → 右鍵單擊,建立Android資原始檔(slide_out_right & slide_in_left)和以下程式碼 −
slide_out_right.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="@android:integer/config_mediumAnimTime" android:fromXDelta="50%p" android:toXDelta="0" /> <alpha android:duration="@android:integer/config_mediumAnimTime" android:fromAlpha="0.0" android:toAlpha="1.0" /> </set>
slide_in_left.xml
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:duration="@android:integer/config_mediumAnimTime" android:fromXDelta="0" android:toXDelta="-50%p" /> <alpha android:duration="@android:integer/config_mediumAnimTime" android:fromAlpha="1.0" android:toAlpha="0.0" /> </set>
步驟5 − 將以下程式碼新增到androidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://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>
讓我們嘗試執行您的應用程式。我假設您已將實際的Android移動裝置連線到您的計算機。要在Android Studio中執行應用程式,請開啟專案中的一個活動檔案,然後單擊工具欄中的執行圖示
。選擇您的移動裝置作為選項,然後檢查您的移動裝置,它將顯示您的預設螢幕。



廣告
資料結構
網路
關係資料庫管理系統(RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP