lidar com link de visualização de texto, clique no meu aplicativo para Android

148

Atualmente, estou processando entrada HTML em um TextView da seguinte forma:

tv.setText(Html.fromHtml("<a href='test'>test</a>"));

O HTML exibido é fornecido a mim por meio de um recurso externo; portanto, não posso mudar as coisas da maneira que quiser, mas é claro que posso alterar algumas expressões regulares do HTML, para alterar o valor href, digamos, para outra coisa.

O que eu quero é poder manipular um clique no link diretamente de dentro do aplicativo, em vez de abrir o link da janela do navegador. Isso é realizável? Suponho que seria possível definir o protocolo do valor href para algo como "myApp: //" e, em seguida, registrar algo que permitiria ao meu aplicativo lidar com esse protocolo. Se essa é realmente a melhor maneira, eu gostaria de saber como isso é feito, mas espero que exista uma maneira mais fácil de dizer "quando um link for clicado nesta visualização de texto, eu quero criar um evento que receba o valor href do link como um parâmetro de entrada "

David Hedlund
fonte
Eu encontrei algo mais em [aqui] [1] [1]: stackoverflow.com/questions/7255249/... esperança de que pode ajudá-lo ^^
Mr_DK
1
David, estou tendo um caso semelhante ao seu, também recebo o html de uma fonte externa (web), mas como regex adultero o valor href para que eu possa aplicar esta solução?
X09 14/05

Respostas:

182

Chegando a isso quase um ano depois, há uma maneira diferente de resolver o meu problema específico. Como eu queria que o link fosse tratado pelo meu próprio aplicativo, existe uma solução um pouco mais simples.

Além do filtro de intenção padrão, simplesmente deixo minha atividade de destino ouvir ACTION_VIEWintenções e, especificamente, aquelas com o esquemacom.package.name

<intent-filter>
    <category android:name="android.intent.category.DEFAULT" />
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="com.package.name" />  
</intent-filter>

Isso significa que os links que começam com com.package.name:// serão tratados pela minha atividade.

Então, tudo o que preciso fazer é construir uma URL que contenha as informações que desejo transmitir:

com.package.name://action-to-perform/id-that-might-be-needed/

Na minha atividade de destino, posso recuperar este endereço:

Uri data = getIntent().getData();

No meu exemplo, eu poderia simplesmente verificar datavalores nulos, porque sempre que não for nulo, saberei que foi invocado por meio desse link. A partir daí, extraio as instruções necessárias do URL para poder exibir os dados apropriados.

David Hedlund
fonte
1
Ei, sua resposta é perfeita. Mas, além disso, podemos enviar dados de dados passados ​​com isso?
user861973
4
@ user861973: Sim, getDatafornece o URI completo, você também pode usar getDataStringisso para gerar uma representação de texto. De qualquer forma, você pode construir a URL para conter todos os dados necessários com.package.name://my-action/1/2/3/4e extrair as informações dessa sequência.
David Hedlund
3
Levei um dia para entender essa idéia, mas eu digo a você o que - valeu a pena. Solução bem projetada
Dennis
7
ótima solução. Não se esqueça de adicionar isso ao Textview para ativar os links. tv.setMovementMethod (LinkMovementMethod.getInstance ());
Daniel Benedykt
3
Desculpe, mas em qual método da atividade devo dizer Uri data = getIntent().getData();? Eu continuo recebendo Activity not found to handle intenterro. - Graças
rgv
62

Outra maneira, empresta um pouco do Linkify, mas permite que você personalize seu tratamento.

Classe de extensão personalizada:

public class ClickSpan extends ClickableSpan {

    private OnClickListener mListener;

    public ClickSpan(OnClickListener listener) {
        mListener = listener;
    }

    @Override
    public void onClick(View widget) {
       if (mListener != null) mListener.onClick();
    }

    public interface OnClickListener {
        void onClick();
    }
}

Função auxiliar:

