Android中FrameLayout内ImageButton右上角数字文本居中问题

问题场景：在LinearLayout的FrameLayout容器内，ImageButton右上角的圆形背景TextView，单数字（如“1”）无法在圆形内居中，但两位数字显示正常，已设置layout_gravity="top|right"定位圆形位置。

问题原因 #

1. 原TextView设置了android:padding="10dp"，过大的内边距挤压了单数字的显示空间，导致文本偏移
2. 仅用layout_gravity只能控制TextView在父布局的位置，缺少控制文本在TextView内部对齐的属性，无法让单数字在圆形内居中

解决方案 #

修改TextView的属性，添加文本居中对齐并调整内边距：

<TextView
    android:layout_width="35dp"
    android:layout_height="35dp"
    android:text="1"
    android:textSize="12sp"
    android:textColor="#ffffff"
    android:gravity="center" <!-- 新增：让文本在TextView内部水平+垂直居中 -->
    android:padding="2dp" <!-- 替换原10dp大padding，避免挤压文本空间 -->
    android:layout_gravity="top|right"
    android:background="@drawable/smallcircle"/>

关键说明 #

• android:gravity="center"：负责TextView内部文本的对齐，无论单/多数字都能稳定居中在圆形背景里
• 调整padding：原10dp内边距会大幅压缩单数字的可显示区域，改为小padding或直接移除，保证文本有足够空间居中
• 圆形shape的size与TextView宽高保持一致（35dp），确保背景是正圆形且匹配文本容器大小

内容的提问来源于stack exchange，提问作者Darksymphony