簡體   English   中英

漢堡圖標兩側帶有兩個NavigationView工具欄中的后箭頭動畫?

[英]Hamburger icon both side with back arrow animation in toolbar for Two NavigationView?

首先看下面的截圖,只關注漢堡包圖標,這樣你就可以快速了解我真正想要的東西。

在此輸入圖像描述

首先,我已經成功地向左右兩側實現了導航視圖(抽屜),以便用戶可以從左側和右側打開兩個抽屜。

現在我的問題是我想要帶有動畫的漢堡包圖標到兩邊 我已經在工具欄的左側實現了漢堡包圖標,這很容易,默認情況下會出現。 但是現在我想用箭頭動畫也在右邊。

  1. 點擊左側漢堡包圖標打開左側抽屜。 (完成)
  2. 點擊右側的右漢堡圖標打開抽屜。 (它還剩下)

那么在一個工具欄上可以有兩個漢堡包圖標嗎?

注意:兩個抽屜都打開手勢。 我沒有問題。

我認為你可以使用FrameLayout來做到這一點。

現在考慮以下布局

<FrameLayout>
     <Toolbar />
     <Toolbar layout_direction="right" />
</FrameLayout>

使用此工具,兩個工具欄將顯示在彼此之上。 將抽屜圖標放到兩個工具欄上,第二個工具欄將其右側渲染,因為我們已將布局方向指定為右側。

注意:使上部工具欄透明。

我希望它對你有所幫助。

我相信SlidingMenu庫就是你要找的。 它有LEFTRIGHT模式。

你可以編寫動畫來翻譯你的右圖標

打開抽屜從x到x-someDelta

並將抽屜從x-somedelta關閉到x

編輯:

您可以使用ObjectAnimator及其超類Value Animator

你可以做這樣的事情

ObjectAnimator anim = ObjectAnimator.ofFloat(rightIcon, "translationX", 0,50); 

anim.start();

使用布爾值並在對象動畫器中將其與50,0切換以向后滑動

您還可以使用setDuration方法設置動畫完成所需的時間

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM