Android阿拉伯语混排

已于 2024-02-20 14:42:31 修改
阅读量1.7k 收藏 2
点赞数 2
分类专栏： Android 文章标签： android android studio
于 2022-11-11 11:08:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36261644/article/details/127802214
版权

文章目录

1.Android阿拉伯语混排显示关键类 BidiFormatter

关于这个类的具体使用大家可以阅读一下官方文档
BidiFormatter

阿拉伯语的显示阅读方式都是自右向左的，与我们熟悉的自左向右刚好相反。

为了便于讲解，我这里把代码和显示效果一起结合说明。

下面要用到的方法
import androidx.core.text.BidiFormatter

fun String.biDiFormat(): String {
       return BidiFormatter.getInstance(Locale.getDefault())
            .unicodeWrap(this, TextDirectionHeuristicsCompat.LOCALE)
    }

这里注意用到androidx.core.text
还有一个相同类是在android.text包下的，但是它的unicodeWrap方法只能在android8.0以上才可以使用。

1.示例一
测试一
  val content = "我是中国人"
  binding.tv.text = content

在系统语言是自左向右环境下显示如下
在这里插入图片描述

在系统语言是自右向左下显示如下
在这里插入图片描述

第一张图是自左向右环境下显示是没有问题的
第二张图你是不是觉得也没什么问题呢？
光从文字上看确实是没什么问题，但是我们在系统语言是自右向左的阅读方式下显示时，
那这就是问题了，正常显示的话文本应该是位于屏幕右侧，那怎么实现这个效果呢。如下：

  val content = "我是中国人"
  binding.tv.text = content.biDiFormat()

在系统语言是自右向左下显示如下
在这里插入图片描述

此时的显示才是正确的效果。

测试二
val stringBuffer = StringBuffer()
stringBuffer.append("يبيب")
stringBuffer.append("中国人")
binding.tv.text = stringBuffer.toString()

在系统语言是自左向右下显示如下
在这里插入图片描述
在系统语言是自右向左环境下显示如下
在这里插入图片描述

此时的第二张图显示效果是没有问题的，因为系统语言是自右向左下，文本显示也是位于屏幕右侧，阅读方式也是从右往左。我们在看第一张图，文本在系统语言是自左向右环境下位于屏幕右侧，读取方式也是从右往左，正常情况下文本显示是在屏幕左侧，阅读方式也是从左往右。为了修改这个问题使用修改方法同上：

val stringBuffer = StringBuffer()
stringBuffer.append("يبيب")
stringBuffer.append("中国人")
binding.tv.text = stringBuffer.toString().biDiFormat()

在系统语言是自左向右环境下显示如下
在这里插入图片描述

此时的显示才是正确的效果。

测试三
val stringBuffer = StringBuffer()
stringBuffer.append("中国人")
stringBuffer.append("يبيب")
binding.tv.text = stringBuffer.toString()

在系统语言是自左向右环境下显示如下
在这里插入图片描述

在系统语言是自右向左下显示如下
在这里插入图片描述

分析同测试一和测试二，图一显示没有问题，
图二显示文本应该是靠右边，而且两个文本的位置也是相反了。
那么要修改这个问题方式同上

测试三
val stringBuffer = StringBuffer()
stringBuffer.append("中国人")
stringBuffer.append("يبيب")
binding.tv.text = stringBuffer.toString().biDiFormat()

在系统语言是自右向左下显示如下
在这里插入图片描述

此时的显示才是正确的效果。

测试四
val stringBuffer = StringBuffer()
stringBuffer.append("我是")
stringBuffer.append("يبيب")
stringBuffer.append("中国人")
binding.tv.text = stringBuffer.toString()

在系统语言是自左向右环境下显示如下
在这里插入图片描述

在系统语言是自右向左下显示如下
在这里插入图片描述

分析同上,图一显示没有问题；
图二显示文本应该是靠右边，而且两个文本的位置也是相反了。
那么要修改这个问题方式同上：

val stringBuffer = StringBuffer()
stringBuffer.append("我是")
stringBuffer.append("يبيب")
stringBuffer.append("中国人")
binding.tv.text = stringBuffer.toString().biDiFormat()

在系统语言是自右向左下显示如下
在这里插入图片描述

此时的显示才是正确的效果。

测试五
val stringBuffer = StringBuffer()
stringBuffer.append("يسيي")
stringBuffer.append("中国人")
stringBuffer.append("يبيب")
binding.tv.text = stringBuffer.toString()

