当前位置:   article > 正文

Android 13 TextView新的换行策略优化

android textview 换行策略

38d386ab6cc3f0fba94898f70cdb57b6.png

/   今日科技快讯   /

近日,果麦文化管理层近期接受投资者调研表示,我们在天猫、京东、当当大概要付出30%的渠道费用,现在东方甄选它只是20%,所以第一我们能控价,第二个是他给我们留的毛利空间还更大,这是毛利的情况。我觉得东方甄选出现的最重要的意义是让纸书行业快速增长。

/   作者简介   /

大家周一好,全面进入高温季节,大家注意防暑降温哦!

本篇文章转自TechMerger的博客,文章主要分享了Android 13中TextView 控件换行策略的讲解,相信会对大家有所帮助!

原文地址:

https://juejin.cn/post/7099054844404563982

/   前言   /

Android 13 向 TextView 控件引入了新的换行策略,同时针对日文提供了换行优化。系统将依据开发者指定的换行策略、日文短语换行策略进行文本换行。这将促使文本内容不再杂乱无章、更加具有层次、便于阅读。

下面我们从 API、实战、适配办法等多个角度来快速学习一下这个新特性。

/   换行策略   /

换行策略 lineBreakStyle

Indicates the line break strategies can be used when calculating the text wrapping.

3099e12d4542cd4a37ee7e891f32ce93.png

事实上来自于 CSS 的 line-break 属性,主要是针对 CJK 语言,也就是中日韩 3 种语言提供的换行规则。

Android 提供的属性和 CSS 的略有差异,但 loose、normal 和 strict 这三个属性进行了保留,后面将通过 DEMO 进行属性表现上的差异说明。

短语换行策略 lineBreakWordStyle

Specify the phrase-based line break can be used when calculating the text wrapping.

b25e7c50658a3ebe2ff8bec567c23818.png

默认不生效,设置为 phrase 则生效。

动态设置

除了上述属性以外,TextView 理所应当地提供了 setLineBreakConfig() 来动态更新换行策略。

public void setLineBreakConfig (LineBreakConfig lineBreakConfig)

51431c5c518b7a8952a35f1b7f51724e.png

LineBreakConfig

Android 13 新引入的承载换行策略的配置类,提供了上述属性相对应的常量以及返回策略所必要的 get 方法。

e6c4ed4025eb45ede4b6e9528080cb60.png

  1. public int getLineBreakWordStyle ()
  2. public int getLineBreakStyle ()

/   实战   /

我们在中文和日语两种语言环境下提供一些测试文本,探究在不同换行策略下文本的实际表现。

换行策略的效果

换行策略的表现跟 CJK 语言里一些特定符号有关系,普通的文本表现上区别不是很明显。所以我们预设特别的一段文本在不同的显示宽度下的表现,来简要展现下不同规则下的差异。

测试文本:【这里有个弯弯符号〜加“引号”然后最后有个问号?后面是普普通通一句话。】

  1. class MainActivity : AppCompatActivity() {
  2.     ...
  3.     override fun onCreate(savedInstanceState: Bundle?) {
  4.         ...
  5.         LineBreakConfig().run {
  6.             lineBreakStyle = LINE_BREAK_STYLE_NONE
  7.             lineBreakWordStyle = LINE_BREAK_WORD_STYLE_NONE
  8.             breakTestTextViewCSS.lineBreakConfig = this
  9.             breakTestTextViewCSS_2.lineBreakConfig = this
  10.         }
  11.     }
  12.     fun onButtonClick(view: View) {
  13.         when (view.id) {
  14.             R.id.break_btn -> breakTestTextViewCSS.lineBreakConfig.apply {
  15.                 lineBreakStyle =
  16.                     when (breakTestTextViewCSS.lineBreakConfig.lineBreakStyle) {
  17.                         LINE_BREAK_STYLE_NONE -> LINE_BREAK_STYLE_LOOSE
  18.                         LINE_BREAK_STYLE_LOOSE -> LINE_BREAK_STYLE_NORMAL
  19.                         LINE_BREAK_STYLE_NORMAL -> LINE_BREAK_STYLE_STRICT
  20.                         LINE_BREAK_STYLE_STRICT -> LINE_BREAK_STYLE_NONE
  21.                         else -> LINE_BREAK_STYLE_NONE
  22.                     }
  23.                 breakTestTextViewCSS.lineBreakConfig = this
  24.                 breakTestTextViewCSS_2.lineBreakConfig = this
  25.             }
  26.         }
  27.     }
  28. }

cbab6c0709610c9e281ad367414ad586.png

0d0939f2d5b08ded9b5c594c7ddcc5a0.png

