Android Google plus退出按钮与Google教程文档中的登录按钮不同

Question

我按照Google开发者网站中提到的步骤实施登录并在我的应用中退出。

添加登录和注销按钮的代码如下：

<!-- sign-in button -->
<com.google.android.gms.common.SignInButton
    android:id="@+id/sign_in_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<!-- sign-out button -->
<Button
    android:id="@+id/sign_out_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Sign Out"
    android:visibility="gone" />

在那里提到的示例中，注销按钮与注销按钮看起来非常不同（和奇怪）。

这是因为退出按钮不是来自com.google.android.gms吗？

com。google.android.gms中是否有正确的退出按钮？

Answer 1

谷歌没有提供退出按钮。

如果你想要与google相同风格的额外按钮，你需要自己创建它们。

但它比听起来容易得多，Google提供了很多资源来向您展示如何创建一个看起来就像Google按钮的按钮。看看这里：

https://developers.google.com/+/branding-guidelines

这是我用微软绘制的一个小例子，向你展示你可以制作的东西！

Answer 2

您可以使按钮的外观与<com.google.android.gms.common.SignInButton>相同，并使用xml标签style向按钮添加预定义样式：

style="@style/FirebaseUI.Button.AccountChooser.GoogleButton"

请注意，它是一种FirebaseUI样式，您可以放置​​所需的Button文本。

Answer 3

如何：更改文本登录以退出。

layout.xml

<com.google.android.gms.common.SignInButton
android:id="@+id/sign_out_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

kotlin.kt

val signOutButton: SignInButton = findViewById(R.id.sign_out_button)
signOutButton.setSize(SignInButton.SIZE_STANDARD)
signOutButton.setOnClickListener { signOut() }
val txtLogout = signOutButton.getChildAt(0) as TextView
try {
    txtLogout.setText("Sign out")
} catch (e: Exception) {
    //e.printStackTrace()
}