android - 环绕TextView Android

Question

我在水平方向的线性布局中有 3 个 TextView 。我希望当其中一个 textview 处于 GONE 状态时，我希望其他 textview 水平均匀分布，并且当只有一个 textview 可见而其他 2 个 textview 消失时，我希望一个 textView 水平居中。我已经使用每个 TextView 的权重属性实现了这一点。

现在我想在每个 textView 周围都有一个圆形背景。由于 TextView 中每个文本的 TextLength 不同，如何使每个 TextView 的圆圈大小相等？

另外，当只有一个TextView可用时，由于weight属性，TextView会占据布局的整个宽度。在这种情况下绕圈是我现在面临的一个大问题。

我的 xml 布局:

<TextView 
    android:id="@+id/timercount_view"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:textSize="60sp"
    android:background="@drawable/circle_dark"
    android:gravity="center"
    android:textStyle="bold"
    android:layout_marginTop="30dp"
    android:textColor="#ffffffff"
    android:text="60" />

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/timercount_view"
    android:gravity="center_horizontal"
    android:layout_alignParentBottom="true"
    android:layout_marginTop="50dp"
    android:orientation="horizontal"
    android:layout_centerHorizontal="true" >
    <TextView 
        android:id="@+id/reset_timer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:gravity="center"
        android:layout_weight="1"
        android:layout_gravity="center_horizontal"
        android:text="Reset"
        android:padding="15dp"
        android:textColor="#ffffff"
        android:layout_margin="5dp"
        android:background="@drawable/circle_dark" 
        />

    <TextView 
        android:id="@+id/restart_timer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:layout_weight="1"
        android:gravity="center"
        android:layout_gravity="center_horizontal"
        android:text="Restart"
        android:padding="15dp"
        android:textColor="#ffffff"
        android:layout_margin="5dp"
        android:background="@drawable/circle_dark"
        />
    <TextView 
        android:id="@+id/start_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp"
        android:layout_weight="1"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:textColor="#ffffff"
        android:layout_margin="5dp"
        android:padding="15dp"
        android:background="@drawable/circle_dark"
        android:text="Start" 
        android:visibility="gone" />
</LinearLayout>

cicle 的 drawable 是:

<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<corners android:radius="150dp" />
<solid android:color="#ff999999" />

Answer 1

你问

how do I make the circles equal sized for each of the TextViews?

设置形状的宽度等于它的高度:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >
    <corners android:radius="150dp" />
    <size android:width="100dp"
        android:height="100dp" />
    <solid android:color="#ff999999" />
</shape>

您可能需要对 radius 和 size 进行一些试验和错误，直到找到适合您的布局的解决方案。