在系统语言是自左向右环境下显示如下
在这里插入图片描述

在系统语言是自右向左下显示如下
在这里插入图片描述

分析同上,图二显示没有问题；
图一显示文本应该是靠左边，而且两个文本的位置也是相反了。
那么要修改这个问题方式同上：

val stringBuffer = StringBuffer()
stringBuffer.append("يسيي")
stringBuffer.append("中国人")
stringBuffer.append("يبيب")
binding.tv.text = stringBuffer.toString().biDiFormat()

在系统语言是自左向右环境下显示如下
在这里插入图片描述

2. 示例二
var  msg = "<nickName> أرسل إلى <receiverNames> <giftIcon> <count>"

假设上述文本要在系统语言是自右向左下正确显示，那么它显示的结果应该是下面这样

var  msg = "<count> <giftIcon> <receiverNames> أرسل إلى <nickName>"

那要怎么样才能达到这个效果呢
首先我将msg整体进行一次bidiFormat

 var  msg = "<nickName> أرسل إلى <receiverNames> <giftIcon> <count>"
 binding.tv.text = msg.biDiFormat()

此时在自右向左下显示的结果如下:
在这里插入图片描述

通过上图发现，上述文本拆分成
<nickName>、<receiverNames> <giftIcon> <count>、أرسل إلى
三个部分，然后<nickName>和<receiverNames> <giftIcon> <count>做了一个整体的镜像，但是这并没有达到我们的效果。

下面我们把 <giftIcon> 这个做了一个biDiFormat

 var  msg = "<nickName> أرسل إلى <receiverNames> <giftIcon> <count>"
 msg = msg.replace("<giftIcon>","<giftIcon>".biDiFormat())
 binding.tv.text = msg.biDiFormat()

在这里插入图片描述

此时显示的结果就符合我们的预期了。
给<giftIcon>加上biDiFormat之后，
相当于给<giftIcon>整体包裹起来，然后它的顺序就变成是自右向左的模式，
所以它会把两端的文本格式是自左向右的进行互换位置。

3. 示例三
var  msg = "<nickName> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"

假设上述文本要在系统语言是自右向左下正确显示，那么它显示的结果应该是下面这样

var  msg = "<count> <giftIcon> <giftName> <receiverNames> أرسل إلى <nickName>"

那要怎么样才能达到这个效果呢
首先我将msg整体进行一次bidiFormat

 var  msg = "<nickName> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"
 binding.tv.text = msg.biDiFormat()

此时在自右向左下显示的结果如下:
在这里插入图片描述

通过上图发现，上述文本拆分成
<nickName>、<receiverNames> <giftName> <giftIcon> <count>、أرسل إلى
三个部分，然后<nickName>和<receiverNames> <giftName> <giftIcon> <count>做了一个整体的镜像，但是这并没有达到我们的效果。

下面我们把 <giftName> 这个做了一个biDiFormat

         var  msg = "<nickName> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"
        msg = msg.replace("<giftName>","<giftName>".biDiFormat())
        binding.tv.text = msg.biDiFormat()

在这里插入图片描述

位置互换的逻辑跟示例二一致,以<giftName>为中心，<receiverNames>、<giftIcon> <count> 进行位置互换。
此时还未符合我们的预期,<giftIcon> <count> 位置还需要进行调换，

下面我们把 <count> 这个做了一个biDiFormat

         var  msg = "<nickName> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"
        msg = msg.replace("<giftName>","<giftName>".biDiFormat())
        msg = msg.replace("<count>","<count>".biDiFormat())
        binding.tv.text = msg.biDiFormat()

在这里插入图片描述

因为<giftName>已经做过一次biDiFormat()，它就是自右向左所以它的位置不会变更。
那么最后<giftIcon>和<count>进行位置互换，此时显示的结果就符合我们的预期了。

4. 示例四
var  msg = "<nickName> <address> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"

假设上述文本要在系统语言是自右向左下正确显示，那么它显示的结果应该是下面这样

var  msg = "<count> <giftIcon> <giftName> <receiverNames> أرسل إلى <address> <nickName>"

那要怎么样才能达到这个效果呢
首先我将msg整体进行一次bidiFormat

 var  msg = "<nickName> <address> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"
 binding.tv.text = msg.biDiFormat()

此时在自右向左下显示的结果如下:
在这里插入图片描述

