Kotlin 開發第 29 天 ShowView ( PopupWindow + FloatingActionButton )

前幾天通過 Dialog 來顯示類似 UIAlertViewController 的信息,
但那些 Dialog 的介面相對固定,所以這次想嘗試 PopupWindow 和 FloatingActionButton

Component

  • PopupWindow
  • FloatingActionButton
  • Animation

PopupWindow

將我們自定義的畫面顯示在 Activity 上

layout_poupWindow

初始化 popupWindow

當 Show PopupWindow 被點的時候,我們將 popupWindow 關閉。

而我們通過設定 poupWindow.isOutsideTouchable = true 可以在用點 poupWindow 以外的地方時關閉它。

popupWindow 有幾種預設的顯示方式,其中 showAsDropDown 就會顯示在我們指定的 View 的下方。


FloatingActionButton

在 activity_main 裡面,直接拖入 LinearLayout 並拖入三個 FloatingActionButton

然後針對第一個紙飛機的按鈕設定 onClickListener 來顯示或隱藏其他兩個按鈕。

要控制 FloatingActionButton 的顯示或隱藏,可以直接設定 visibility 為 View.INVISIBLE / View.VISIBLE


Animation

想要給 FloatingActionButton 顯示和消失的過程加入動畫,
可以建立 /res/anim 資料夾,然後在裡面建立 Animation resource file.

show_button.xml – 旋轉紙飛機按鈕

hide_button.xml – 旋轉紙飛機按鈕

show_layout.xml – 顯示兩個按鈕

hide_layout.xml – 隱藏兩個按鈕

在 Code 中載入動畫文件

通過 startAnimation() 執行動畫


Intent 服務

我們可以通過 Intent 來啟動設備服務,比如打電話、傳 sms 等等。

跳轉至電話介面

跳轉至 sms 介面


參考

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *