整齊的庫,提供了一種簡單的方法來實現斷頭台風格的動畫
檢查這個[Dribbble 上的項目] (https://dribbble.com/shots/2018249-Guillotine-Menu)
另外,請在[我們的部落格]中閱讀它是如何完成的(https://yalantis.com/blog/how-we-development-the-guillotine-menu-animation-for-android/?utm_source=github)
對於有效的實現,請查看應用程式模組
在儲存庫末端的根 build.gradle 中新增 JitPack 儲存庫:
allprojects {
repositories {
...
maven { url "https://jitpack.io" }
}
}
將依賴項新增至您的應用程式 build.gradle
dependencies {
compile 'com.github.Yalantis:GuillotineMenu-Android:1.2'
}
您需要為導航選單建立一個佈局(範例應用程式中的guillotine.xml
),稍後它將以斷頭台樣式開啟和關閉。這裡唯一棘手的部分是導航佈局應該位於任何其他內容之上,並且在關閉動畫結束後會消失。這就是為什麼內容佈局(範例應用程式中的activity.xml
)也應該在與導航選單相同的座標處具有漢堡圖示。
之後,您需要做的就是透過將導航佈局物件、導航和內容佈局漢堡物件傳遞給onCreate
方法中的GuillotineAnimation.GuillotineBuilder
來建立動畫
new GuillotineAnimation . GuillotineBuilder ( guillotineMenu , guillotineMenu . findViewById ( R . id . guillotine_hamburger ), contentHamburger )
. setActionBarViewForAnimation ( toolbar )
. build ();
這裡setActionBarViewForAnimation
方法啟用了工具列在斷頭台關閉動畫結束時的彈跳效果。
Builder 讓您自訂開始延遲、持續時間、插值,如果您想在選單開啟或關閉時進行工作,您可以設定偵聽器。
如果您向我們發送使用我們組件的項目的鏈接,我們將非常高興。只需發送電子郵件至 [email protected] 如果您對動畫有任何疑問或建議,請告訴我們。
PS 我們將發布更多包含在程式碼中的精彩內容以及關於如何讓 Android (iOS) 的 UI 變得更好的教學。敬請關注!
Copyright 2017, Yalantis
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.