Kevin Learn QMUI--＞QMUILinkTextView

Posted 2022-03-25 Kevin_小飞象

简介

使 TextView 能自动识别 URL、电话、邮箱地址，相比 TextView 有以下特点：

• 可以设置链接的样式。
• 可以设置链接的点击事件。

开始使用

qmui

1. 引入库
   请确保配置了 JCenter 仓库源，然后直接引用:
   implementation "com.qmuiteam:qmui:2.0.0-alpha10"
   至此，QMUI 已被引入项目中。

2. 配置主题
   把项目的 theme 的 parent 指向 QMUI.Compat，至此，QMUI 可以正常工作。
   <style name="Theme.QMUIDemo" parent="QMUI.Compat.NoActionBar"></style>

效果图

核心代码

1. 布局文件

<?xml version="1.0" encoding="utf-8"?>
<com.qmuiteam.qmui.widget.QMUIWindowInsetLayout2 xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.QDLinkTextViewActivity">

    <com.qmuiteam.qmui.widget.QMUITopBar
        android:id="@+id/topbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/app_color_theme_8"
        app:qmui_topbar_title_bold="true"
        app:qmui_topbar_title_color="@color/white"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:fitsSystemWindows="true"/>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/topbar"
        app:layout_constraintBottom_toBottomOf="parent"
        android:background="@color/qmui_config_color_white"
        android:orientation="vertical"
        android:padding="25dp">

        <TextView
            style="@style/QDCommonTitle"
            android:ellipsize="end"
            android:text="@string/linkTextView_auto_identify"/>

        <com.qmuiteam.qmui.widget.textview.QMUILinkTextView
            android:id="@+id/link_text_view"
            style="@style/QDCommonDescription"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="20dp"
            android:gravity="left"
            android:text="@string/linkTextView_auto_identify_word"
            android:textColor="@color/qmui_config_color_gray_3"/>

    </LinearLayout>

</com.qmuiteam.qmui.widget.QMUIWindowInsetLayout2>

2. QDLinkTextViewActivity.java

public class QDLinkTextViewActivity extends BaseActivity 
    @BindView(R.id.topbar)
    QMUITopBar mTopBar;
    @BindView(R.id.link_text_view)
    QMUILinkTextView mLinkTextView;

    @Override
    protected int getLayoutId() 
        return R.layout.activity_qdlink_text_view;
    

    @Override
    protected void initView() 
        initTopBar();
        mLinkTextView.setOnLinkClickListener(mOnLinkClickListener);
        mLinkTextView.setOnLinkLongClickListener(new QMUILinkTextView.OnLinkLongClickListener() 
            @Override
            public void onLongClick(String text) 
                Toast.makeText(App.CONTEXT, "long click: " + text, Toast.LENGTH_SHORT).show();
            
        );
        mLinkTextView.setOnClickListener(new View.OnClickListener() 
            @Override
            public void onClick(View v) 
                Toast.makeText(App.CONTEXT, "click TextView", Toast.LENGTH_SHORT).show();
            
        );
    

    private void initTopBar() 
        mTopBar.setTitle("QMUILinkTextView");
        mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() 
            @Override
            public void onClick(View v) 
                finish();
            
        );
    

    private QMUILinkTextView.OnLinkClickListener mOnLinkClickListener = new QMUILinkTextView.OnLinkClickListener() 
        @Override
        public void onTelLinkClick(String phoneNumber) 
            Toast.makeText(App.CONTEXT, "识别到电话号码是：" + phoneNumber, Toast.LENGTH_SHORT).show();
        

        @Override
        public void onMailLinkClick(String mailAddress) 
            Toast.makeText(App.CONTEXT, "识别到邮件地址是：" + mailAddress, Toast.LENGTH_SHORT).show();
        

        @Override
        public void onWebUrlLinkClick(String url) 
            Toast.makeText(App.CONTEXT, "识别到网页链接是：" + url, Toast.LENGTH_SHORT).show();
        
    ;