Android Watch 全屏 FAB，例如 DismissOverlay答案

【问题标题】：Android Watch fullscreen FAB like the DismissOverlayAndroid Watch 全屏 FAB，例如 DismissOverlay
【发布时间】：2016-10-05 23:31:44
【问题描述】：

有 DismissOverlayView，您可以实现它来为用户提供另一种方式来退出 Android 手表上的应用程序。这个 View 实现了一些东西，看起来像一个全屏 FAB。现在我想知道，如何使用另一个按钮图标/颜色/行为来实现相同的视图。由于您无法更改 DismissOverlayView 代码看起来顺便说一句。像这样：

<android.support.wearable.view.DismissOverlayView
    android:id="@+id/dismiss_overlay"
    android:layout_height="match_parent"
    android:layout_width="match_parent"/>

我猜你必须实现一些自定义 FAB，但我不能在我的手表 XML 中使用 FAB，因为缺少依赖项，或者手表操作系统根本不支持它。我尝试了以下代码进行测试：

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"
    android:layout_margin="16dp"
    android:clickable="true"/>

编辑：为了更好地理解，我希望按钮看起来像这样：

编辑：我刚刚找到了这个解决方案，我不知道那个：

https://developer.android.com/training/wearables/ui/confirm.html

但我仍然很好奇，如果您可以实现此按钮的更可定制的版本。

【问题讨论】：

标签： java android xml layout watch

【解决方案1】：

好的，我找到了解决这个问题的方法，实际上你可以简单地创建一个新的 layout.xml 并覆盖默认代码，即以下代码：

<merge xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">
    <TextView
        android:id="@+id/dismiss_overlay_explain"
        android:layout_gravity="center"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:layout_marginLeft="16dp"
        android:layout_marginRight="16dp"
        android:layout_marginTop="32dp"
        android:layout_width="wrap_content"
        android:padding="12dp"
        style="@style/DismissOverlayText"
        />
    <android.support.wearable.view.ActionPage
        android:id="@+id/dismiss_overlay_button"
        android:layout_height="match_parent"
        android:background="@color/dismiss_overlay_bg"
        android:layout_width="match_parent"
        android:src="@drawable/ic_full_cancel"
        android:color="@color/dismiss_close"
        app:buttonRippleColor="@color/dismiss_close_pressed"
        android:text="@string/dismiss_overlay_button_label"
        />
</merge>

现在您可以使用您新创建的 xml 自定义它并使用这个来代替原来的 dimissOverlayView。但是你应该小心这样做，因为这并不是设计指南真正想要做的。

【讨论】：