通过上图发现，上述文本拆分成
<nickName> <address>、<receiverNames> <giftName> <giftIcon> <count>、أرسل إلى
三个部分，然后<nickName> <address>和<receiverNames> <giftName> <giftIcon> <count>做了一个整体的镜像，但是这并没有达到我们的效果。

下面我们把 <giftIcon> 这个做了一个biDiFormat

         var  msg = "<nickName> <address> أرسل إلى <receiverNames> <giftName> <giftIcon> <count>"
        msg = msg.replace("<giftName>","<giftName>".biDiFormat())
         msg = msg.replace("<count>","<count>".biDiFormat())
        msg = msg.replace("<address>","<address>".biDiFormat())
        binding.tv.text = msg.biDiFormat()

在这里插入图片描述

此时显示的结果就符合我们的预期了。

上述如有理解不对的地方，欢迎大家一起探讨。

2.关于实现上面功能中途碰到另外两个小问题

  • 1.当文本中存在两个连续空格的情况下，经过Html.fromHtml后空格只显示一个，
    所以我们需要通过replace(" ", "\u00A0")进行替换。

  • 2.关于Spanned当中几个标志位
    SPAN_EXCLUSIVE_EXCLUSIVE 不包含两端
    SPAN_INCLUSIVE_INCLUSIVE 包含两端
    SPAN_EXCLUSIVE_INCLUSIVE 不包含开始 包含结尾
    SPAN_INCLUSIVE_EXCLUSIVE 包含开始 不包含结尾

具体的理解以及示例大家可以去这里看

