Badge TextView 文本未居中对齐

Question

android 开发的全新内容...我在按钮上有一个徽章文本，但由于某种原因文本未居中对齐。

我创建了一个新片段并将 Component Tree 设置为 relativeLayout

然后我添加了按钮和文本视图。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/relativeLayout"
    android:layout_width="match_parent"
    android:layout_height="200dp">

    <Button
        android:id="@+id/intercom_button"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_marginEnd="8dp"
        android:layout_marginTop="40dp"
        android:background="@drawable/ic_intercom_logo"
        android:elevation="10dp"
        android:outlineProvider="bounds"
        android:shadowColor="@color/brownishGrey"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/intercom_badge_textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@id/intercom_button"
        android:layout_alignRight="@id/intercom_button"
        android:layout_alignTop="@id/intercom_button"
        android:layout_marginEnd="8dp"
        android:layout_marginTop="35dp"
        android:background="@drawable/badge_circle"
        android:elevation="11dp"
        android:paddingEnd="8dp"
        android:paddingLeft="8dp"
        android:paddingRight="8dp"
        android:text="10"
        android:textAlignment="center"
        android:gravity="center"
        android:textColor="#FFF"
        android:textSize="10dp"
        app:layout_constraintEnd_toEndOf="@+id/intercom_button"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

在drawable/badge_circle我用过

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:useLevel="false"
    android:thickness="8dp"
    android:innerRadius="0dp"
    >

    <solid
        android:color="#F00"
        />
    <stroke
        android:width="1dip"
        android:color="#F00" />

    <padding
        android:top="2dp"
        android:bottom="2dp"/>

</shape>

这导致

据我了解，这是因为 textview 属性设置为

layout_width:wrap_content 
layout_height:wrap_content

但是如果我将它们设置为静态约束，例如

layout_width:16dp
layout_height:16dp

文本仍然没有对齐。设置 gravity 或 textalignment 也没有帮助

android:textAlignment="center"
android:gravity="center"

我该如何解决这个问题？

Answer 1

badge_circle.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:useLevel="false"
    android:thickness="8dp"
    android:innerRadius="0dp"
    >

    <solid
        android:color="#F00"
        />
    <stroke
        android:width="1dip"
        android:color="#F00" />


</shape>

更改为 TextView

<TextView
    android:id="@+id/intercom_badge_textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignEnd="@id/intercom_button"
    android:layout_alignRight="@id/intercom_button"
    android:layout_alignTop="@id/intercom_button"
    android:layout_marginTop="35dp"
    android:background="@drawable/badge_circle"
    android:elevation="11dp"
    android:paddingTop="5dp"
    android:paddingBottom="5dp"
    android:paddingEnd="8dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:text="10"
    android:textAlignment="center"
    android:gravity="center|center_horizontal|center_vertical"
    android:textColor="#FFF"
    android:textSize="10dp"
    app:layout_constraintEnd_toEndOf="@+id/intercom_button"
    app:layout_constraintTop_toTopOf="parent"
    tools:layout_editor_absoluteX="357dp" />

我删除了徽章圈内的填充并添加到文本视图中....似乎已修复...

Badge TextView 文本未居中对齐

Badge TextView Text is not aligned to center

android

textview

android-layout

android-7.0-nougat