public static void clickify(TextView view, final String clickableText, 
    final ClickSpan.OnClickListener listener) {

    CharSequence text = view.getText();
    String string = text.toString();
    ClickSpan span = new ClickSpan(listener);

    int start = string.indexOf(clickableText);
    int end = start + clickableText.length();
    if (start == -1) return;

    if (text instanceof Spannable) {
        ((Spannable)text).setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
    } else {
        SpannableString s = SpannableString.valueOf(text);
        s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        view.setText(s);
    }

    MovementMethod m = view.getMovementMethod();
    if ((m == null) || !(m instanceof LinkMovementMethod)) {
        view.setMovementMethod(LinkMovementMethod.getInstance());
    }
}

Uso:

 clickify(textView, clickText,new ClickSpan.OnClickListener()
     {
        @Override
        public void onClick() {
            // do something
        }
    });
Jonathan S.
fonte
Outra solução é substituir os Spans pelos Spans personalizados. Consulte stackoverflow.com/a/11417498/792677
A-Live
grande solução elegante
Mario Zderic
Eu achei que essa era a solução mais simples de implementar. O Google nunca limpou essa bagunça para ter uma maneira de tornar consistentes os links nas visualizações de texto clicáveis. É uma abordagem brutal para forçar uma extensão nele, mas funciona bem em diferentes versões do sistema operacional. +1
angryITguy
55

se houver vários links na exibição de texto. Por exemplo, o textview tem "https: //" e "tel no", podemos personalizar o método LinkMovement e manipular cliques para palavras com base em um padrão. Em anexo está o método de movimento de link personalizado.

public class CustomLinkMovementMethod extends LinkMovementMethod
{

private static Context movementContext;

private static CustomLinkMovementMethod linkMovementMethod = new CustomLinkMovementMethod();

public boolean onTouchEvent(android.widget.TextView widget, android.text.Spannable buffer, android.view.MotionEvent event)
{
    int action = event.getAction();

    if (action == MotionEvent.ACTION_UP)
    {
        int x = (int) event.getX();
        int y = (int) event.getY();

        x -= widget.getTotalPaddingLeft();
        y -= widget.getTotalPaddingTop();

        x += widget.getScrollX();
        y += widget.getScrollY();

        Layout layout = widget.getLayout();
        int line = layout.getLineForVertical(y);
        int off = layout.getOffsetForHorizontal(line, x);

        URLSpan[] link = buffer.getSpans(off, off, URLSpan.class);
        if (link.length != 0)
        {
            String url = link[0].getURL();
            if (url.startsWith("https"))
            {
                Log.d("Link", url);
                Toast.makeText(movementContext, "Link was clicked", Toast.LENGTH_LONG).show();
            } else if (url.startsWith("tel"))
            {
                Log.d("Link", url);
                Toast.makeText(movementContext, "Tel was clicked", Toast.LENGTH_LONG).show();
            } else if (url.startsWith("mailto"))
            {
                Log.d("Link", url);
                Toast.makeText(movementContext, "Mail link was clicked", Toast.LENGTH_LONG).show();
            }
            return true;
        }
    }

    return super.onTouchEvent(widget, buffer, event);
}

public static android.text.method.MovementMethod getInstance(Context c)
{
    movementContext = c;
    return linkMovementMethod;
}

Isso deve ser chamado a partir da visualização de texto da seguinte maneira:

textViewObject.setMovementMethod(CustomLinkMovementMethod.getInstance(context));
Uma corrida
fonte
8
Você realmente não precisa passar o contexto, de modo que "atrás das costas" em uma variável estática separada, isso é meio fedorento. Basta usar widget.getContext().
Sergej Koščejev 23/07
Sim, o contexto pode ser removido. Obrigado por apontar Sergej
Arun
6
Isso funciona de forma brilhante, mas você deve chamar setMovementMethod após setText, caso contrário ele irá substituir com o LinkMovementMethod padrão
Ray Britton
Funciona, mas não há necessidade de iterar sobre os intervalos em cada clique. Além disso, o filtro por posição parece propenso a erros. Uma abordagem de inicialização única semelhante é mostrada nesta resposta .
Mister Smith
@Arun Por favor, atualize sua resposta de acordo com os comentários.
precisa saber é o seguinte
45

Aqui está uma solução mais genérica baseada na resposta @Arun

public abstract class TextViewLinkHandler extends LinkMovementMethod {

