Weex Android 文字渲染优化

  1. 云栖社区>
  2. 博客>
  3. 正文

Weex Android 文字渲染优化

玉冈 2016-07-29 09:39:47 浏览6832
展开阅读全文

Weex Android 文字渲染优化

背景

在做Weex Android适配工作的时候,发现当Text没有设置高度,需要Weex根据文字内容、样式,计算出宽高的时候,在小米手机上可能会出现文字截断现象。

例如,前端期望如下图所示的渲染效果:

正常的文字

然而在小米手机上的渲染效果却是下面这样,默认标题那一段最后一行的文本被截断了:

被截断的文字

原因

在Android系统中,View的渲染可以分为Measure,Layout,Draw三步,对于Measure这一步,Weex和原生Android略有不同:

  • 在Android系统中,默认渲染文字的方式是使用TextView及其子类,TextView的宽度或高度可以使用wrap_content,match_parent或指定的值。
  • 在Weex中,Weex View的宽度和高度是由CSS属性指定或者css-layout根据fle

网友评论

登录后评论
0/500
评论
玉冈
+ 关注