好了，全文结束，如有问题，欢迎大家指正交流~
吃不胖的人最瘦
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android阿拉伯语UI适配问题汇总
renus_sun的博客
08-09 2460
Android阿拉伯语UI适配问题汇总 Sensi Sun RTL和LTR LTR是 Left-to-right(从左向右) 的缩写。（常用） RTL 是 Right-to-left(从右向左) 的缩写。其意为人们书写阅读习惯是从右向左，朝左继续的。常见的RTL语言有阿拉伯语，希伯来语等。 对比如下： LTR RTL ...
阿拉伯语状态下TextView如何从右往左显示
baidu_32472003的博客
11-30 1228
在手机语言切换到阿拉伯语之后，系统的布局会自动从右到左的显示，如何强制TextView为从左到右显示： import android.text.BidiFormatter; import android.text.TextDirectionHeuristics;   String numberWhenContact; numberWhenContact = contactInfo.number; ...
android中阿拉伯文研究
kouriba
07-13 122
阿拉伯語系在文字處理上是我目前所知道最複雜的。阿拉伯文一些獨有的特性，導致其文字儲存時的編碼或在記憶體的原始 Unicode characters 序列，跟最後螢幕上看到的有很大的差異。 兩者最大的差異有： 順序不同 阿拉伯文的書寫（或顯示）順序是由右向左的 阿拉伯文字元序列間如果有數字或英文等左邊開始書寫的文字，這些左向右寫的文字，呈現時不能跟著阿拉伯字一起字序倒轉 單一字元最後顯示的形狀...
Android 中东阿拉伯语适配，看这一篇够了
cpongo5
08-03 1708
RTL 语言由来 RTL 是 Right-to-left(从右向左) 的缩写。其意为人们书写阅读习惯是从右向左，朝左继续的，常见的 RTL 语言有阿拉伯语，希伯来语等。 看一下对比： LTR RTL 那么对于这种从右到左的习惯，在 Android 布局中有没有支持呢？ 答案是有的：从 Android 4.2 ...
android 阿拉伯语下布局,android设计的布局在阿拉伯语下界面错乱的解决方法
weixin_42144201的博客
05-27 978
首页 > 精品文库 > androidの设计的布局在阿拉伯语下界面错乱的解决方法androidの设计的布局在阿拉伯语下界面错乱的解决方法[摘要：androidの计划的结构正在阿推伯语下界里紊乱的办理方式 左侧是有题目图片，，，右侧是精确的图片 (1)正在AndroidManifest.xml声明文件的application元素中，增加” android:supportsRtl=true...
Android 阿拉伯语适配
fynzhy的博客
02-26 4319
首先推荐一个链接：https://www.jianshu.com/p/d8cd294a5c31 开始进入正题 1、sdk要求： Android 4.2 即 SDK 17 2、四个重要属性： android:layoutDirection 设置组件的布局排列方向 android:textDirection 设置组件的文字排列方向 android:textAlignment 设置文字的对齐方式 get...
android textview图文混排支持GIF图
11-22
本文将深入探讨如何在Android的TextView中实现图文混排，并支持GIF图的展示，主要借助于原生方法以及第三方库Glide。 首先，让我们了解什么是图文混排。图文混排是指在一段文本中插入图片，使得文字和图片能够和谐...
android开发 自定义图文混排控件
08-17
在Android开发中，自定义图文混排控件是一项常见的需求，尤其在制作用户界面或者文章展示时。这个项目就是基于单点触控实现的一个自定义控件，它允许开发者将文字和图片自由地组合在一起，形成美观且功能丰富的布局...
Android Spinner图文混排源码.rar
07-04
这个"Android Spinner图文混排源码.rar"压缩包包含了实现Spinner中包含文本和图片混排的示例代码。以下是对这个主题的详细解释： 1. **Spinner的基本概念** Spinner是Android SDK提供的一种用户界面组件，它类似于...
Android：RTL阿拉伯语适配
最新发布
iblade的博客
01-19 1688
如果你创建了自定义视图并在其中处理绘图操作，请确保考虑到RTL布局。使用来检查布局方向，并据此调整你的绘制代码。
Android按名称排序，中英文混合排序
热门推荐
God丶Davide的博客
11-08 8万+
有时候我们需要多列表中的数据进行特定的排序，最近项目中用到的是按名称排序，所以简单来说一下：效果图： 排序方法： Collections.sort(students, new SortChineseName()); for (Student s : students) { Log.e("David", "名称正序排列：" + s.getName(
android设计的布局在切换为阿拉伯语时，界面出现错乱
weixin_43195445的博客
04-20 906
设备的语言切换为阿拉伯语时，设定的布局出现异常，异常截图如下： 期望结果： 将layout_marginLeft替换为layout_marginStart; 如果有layout_marginRight替换为layout_marginEnd。替换之后的效果：
Android2.3系统增加阿拉伯语支持, 共支持57国语言
heyustudent的专栏
06-26 4218
http://yangguangwei1987.blog.163.com/blog/static/1952151782011112831128845/ 美国时间12月6日，谷歌发布了移动操作系统Android的最新版本Android2.3代号“Gingerbread姜饼”。而自家的儿子Google Nexu one也有了最新的接班人Google Nexus S。谷歌并没有将最新的Android
关于Android 为从右向左字串拼接 "\u200f"
D_Android的专栏
01-13 7409
前边已经收藏了了关于“左右语言定义复杂字串的” 在开发中感觉还不是很全。 1  关于“\u200f”的使用الموضوع: 想要的效果应该是“：”处于“الموضوع”的左侧。但是手机上的效果确是处于右侧。 "()?!"等符号也是这样。特别是“(内容)”显示的很艹蛋，而且内容很长会换行的时候。 上述情况可以这样解决： الموضوع:\u200f (لن يتم حذف المحاد
androidの设计的布局在阿拉伯语下界面错乱的解决方法 总汇
jcl490195138的博客
08-08 6706
一： androidの设计的布局在阿拉伯语下界面错乱的解决方法 左边是有问题图片，，，右边是正确的图片 （1）在AndroidManifest.xml声明文件的元素中，添加” android:supportsRtl=true” （2）修改应用程序中layout的“left/right”布局属性，改为对应的”start/end”布局  paddingStart pa
Android国际化，阿语RTL适配总结
蒋文的博客
04-08 7025
Android国际化，多语切换。重点介绍阿语下RTL的适配。
android关于阿拉伯等语言适配问题
weixin_42405406的博客
10-11 1586
因为某些原因，我们要适配阿拉伯等地区语言以及他们的从右到左的使用习惯。 当然android并没有那么智能直接左右颠倒，所以我们这要运用些技巧。 在安卓中阿拉伯语系，波斯语系都是一些从右到左的显示。这时候就需要我们进行适配啦。 1.首先我们必须需要在AndroidManifest.xml文件中元素中，添加”android:supportsRtl=true，需要注意的是，使用supportsRtl要求...
嵌入式设备上的阿拉伯语变形与混排技术
在混排情况下，非阿拉伯语字符也需要遵循右对齐并可能进行镜像处理，即使在阿拉伯语环境中也是如此，如图标、进度条等元素。例如，数字虽然通常被视为弱方向符号，但在阿拉伯语系统中仍需适应阿拉伯语的行文规则。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值