避免 URL 上的音节化

Question

我正在尝试显示这样的文本：

"For more infomration please visit www.my-site.com"

对于某些分辨率/屏幕，文本显示为：

|For more information please visit www.my- |
|site.com                                  |

我可以避免对 URL 部分的这种影响吗？

Answer 1

使用non-breaking hyphen 代替常规的-。

在 XML 中：‑

在 Java 中："\u2011"

当然，如果你有可点击的链接，不要在 URL 中替换它，而只是链接文本。

例子：

<TextView android:layout_width="60dp" android:layout_height="wrap_content"
    android:text="foo foo-foo foo&#x2011;foo"/>

图形布局：

Answer 2

如果此文本出现在标准 Activity 或 Fragment 中，您可以将其拆分为两个 TextView，第一个包含信息文本，第二个包含网站 URL 并设置属性 android:singleLine="true" 以防止里面的文本被换行.

接下来，您可以将这两个 TextView 并排放置在自定义的“FlowLayout”中，如果可能，它将显示在一行中：

|For more information please visit www.my-site.com |  
|                                                  |

或在 TextView 边界处换行：

|For more information please visit        |  
|www.my-site.com                          |

不幸的是，Android 中没有原生的 FlowLayout。您可以编写自己的代码，调整类似 RelativeLayout 的内容，并编写自定义方法来测量屏幕宽度和子视图（有关如何完成此操作的示例，请参见 How to write Android Autowrap Layout using RelativeLayout 和 LinearLayout Horizontal with wrapping children）。

或者，您可以使用几种已经可用的此类布局：

• How can I do something like a FlowLayout in Android?

• blazsolar/FlowLayout

• ApmeM/android-flowlayout

Answer 3

如果您的项目要求不允许您使用换行或自定义“FlowLayout”类型的布局，您可以通过使用自定义方法扩展 TextView 来应用自定义换行方案来创建自定义视图。

// String text must contain a portion between
//   <unwrappable></unwrappable> tags.
public void setCustomWrappedText(String text) {
    final String OPEN_TAG = "<unwrappable>";
    final String CLOSE_TAG = "</unwrappable>";

    // Unwrappable string not yet set, find it, between <unwrappable></unwrappable>
    // tags, strip out the tags, and set prefix and suffix.
    int index = text.indexOf(OPEN_TAG);
    int index2 = text.indexOf(CLOSE_TAG);
    String prefix = text.substring(0, index);
    String unwrappable = text.substring(index + OPEN_TAG.length(), index2);
    String suffix = text.substring(index2 + CLOSE_TAG.length());

    // Contents already fit on one line, do nothing.
    this.setText(prefix + unwrappable + suffix);
    int lines = this.getLineCount();
    if (lines < 2)
        return;

    // Set content prefix, ie. text _before_ unwrappable appears, and count lines.
    this.setText(prefix);
    lines = this.getLineCount();

    // Set content to prefix _with_ unwrappable (no suffix), and count lines.
    this.setText(prefix + unwrappable);

    if (this.getLineCount() > lines) // Text has wrapped inside unwrappable, insert a line break to prevent.
        this.setText(prefix + "\n" + this.unwrappable + suffix);
    else // Text may or may not wrap _after_ unwrappable, we don't care.
        this.setText(prefix + this.unwrappable + suffix);
}