    public boolean onTouchEvent(TextView widget, Spannable buffer, MotionEvent event) {
        if (event.getAction() != MotionEvent.ACTION_UP)
            return super.onTouchEvent(widget, buffer, event);

        int x = (int) event.getX();
        int y = (int) event.getY();

        x -= widget.getTotalPaddingLeft();
        y -= widget.getTotalPaddingTop();

        x += widget.getScrollX();
        y += widget.getScrollY();

        Layout layout = widget.getLayout();
        int line = layout.getLineForVertical(y);
        int off = layout.getOffsetForHorizontal(line, x);

        URLSpan[] link = buffer.getSpans(off, off, URLSpan.class);
        if (link.length != 0) {
            onLinkClick(link[0].getURL());
        }
        return true;
    }

    abstract public void onLinkClick(String url);
}

Para usá-lo basta implementar onLinkClickde TextViewLinkHandlerclasse. Por exemplo:

    textView.setMovementMethod(new TextViewLinkHandler() {
        @Override
        public void onLinkClick(String url) {
            Toast.makeText(textView.getContext(), url, Toast.LENGTH_SHORT).show();
        }
    });
ruX
fonte
2
funciona bem. nota: não esqueça de adicionar android: autoLink = "web" à sua visualização de texto. sem atributo de link automático, isso não funciona.
Okarakose
Eu tentei todas as soluções listadas aqui. Este é o melhor para mim. É claro, simples de usar e poderoso. Dica: você precisa trabalhar com Html.fromHtml para aproveitar ao máximo.
Kai Wang
1
Melhor resposta! Obrigado! Não se esqueça de adicionar o android: autoLink = "web" no xml ou no código LinkifyCompat.addLinks (textView, Linkify.WEB_URLS);
Nikita Axyonov
1
O que seria um requisito aparentemente simples é um assunto bastante complexo no Android. Esta solução tira muita dessa dor. Verificaram que autoLink = "web" não é necessário para que esta solução funcione no Android N .. +1
angryITguy 16/02
1
Por que no mundo uma classe como essa não existe nativamente - depois de todos esses anos - está além de mim. Obrigado Android por LinkMovementMethod, mas geralmente eu gostaria de controlar minha própria interface do usuário. Você pode relatar eventos da interface do usuário para mim e para que MEU controlador possa lidar com eles.
methodsignature
10

é muito simples adicionar esta linha ao seu código:

tv.setMovementMethod(LinkMovementMethod.getInstance());
Jonathan
fonte
1
Obrigado pela sua resposta, Jonathan. Sim, eu sabia sobre o MovementMethod; o que eu não tinha certeza era como especificar que meu próprio aplicativo deve lidar com o clique no link, em vez de apenas abrir um navegador, como faria o método de movimento padrão (consulte a resposta aceita). Obrigado mesmo assim.
David Hedlund
5

Solução

Eu implementei uma classe pequena com a ajuda da qual você pode lidar com cliques longos no próprio TextView e tocar nos links do TextView.

Layout

TextView android:id="@+id/text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:autoLink="all"/>

TextViewClickMovement.java

import android.content.Context;
import android.text.Layout;
import android.text.Spannable;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.util.Patterns;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.TextView;

public class TextViewClickMovement extends LinkMovementMethod {

    private final String TAG = TextViewClickMovement.class.getSimpleName();

    private final OnTextViewClickMovementListener mListener;
    private final GestureDetector                 mGestureDetector;
    private TextView                              mWidget;
    private Spannable                             mBuffer;

