SpannableString 实现快递信息座机点击拨打功能(Android)

如图,快递文本如果有手机号码的话需要实现超链接,

android:autoLink ="phone" 只能实现手机号超链接,座机却不可以,查了好多资料最后得出一个结论只能用 SpannableString实现。知道新办法的小盆友可以补充补充。   最后实现的效果如下(点击对应的号码都可以拨打出去该号码):

 

其实这是我第一次使用 SpannableString ,果然学习都是需要成本的。。。  下面上代码说具体实现:

String regex = "(0\\d{2}-\\d{7,8})|(0\\d{3}-\\d{7,8})";  //座机校验正则  (此处只添加座机正则即可,手机号的话用autoLink ="phone"实现)
------------------------------------------------------------------------------------------------------------
TextView tv_content = findViewById(R.id.status_content);

String textTest = "这里是测试的文本,包含座机号码029-88683908还有手机号码18710119288测试文本结束";

  tv_content.setText(textTest );

SpannableString ss= new SpannableString(textTest);

final List<String> list = getAllSatisfyStr(textTest,regex);
if(list.size() > 0){
    for (int i = 0 ; i < list.size();i++){
        int start = textTest.indexOf(list.get(i));
        final int finalI = i;
        ss.setSpan(new ClickableSpan() {
                    @Override
                    public void onClick(View widget) {
                        Intent intent = new Intent(Intent.ACTION_DIAL);
                        Uri data = Uri.parse("tel:" + list.get(finalI));
                        intent.setData(data);
                        a.startActivity(intent);
                    }
                },start,start+(list.get(i).length()), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
        tv_content.setText(ss);
        tv_content.setMovementMethod(LinkMovementMethod.getInstance());
    }
}
/**
 * 获取所有满足正则表达式的字符串
 * @param str 需要被获取的字符串
 * @param regex 正则表达式
 * @return 所有满足正则表达式的字符串
 */ private ArrayList<String> getAllSatisfyStr(String str, String regex) {
    if (str == null || str.isEmpty()) {
        return null;
    }
    ArrayList<String> allSatisfyStr = new ArrayList<>();
    if (regex == null || regex.isEmpty()) {
        allSatisfyStr.add(str);
        return allSatisfyStr;
    }
    Pattern pattern = Pattern.compile(regex);
    Matcher matcher = pattern.matcher(str);
    while (matcher.find()) {
        allSatisfyStr.add(matcher.group());
    }
    return allSatisfyStr;
 }

 

SpannableString 这个类  比较难理解的就是setSpan中第二和第三个参数,这二个其实是你想让  文本 变成超链接的  起始点和终止点在整个字符串文本中的index !

over。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue3中,可以使用Element-Plus组件库中的`el-input`组件,并使用`rules`属性自定义校验规则。 下面是一个例子,展示如何校验电话号码和座机号码: ```html <template> <div> <el-input v-model="telephone" placeholder="请输入电话号码" :rules="telephoneRules"></el-input> <el-input v-model="landline" placeholder="请输入座机号码" :rules="landlineRules"></el-input> </div> </template> <script> export default { data() { return { telephone: '', landline: '', telephoneRules: [ { required: true, message: '电话号码不能为空', trigger: 'blur' }, { validator: (rule, value, callback) => { const reg = /^1[3456789]\d{9}$/; if (reg.test(value)) { callback(); } else { callback(new Error('电话号码格式错误')); } }, trigger: 'blur', }, ], landlineRules: [ { required: true, message: '座机号码不能为空', trigger: 'blur' }, { validator: (rule, value, callback) => { const reg = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/; if (reg.test(value)) { callback(); } else { callback(new Error('座机号码格式错误')); } }, trigger: 'blur', }, ], }; }, }; </script> ``` 在上述代码中,我们定义了两个输入框,分别用`telephone`和`landline`绑定数据。为了进行校验,我们在`el-input`组件上添加了`rules`属性,并分别定义了`telephoneRules`和`landlineRules`数组,用于保存校验规则。其中,每个规则对象中包含了`required`属性表示该项必填,`message`属性表示校验失败时的提示信息,以及`validator`属性表示校验函数。 在校验函数中,我们使用了正则表达式来判断输入的电话号码和座机号码是否符合要求。如果符合要求,就调用`callback()`函数表示校验成功;否则,就调用`callback(new Error('错误信息'))`函数表示校验失败,并传入相应的提示信息。 这样,就可以实现在Vue3中使用Element-Plus组件库中的`el-input`组件,校验电话号码和座机号码的功能了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值