直播電商原始碼,android設定輪播圖轉場動畫特效
直播電商原始碼,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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播軟體原始碼,Android---Banner輪播圖原始碼Android
- 直播平臺搭建原始碼,XBanner設定只顯示輪播圖原始碼
- 手機直播原始碼,android 輪播圖自定製元件原始碼Android元件
- 直播app原始碼,HTML + jQuery 實現輪播圖APP原始碼HTMLjQuery
- 一對一直播系統原始碼,軟體首頁輪播圖輪播效果原始碼
- app直播原始碼,Banner廣告圖片輪播控制元件APP原始碼控制元件
- 直播平臺搭建原始碼,bootstrap實現圖片輪播效果原始碼boot
- 直播平臺原始碼,純JS實現左右滑動輪播圖原始碼JS
- 仿照(小米官網首頁輪播圖)特效js程式碼特效JS
- 成品直播原始碼,輪播圖無縫切換以及自動懸停原始碼
- 直播app原始碼,使用vue-awesome-swiper建立輪播圖幻燈片APP原始碼Vue
- CSS動畫之旋轉魔方輪播CSS動畫
- 小說APP原始碼,手動滑動輪播圖時,輪播圖跟隨移動APP原始碼
- 直播系統原始碼,點選滾動的輪播圖自動跳轉到相應頁原始碼
- 直播平臺原始碼,上傳本地圖片實現個人名片背景圖輪播原始碼地圖
- jQuery Mobile圖片輪轉輪播jQuery
- 輪播圖(JavaScript定時器)JavaScript定時器
- 直播平臺原始碼,數字化大屏地圖輪播的實現echarts原始碼地圖Echarts
- app直播原始碼,Android 設定系統亮度APP原始碼Android
- 搭建自己的直播平臺,將圖片設定為卡片式輪播效果
- 線上直播系統原始碼,利用css和html實現首頁圖片輪播效果原始碼CSSHTML
- 手機直播原始碼,Android Shape設定背景原始碼Android
- Android 和 iOS 圖片輪播AndroidiOS
- 直播帶貨原始碼,Android 簡單動畫播放原始碼Android動畫
- jQuery輪播圖之上下輪播jQuery
- JavaScript字串動畫輪播效果JavaScript字串動畫
- 直播app系統原始碼,圖片Loading旋轉動畫效果APP原始碼動畫
- 微信小程式------輪播圖------縱向輪播圖微信小程式
- 直播小程式原始碼,Android 傾斜文字 效果設定原始碼Android
- 影片直播原始碼,Android TextView設定跑馬燈效果原始碼AndroidTextView
- Android輪播圖從0到1Android
- Android 自定義一個輪播圖Android
- (轉)jquery實現圖片輪播jQuery
- 短影片直播系統,Android卡片式輪播Android
- Android 轉場動畫Android動畫
- 直播帶貨原始碼,android editText設定顏文字過濾原始碼Android
- Flutter輪播圖Flutter
- vue輪播圖Vue