    public enum LinkType {

        /** Indicates that phone link was clicked */
        PHONE,

        /** Identifies that URL was clicked */
        WEB_URL,

        /** Identifies that Email Address was clicked */
        EMAIL_ADDRESS,

        /** Indicates that none of above mentioned were clicked */
        NONE
    }

    /**
     * Interface used to handle Long clicks on the {@link TextView} and taps
     * on the phone, web, mail links inside of {@link TextView}.
     */
    public interface OnTextViewClickMovementListener {

        /**
         * This method will be invoked when user press and hold
         * finger on the {@link TextView}
         *
         * @param linkText Text which contains link on which user presses.
         * @param linkType Type of the link can be one of {@link LinkType} enumeration
         */
        void onLinkClicked(final String linkText, final LinkType linkType);

        /**
         *
         * @param text Whole text of {@link TextView}
         */
        void onLongClick(final String text);
    }


    public TextViewClickMovement(final OnTextViewClickMovementListener listener, final Context context) {
        mListener        = listener;
        mGestureDetector = new GestureDetector(context, new SimpleOnGestureListener());
    }

    @Override
    public boolean onTouchEvent(final TextView widget, final Spannable buffer, final MotionEvent event) {

        mWidget = widget;
        mBuffer = buffer;
        mGestureDetector.onTouchEvent(event);

        return false;
    }

    /**
     * Detects various gestures and events.
     * Notify users when a particular motion event has occurred.
     */
    class SimpleOnGestureListener extends GestureDetector.SimpleOnGestureListener {
        @Override
        public boolean onDown(MotionEvent event) {
            // Notified when a tap occurs.
            return true;
        }

        @Override
        public void onLongPress(MotionEvent e) {
            // Notified when a long press occurs.
            final String text = mBuffer.toString();

            if (mListener != null) {
                Log.d(TAG, "----> Long Click Occurs on TextView with ID: " + mWidget.getId() + "\n" +
                                  "Text: " + text + "\n<----");

                mListener.onLongClick(text);
            }
        }

        @Override
        public boolean onSingleTapConfirmed(MotionEvent event) {
            // Notified when tap occurs.
            final String linkText = getLinkText(mWidget, mBuffer, event);

            LinkType linkType = LinkType.NONE;

            if (Patterns.PHONE.matcher(linkText).matches()) {
                linkType = LinkType.PHONE;
            }
            else if (Patterns.WEB_URL.matcher(linkText).matches()) {
                linkType = LinkType.WEB_URL;
            }
            else if (Patterns.EMAIL_ADDRESS.matcher(linkText).matches()) {
                linkType = LinkType.EMAIL_ADDRESS;
            }

            if (mListener != null) {
                Log.d(TAG, "----> Tap Occurs on TextView with ID: " + mWidget.getId() + "\n" +
                                  "Link Text: " + linkText + "\n" +
                                  "Link Type: " + linkType + "\n<----");

                mListener.onLinkClicked(linkText, linkType);
            }

            return false;
        }

