如果文本太长，将两个并排的文本视图移动到另一个下方

Question

我有两个这样的文本视图：

=======================
= TextView1 TextView2 =
=======================

我想检测文本视图何时太长以至于它们显示如下：

=======================
=      TextView1      =
=      TextView2      =
=======================

目前对于较长的文本，显示如下：

=======================
= TextView1 Text      =
=           View2     =
=======================

我怎样才能做到这一点，这样当文本很短时，文本视图并排，当文本太长时，第二个文本视图不会被拆分而是移动到第二行？

我提出了一个解决方案来创建单个文本视图并根据长度构建文本（文本 1 + 填充 + 文本 2 如果短，文本 1 + "\n" + 文本 2 如果长）但我不喜欢这个解决方案。

有什么方法可以检测第二个文本是否会被拆分，从而改变包含 textviews 的布局的方向从水平 cu 垂直？

更新

这是我的 xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:gravity="center">

    <TextView
        android:id="@+id/my_text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:padding="10dp"
        android:text="@string/text1"/>

    <TextView
        android:id="@+id/my_text_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginRight="5dp"/>

</LinearLayout>

Answer 1

我找到了更好的解决方案。将我的文本视图更改为可自动调整大小的文本视图（更多信息 here）

此外，每个文本视图都在一个单独的布局中，以确保两个文本视图的大小都调整为相同的值。 我的 xml 看起来像这样：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:id="@+id/value_linear_layout"
              android:gravity="center">

    <LinearLayout 
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content">
        <com.mihaela.view.AutoResizeTextView
            android:id="@+id/my_text_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

    <LinearLayout 
            android:layout_width="wrap_content"
            android:layout_weight="1"
            android:layout_height="wrap_content">

        <com.mihaela.view.AutoResizeTextView
            android:id="@+id/my_text_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </LinearLayout>

</LinearLayout>

我已经从 AutoResizeTextView 实现了 OnTextResizeListener 来做到这一点：

public class TextWidthResizeListener implements OnTextResizeListener {

    @Override
    public void onTextResize(TextView textView, float oldSize, float newSize) {
        TextPaint paint = textView.getPaint();
        if (paint.measureText(textView.getText().toString()) > (valueLinearLayout.getWidth() / 2)){
            valueLinearLayout.setOrientation(LinearLayout.VERTICAL);
        }
    }
}

valueLinearLayout 在哪里：

valueLinearLayout = (LinearLayout)findViewById(R.id.value_linear_layout);

这个解决方案最适合我，因为当它们并排时，文本视图的尺寸是最小的。当达到最小尺寸时，文本仍然放不下，文本视图将在另一个下对齐。

此外，这种带有监听器的想法也可以应用于不可调整大小的文本视图。 我会把这个答案设为正确的。

Answer 2

您应该使用单行多行 TextView 并将文本设置如下：

mTextView.setText(text1+" "+text2);

或

mTextView.setText(text1+"\n"+text2);

取决于您的特定需求。

编辑：您可以在html 中指定您的文本，然后使用Html.fromHtml(htmlString) 并在您的TextView 中显示此文本。

 String text1 ="<font color=\"red\">This is some text!</font>"
 String text2="<font color=\"blue\">This is some other text!</font>"
 textView.setText(Html.fromHtml(text1+ "<br/>"+ text2);

Answer 3

我对接受的答案做了一个稍微不同的版本。我没有以任何方式更改我的布局 xml，也没有使用 onTextResize() 或 AutoResizeTextView，因为这对我的情况来说似乎有点矫枉过正。如果设备的语言设置导致使用长字符串，我需要我的 LinearLayout 从水平方向切换到垂直方向。

布局

<LinearLayout
    android:id="@+id/customer_care_bottom_layout"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="horizontal"
    android:layout_marginBottom="@dimen/lmargin_bottom_10">

    <TextView
        android:id="@+id/customer_care_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/CUSTOMER_CARE_TITLE" />

    <TextView
        android:id="@+id/customer_care_number_information"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/CUSTOMER_CARE_INFORMATION"/>
</LinearLayout>

Java

private void setCustomerServiceLayoutOrientationBasedOnTextWidth() {
        TextPaint paint = customer_care_number_text.getPaint();
        TextView tvCustomerCareTitle = (TextView) findViewById(R.id.customer_care_title);
        TextView tvCustomerCareInformation = (TextView) findViewById(R.id.customer_care_information);
        int halfCustomerServiceLayoutWidth = getScreenWidth() / 2;
        boolean isCustomerCareTitleTooLong = paint.measureText(tvCustomerCareTitle.getText().toString()) > customerServiceLayoutWidth;
        boolean isCustomerCareInformationTooLong = paint.measureText(tvCustomerCareInformation.getText().toString) > customerServiceLayoutWidth;

        if (isCustomerCareTitleTooLong || isCustomerCareInformationTooLong) {
            LinearLayout llCustomerCareBottom = (LinearLayout) findViewById(R.id.customer_care_bottom_layout);
            llCustomerCareBottom.setOrientation(LinearLayout.VERTICAL);
        }
    }

private int getScreenWidth() {
    int screenWidth;Display display = getWindowManager().getDefaultDisplay();
    if (Build.VERSION.SDK_INT < 13) {
        screenWidth = display.getWidth();
    } else {
        Point point = new Point();
        display.getSize(point);
        screenWidth = point.x;
    }
    return screenWidth;
}