[英]Badge TextView Text is not aligned to center
全新的android开发...我在一个按钮上有一个徽章文本,但由于某种原因,文本没有与中心对齐。
我创建了一个新片段并将Component Tree
设置为relativeLayout
然后我添加了按钮和textview。
<?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
文字仍然没有对齐。 设置重力或文本对齐也无济于事
android:textAlignment="center"
android:gravity="center"
我怎么解决这个问题?
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" />
我从徽章圈内部删除了填充并添加到textview ....似乎是固定的...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.