可以看到

  • none 和 strict 策略下,符号〜的前方必须有文字,不能单独作为行首,而 loose 和 normal 策略则无此限制

  • 另外按照 css 的说明,只有在 strict 策略下,符号〜才允许作为行尾进行换行。但在 Android 13 上的测试发现,无论哪种策略都允许符号〜作为行尾换行,可能跟宽度配置有些关系

  • loose 策略下,符号?允许在行首单独出现,而其他模式不允许,前面必须要有其他文字才可换行

其他更详细的换行差异可以参考 w3c 的 css 换行说明,并进行实际的尝试。

短语换行策略效果

短语换行策略指的是日文情况下句尾遇到短语、助词如何换行,是固定换行还是短语整体另起一行。

测试文本:【常に最新、最高のモバイル。Androidを開発した同じチームから。】

起初觉得只要展示的是日文都会应用该策略,便没有注意 App 当前语言是中文,以外发现画面中的日文文本没有按照预期进行换行。

  1. class MainActivity : AppCompatActivity() {
  2.     ...
  3.     override fun onCreate(savedInstanceState: Bundle?) {
  4.         ...
  5.         LineBreakConfig().run {
  6.             lineBreakStyle = LINE_BREAK_STYLE_NONE
  7.             lineBreakWordStyle = LINE_BREAK_WORD_STYLE_NONE
  8.             breakTestTextView.lineBreakConfig = this
  9.         }
  10.     }
  11.     fun onButtonClick(view: View) {
  12.         when (view.id) {
  13.             R.id.phrase_break_btn -> breakTestTextView.lineBreakConfig.apply {
  14.                 lineBreakWordStyle =
  15.                     if (breakTestTextView.lineBreakConfig.lineBreakWordStyle == LINE_BREAK_WORD_STYLE_PHRASE)
  16.                         LINE_BREAK_WORD_STYLE_NONE
  17.                     else LINE_BREAK_WORD_STYLE_PHRASE
  18.                 breakTestTextView.lineBreakConfig = this
  19.             }
  20.         }
  21.     }
  22. }

d8f11a231bda722002e3b3a7ace18caf.gif

需要当前语言是日语

当 App 语言切换为日语场景后,短语换行策略才会生效。

25320051b8fc0fb4aa74b8c5bcbd6b66.gif

后来想想也是合理的,非日语的场景下用户能读懂日语的概率很低,在意换行的可能性更加小。系统没有必要耗费精力去判断文字是否是日文和进行换行。

而当 App 语言是日语的话,用户极高概率能读懂并且在乎短语换行的合理和连贯性,所以只在日语情况下生效则显得非常合理。

性能测试

可能有开发者会担心开启了短语换行是否造成性能的负担。通过覆写 TextView 并在 onMeasure() 里加入耗时统计,测定了展示 10000 个杂乱的日文文本下,短语换行策略开启与否的时间表现。

设备版本是:Pixel 4 XL 13 Beta 1

1a47a6728f72b6981b42f3248ccfc2e4.png

可以看到即便是长度达到 10000 的超长文本,开启了短语换行策略的性能表现依旧没有什么明显劣化。在实际开发当中,显示长度达到 10000 的 TextView 文本的情况实属罕见。

我们可以断定短语换行策略对于文本显示的性能影响可以忽略不计。另外,需要说明的是 TargetSDKVersion 不用升级到 33,所有的换行特性均可生效。

原理

目前只公开了 preview-1 的代码,搜索了一下没有发现 LineBreakConfig 相关的实现,后续等 Beta 版代码公开之后再作研究。

适配

  • 思考下 App 是否需要开启新的换行策略

  • 如果 App 支持日语的话,建议开启短语换行策略,优化日文的阅读体验

  • 确定开启上述新策略的话,需要注意如下两点影响:

    • ‍画面布局是否发生错乱、切掉

    • 与已有的日文手动换行 \n 是否会发生冲突

/   总结   /

本新特性非常简单直白,我们可以使用换行策略去指定和 css 一致的换行规则,也可以针对日语指定换行友好的短语策略。

和 View 的一般用法无差,均有属性配置和动态更新两种方案。

另外,留意如下几点:

  • 该新特性不要求升级 TargetSDKVersion

  • 指定换行策略的话需要留意布局是否发生错乱、切掉的问题

  • 指定短语换行策略的话需要检查是否会和已有的手动换行发生冲突

    • 当前语言是日语环境下,短语换行策略才可以生效

    • 短语换行策略对于性能的影响可以忽略不计

推荐阅读:

我的新书,《第一行代码 第3版》已出版!

Android 13 Developer Preview一览

一个Android沉浸式状态栏上的黑科技

欢迎关注我的公众号

学习技术或投稿

272621744e028260285344a43afadfd3.png

a1473c653ab5dc47da96d6727833c826.png

长按上图,识别图中二维码即可关注

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号