直播電商原始碼,android設定輪播圖轉場動畫特效

zhibo系統開發發表於2021-12-13

直播電商原始碼,android設定輪播圖轉場動畫特效實現的相關程式碼

(1)建立兩個頁面分別為Mainactivity和Nerk頁面

(2)在res資料夾下面建立anim檔案,用來存放設計過渡動畫的xml檔案:

首先在anim檔案下建立button_in.xml檔案和button_out.xml檔案(分別代表向下切入和向上            切出的過渡動畫)

然後在button_in.xml檔案中加入以下程式碼(具體原因等下一起說)

<translate
    xmlns:android="
    android:duration="300"
    android:fromYDelta="100%p"
    android:toYDelta="0"/>

然後在button_out.xml檔案中加入以下程式碼:

<translate
    xmlns:android="
    android:duration="300"
    android:fromYDelta="0"
    android:toYDelta="-100%p" />

這樣簡單的過渡效果就製作好了,那麼接下來就是如何使用這個效果了

(3)過渡頁面動畫的使用

 在nerk.xml檔案中加入如下xml程式碼:

<LinearLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="
    android:orientation="vertical"
    android:gravity="center_horizontal">
    <TextView
        android:id="@+id/heihei"
        android:layout_width="300px"
        android:layout_height="200px"
        android:text="開始"
        android:textSize="35sp"
        android:gravity="center">
    </TextView>
</LinearLayout>

然後在Nerk.java檔案中給id為“heihei”的textview控制元件新增點選事件,在點選事件中加入如下程式碼:

其中,Intent(Nerk.this,MainActivity.class),表示設定頁面跳轉,即從Nerk頁面跳轉到Mainactivity頁面。而

overridePendingTransition(R.anim.button_in, R.anim.button_out);則表示載入改跳轉動作的動畫樣式 ,切入動畫為anim檔案下的button_in.xml設定的動畫,切出動畫則為anim檔案下的button_out.xml設定的動畫。到此,頁面的動畫專場就完成了

同理

在Mainactivity.xml檔案中加入如下xml程式碼:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="
    android:orientation="vertical"
    android:gravity="center_horizontal">
    <TextView
        android:id="@+id/back"
        android:layout_width="300px"
        android:layout_height="200px"
        android:text="返回"
        android:textSize="35sp"
        android:gravity="center">
    </TextView>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="300px"
        android:background="#ff0f0f"
        android:id="@+id/text1">
    </TextView>
</LinearLayout>

給id為R.id.back的textview控制元件新增點選事件,在事件中新增如下程式碼

finish();
overridePendingTransition(R.anim.button_in, R.anim.button_out);

則完成了返回頁面的動作。

以上就是 直播電商原始碼,android設定輪播圖轉場動畫特效實現的相關程式碼,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2847424/,如需轉載,請註明出處,否則將追究法律責任。

相關文章