滑動關閉

滑動關閉動畫可提供使用者返回先前頁面的轉場效果。

滑動關閉動畫的詳細資料和 RSB 按一下十分相似。手指最多可控制 50% 的動畫進度。

應用程式檢視畫面有更多和關閉手勢有關的動畫。應用程式檢視畫面上顯示的移動量不一定和手指實際需要移動的距離相同。應用程式檢視畫面不應離開畫面邊緣,而會顯示有一點阻力的擠壓效果。

實作

根據預設,導覽程式庫中的 SwipeDismissableNavHost 會提供滑動關閉導覽手勢。

如果您未使用導覽程式庫,則仍可直接使用 BasicSwipeToDismissBox 支援這項全螢幕導覽手勢。

設計

當設計滑動關閉動作時,請遵守以下兩大原則:

螢幕邊緣

請將其他可以滑動的 UI 元素納入考量,如分頁應用程式檢視畫面。當可以使用滑動關閉時,請保留 20% 的螢幕邊緣,以便觸發此動作。

如要參考當內容可水平捲動時如何實作邊緣滑動,請參閱 此 Wear OS 版 Compose Material 程式碼庫的範例

返回或留在應用程式檢視畫面的門檻

如果使用者的手指滑動距離超過 50% 螢幕寬度,應用程式應該要觸發剩餘的滑動返回動畫。如果未達此寬度,則應用程式應該返回完整的應用程式檢視畫面。

如果手勢速度很快,請忽略 50% 門檻並滑動返回。