        private String getLinkText(final TextView widget, final Spannable buffer, final MotionEvent event) {

            int x = (int) event.getX();
            int y = (int) event.getY();

            x -= widget.getTotalPaddingLeft();
            y -= widget.getTotalPaddingTop();

            x += widget.getScrollX();
            y += widget.getScrollY();

            Layout layout = widget.getLayout();
            int line = layout.getLineForVertical(y);
            int off = layout.getOffsetForHorizontal(line, x);

            ClickableSpan[] link = buffer.getSpans(off, off, ClickableSpan.class);

            if (link.length != 0) {
                return buffer.subSequence(buffer.getSpanStart(link[0]),
                        buffer.getSpanEnd(link[0])).toString();
            }

            return "";
        }
    }
}

Uso

TextView tv = (TextView) v.findViewById(R.id.textview);
tv.setText(Html.fromHtml("<a href='test'>test</a>"));
textView.setMovementMethod(new TextViewClickMovement(this, context));

Ligações

Espero que isto ajude! Você pode encontrar o código aqui .

Victor Apoyan
fonte
3

Apenas para compartilhar uma solução alternativa usando uma biblioteca que eu criei. Com o Textoo , isso pode ser alcançado como:

TextView locNotFound = Textoo
    .config((TextView) findViewById(R.id.view_location_disabled))
    .addLinksHandler(new LinksHandler() {
        @Override
        public boolean onClick(View view, String url) {
            if ("internal://settings/location".equals(url)) {
                Intent locSettings = new Intent(android.provider.Settings.ACTION_LOCATION_SOURCE_SETTINGS);
                startActivity(locSettings);
                return true;
            } else {
                return false;
            }
        }
    })
    .apply();

Ou com fonte HTML dinâmica:

String htmlSource = "Links: <a href='http://www.google.com'>Google</a>";
Spanned linksLoggingText = Textoo
    .config(htmlSource)
    .parseHtml()
    .addLinksHandler(new LinksHandler() {
        @Override
        public boolean onClick(View view, String url) {
            Log.i("MyActivity", "Linking to google...");
            return false; // event not handled.  Continue default processing i.e. link to google
        }
    })
    .apply();
textView.setText(linksLoggingText);
PH88
fonte
Essa deve ser a resposta principal. Obrigado senhor para a contribuição
Marian Pavel
3

para quem procura mais opções, aqui está uma

// Set text within a `TextView`
TextView textView = (TextView) findViewById(R.id.textView);
textView.setText("Hey @sarah, where did @jim go? #lost");
// Style clickable spans based on pattern
new PatternEditableBuilder().
    addPattern(Pattern.compile("\\@(\\w+)"), Color.BLUE,
       new PatternEditableBuilder.SpannableClickedListener() {
        @Override
        public void onSpanClicked(String text) {
            Toast.makeText(MainActivity.this, "Clicked username: " + text,
                Toast.LENGTH_SHORT).show();
        }
}).into(textView);

RECURSO: CodePath

Dasser Basyouni
fonte
2
public static void setTextViewFromHtmlWithLinkClickable(TextView textView, String text) {
    Spanned result;
    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N) {
        result = Html.fromHtml(text, Html.FROM_HTML_MODE_LEGACY);
    } else {
        result = Html.fromHtml(text);
    }
    textView.setText(result);
    textView.setMovementMethod(LinkMovementMethod.getInstance());
}
Kai Wang
fonte
1

Alterei a cor do TextView para azul usando, por exemplo:

android:textColor="#3399FF"

no arquivo xml. Como torná-lo sublinhado é explicado aqui .

Em seguida, use sua propriedade onClick para especificar um método (acho que você poderia chamar de setOnClickListener(this)outra maneira), por exemplo:

myTextView.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
    doSomething();
}
});

Nesse método, eu posso fazer o que eu quiser normalmente, como iniciar uma intenção. Observe que você ainda precisa fazer a myTextView.setMovementMethod(LinkMovementMethod.getInstance());coisa normal , como no método onCreate () da sua atividade.

Tyler Collier
fonte
1

Esta resposta estende a excelente solução de Jonathan S:

Você pode usar o seguinte método para extrair links do texto:

private static ArrayList<String> getLinksFromText(String text) {
        ArrayList links = new ArrayList();

        String regex = "\(?\b((http|https)://www[.])[-A-Za-z0-9+&@#/%?=~_()|!:,.;]*[-A-Za-z0-9+&@#/%=~_()|]";
        Pattern p = Pattern.compile(regex);
        Matcher m = p.matcher(text);
        while (m.find()) {
            String urlStr = m.group();
            if (urlStr.startsWith("(") && urlStr.endsWith(")")) {
                urlStr = urlStr.substring(1, urlStr.length() - 1);
            }
            links.add(urlStr);
        }
        return links;
    }

Isso pode ser usado para remover um dos parâmetros no clickify()método:

public static void clickify(TextView view,
                                final ClickSpan.OnClickListener listener) {

        CharSequence text = view.getText();
        String string = text.toString();


        ArrayList<String> linksInText = getLinksFromText(string);
        if (linksInText.isEmpty()){
            return;
        }


        String clickableText = linksInText.get(0);
        ClickSpan span = new ClickSpan(listener,clickableText);

        int start = string.indexOf(clickableText);
        int end = start + clickableText.length();
        if (start == -1) return;

        if (text instanceof Spannable) {
            ((Spannable) text).setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        } else {
            SpannableString s = SpannableString.valueOf(text);
            s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            view.setText(s);
        }

        MovementMethod m = view.getMovementMethod();
        if ((m == null) || !(m instanceof LinkMovementMethod)) {
            view.setMovementMethod(LinkMovementMethod.getInstance());
        }
    }

Algumas alterações no ClickSpan:

public static class ClickSpan extends ClickableSpan {

        private String mClickableText;
        private OnClickListener mListener;

        public ClickSpan(OnClickListener listener, String clickableText) {
            mListener = listener;
            mClickableText = clickableText;
        }

        @Override
        public void onClick(View widget) {
            if (mListener != null) mListener.onClick(mClickableText);
        }

        public interface OnClickListener {
            void onClick(String clickableText);
        }
    }

Agora você pode simplesmente definir o texto no TextView e adicionar um ouvinte a ele:

TextViewUtils.clickify(textWithLink,new TextUtils.ClickSpan.OnClickListener(){

@Override
public void onClick(String clickableText){
  //action...
}

});
WKS
fonte
0

A melhor maneira que usei e sempre funcionou para mim

android:autoLink="web"
Rohit Mandiwal
fonte
8
Isso não responde à pergunta.
Tom
0

Exemplo: suponha que você tenha definido algum texto na visualização de texto e deseje fornecer um link para uma expressão de texto específica: "Clique em #facebook o facebook.com"

No layout xml:

<TextView
            android:id="@+id/testtext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

Em Atividade:

String text  =  "Click on #facebook will take you to facebook.com";
tv.setText(text);
Pattern tagMatcher = Pattern.compile("[#]+[A-Za-z0-9-_]+\\b");
String newActivityURL = "content://ankit.testactivity/";
Linkify.addLinks(tv, tagMatcher, newActivityURL);

Crie também um provedor de tags como:

public class TagProvider extends ContentProvider {

    @Override
    public int delete(Uri arg0, String arg1, String[] arg2) {
        // TODO Auto-generated method stub
        return 0;
    }

    @Override
    public String getType(Uri arg0) {
        return "vnd.android.cursor.item/vnd.cc.tag";
    }

    @Override
    public Uri insert(Uri arg0, ContentValues arg1) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public boolean onCreate() {
        // TODO Auto-generated method stub
        return false;
    }

    @Override
    public Cursor query(Uri arg0, String[] arg1, String arg2, String[] arg3,
                        String arg4) {
        // TODO Auto-generated method stub
        return null;
    }

    @Override
    public int update(Uri arg0, ContentValues arg1, String arg2, String[] arg3) {
        // TODO Auto-generated method stub
        return 0;
    }

}

No arquivo de manifesto, faça como entrada a atividade do provedor e teste como:

<provider
    android:name="ankit.TagProvider"
    android:authorities="ankit.testactivity" />

<activity android:name=".TestActivity"
    android:label = "@string/app_name">
    <intent-filter >
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <data android:mimeType="vnd.android.cursor.item/vnd.cc.tag" />
    </intent-filter>
</activity>

Agora, quando você clicar em #facebook, ele ativará testactivtiy. E na atividade de teste, você pode obter os dados como:

Uri uri = getIntent().getData();
Ankit Adlakha
fonte