Android TextView с интерактивными ссылками: как захватывать клики?
У меня есть TextView, который рендерит базовый HTML, содержащий 2+ ссылки. Мне нужно захватывать клики по ссылкам и открывать ссылки - в моем собственном внутреннем WebView (не в браузере по умолчанию).
Наиболее распространенный метод обработки рендеринга ссылок выглядит следующим образом:
String str_links = "<a href='http://google.com'>Google</a><br /><a href='http://facebook.com'>Facebook</a>";
text_view.setLinksClickable(true);
text_view.setMovementMethod(LinkMovementMethod.getInstance());
text_view.setText( Html.fromHtml( str_links ) );
Однако это приводит к открытию ссылок во внутреннем веб-браузере по умолчанию (с отображением диалогового окна "Выполнить действие, используя...").
Я попытался реализовать onClickListener, который правильно запускается при нажатии на ссылку, но я не знаю, как определить, какая ссылка была нажата...
text_view.setOnClickListener(new OnClickListener(){
public void onClick(View v) {
// what now...?
}
});
В качестве альтернативы я попытался создать собственный класс LinkMovementMethod и реализовать onTouchEvent...
public boolean onTouchEvent(TextView widget, Spannable text, MotionEvent event) {
String url = text.toString();
// this doesn't work because the text is not necessarily a URL, or even a single link...
// eg, I don't know how to extract the clicked link from the greater paragraph of text
return false;
}
Идеи?
Пример решения
Я придумал решение, которое анализирует ссылки из строки HTML и делает их кликабельными, а затем позволяет вам ответить на URL.
15 ответов
Основываясь на другом ответе, вот функция setTextViewHTML(), которая анализирует ссылки из строки HTML и делает их кликабельными, а затем позволяет вам ответить на URL.
protected void makeLinkClickable(SpannableStringBuilder strBuilder, final URLSpan span)
{
int start = strBuilder.getSpanStart(span);
int end = strBuilder.getSpanEnd(span);
int flags = strBuilder.getSpanFlags(span);
ClickableSpan clickable = new ClickableSpan() {
public void onClick(View view) {
// Do something with span.getURL() to handle the link click...
}
};
strBuilder.setSpan(clickable, start, end, flags);
strBuilder.removeSpan(span);
}
protected void setTextViewHTML(TextView text, String html)
{
CharSequence sequence = Html.fromHtml(html);
SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
URLSpan[] urls = strBuilder.getSpans(0, sequence.length(), URLSpan.class);
for(URLSpan span : urls) {
makeLinkClickable(strBuilder, span);
}
text.setText(strBuilder);
text.setMovementMethod(LinkMovementMethod.getInstance());
}
Я сделал простую функцию расширения в Kotlin, чтобы улавливать щелчки URL-ссылок в TextView, применив новый обратный вызов к элементам URLSpan.
strings.xml (пример ссылки в тексте)
<string name="link_string">this is my link: <a href="https://www.google.com/">CLICK</a></string>
Убедитесь, что ваш составной текст установлен в TextView, прежде чем вызывать handleUrlClicks.
textView.text = getString(R.string.link_string)
Это функция расширения:
/**
* Searches for all URLSpans in current text replaces them with our own ClickableSpans
* forwards clicks to provided function.
*/
fun TextView.handleUrlClicks(onClicked: ((String) -> Unit)? = null) {
//create span builder and replaces current text with it
text = SpannableStringBuilder.valueOf(text).apply {
//search for all URL spans and replace all spans with our own clickable spans
getSpans(0, length, URLSpan::class.java).forEach {
//add new clickable span at the same position
setSpan(
object : ClickableSpan() {
override fun onClick(widget: View) {
onClicked?.invoke(it.url)
}
},
getSpanStart(it),
getSpanEnd(it),
Spanned.SPAN_INCLUSIVE_EXCLUSIVE
)
//remove old URLSpan
removeSpan(it)
}
}
//make sure movement method is set
movementMethod = LinkMovementMethod.getInstance()
}
Вот как я это называю:
textView.handleUrlClicks { url ->
Timber.d("click on found span: $url")
}
Вы сделали следующее:
text_view.setMovementMethod(LinkMovementMethod.getInstance());
text_view.setText( Html.fromHtml( str_links ) );
Вы пробовали в обратном порядке, как показано ниже?
text_view.setText( Html.fromHtml( str_links ) );
text_view.setMovementMethod(LinkMovementMethod.getInstance());
и без:
text_view.setLinksClickable(true);
Это может быть просто решено с помощью Spannable String. Что вы действительно хотите сделать (Business Requirement), для меня немного неясно, поэтому следующий код не даст точного ответа на вашу ситуацию, но я уверен, что он даст вам некоторое представление и Вы сможете решить свою проблему на основе следующего кода.
Как и вы, я также получаю некоторые данные через HTTP-ответ, и я добавил дополнительный подчеркнутый текст в моем случае "more", и этот подчеркнутый текст откроет веб-браузер при событии щелчка. Надеюсь, это поможет вам.
TextView decription = (TextView)convertView.findViewById(R.id.library_rss_expan_chaild_des_textView);
String dec=d.get_description()+"<a href='"+d.get_link()+"'><u>more</u></a>";
CharSequence sequence = Html.fromHtml(dec);
SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
UnderlineSpan[] underlines = strBuilder.getSpans(0, 10, UnderlineSpan.class);
for(UnderlineSpan span : underlines) {
int start = strBuilder.getSpanStart(span);
int end = strBuilder.getSpanEnd(span);
int flags = strBuilder.getSpanFlags(span);
ClickableSpan myActivityLauncher = new ClickableSpan() {
public void onClick(View view) {
Log.e(TAG, "on click");
Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(d.get_link()));
mContext.startActivity(intent);
}
};
strBuilder.setSpan(myActivityLauncher, start, end, flags);
}
decription.setText(strBuilder);
decription.setLinksClickable(true);
decription.setMovementMethod(LinkMovementMethod.getInstance());
У меня была та же проблема, но много текста смешалось с несколькими ссылками и электронными письмами. Я думаю, что использование autoLink - это более простой и понятный способ сделать это:
text_view.setText( Html.fromHtml( str_links ) );
text_view.setLinksClickable(true);
text_view.setAutoLinkMask(Linkify.ALL); //to open links
Вы можете установить Linkify.EMAIL_ADDRESSES или Linkify.WEB_URLS, если есть только один из них, который вы хотите использовать или установить из макета XML
android:linksClickable="true"
android:autoLink="web|email"
Доступные опции: нет, Интернет, электронная почта, телефон, карта, все
Решение
Я реализовал небольшой класс, с помощью которого вы можете обрабатывать длинные щелчки по самому TextView и нажатие на ссылки в TextView.
раскладка
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 "";
}
}
}
использование
String str_links = "<a href='http://google.com'>Google</a><br /><a href='http://facebook.com'>Facebook</a>";
text_view.setText( Html.fromHtml( str_links ) );
text_view.setMovementMethod(new TextViewClickMovement(this, context));
связи
Надеюсь, что это бред! Вы можете найти код здесь.
Если вы используете Kotlin, я написал простое расширение для этого случая:
/**
* Enables click support for a TextView from a [fullText] String, which one containing one or multiple URLs.
* The [callback] will be called when a click is triggered.
*/
fun TextView.setTextWithLinkSupport(
fullText: String,
callback: (String) -> Unit
) {
val spannable = SpannableString(fullText)
val matcher = Patterns.WEB_URL.matcher(spannable)
while (matcher.find()) {
val url = spannable.toString().substring(matcher.start(), matcher.end())
val urlSpan = object : URLSpan(fullText) {
override fun onClick(widget: View) {
callback(url)
}
}
spannable.setSpan(urlSpan, matcher.start(), matcher.end(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
}
text = spannable
movementMethod = LinkMovementMethod.getInstance() // Make link clickable
}
Применение:
yourTextView.setTextWithLinkSupport("click on me: https://www.google.fr") {
Log.e("URL is $it")
}
Более чистое и лучшее решение, используя нативную библиотеку Linkify.
Пример:
Linkify.addLinks(mTextView, Linkify.ALL);
Вы можете сделать это более аккуратно, используя простую библиотеку Better-Link-Movement-Method.
TextView mTvUrl=findViewById(R.id.my_tv_url);
mTvUrl.setMovementMethod(BetterLinkMovementMethod.newInstance().setOnLinkClickListener((textView, url) -> {
if (Patterns.WEB_URL.matcher(url).matches()) {
//An web url is detected
return true;
}
else if(Patterns.PHONE.matcher(url).matches()){
//A phone number is detected
return true;
}
else if(Patterns.EMAIL_ADDRESS.matcher(url).matches()){
//An email address is detected
return true;
}
return false;
}));
Альтернативный, имхо способ более простой подход (для ленивых разработчиков вроде меня;)
abstract class LinkAwareActivity : AppCompatActivity() {
override fun startActivity(intent: Intent?) {
if(Intent.ACTION_VIEW.equals(intent?.action) && onViewLink(intent?.data.toString(), intent)){
return
}
super.startActivity(intent)
}
// return true to consume the link (meaning to NOT call super.startActivity(intent))
abstract fun onViewLink(url: String?, intent: Intent?): Boolean
}
При необходимости вы также можете проверить схему / mimetype намерения
Эта страница решила мою проблему, но мне пришлось кое-что придумать. Я использовал строковые ресурсы Android для установки текста TextView, и, очевидно, они вернули CharSequence , у которого есть ссылка между текстом.
Это были ресурсы:
<string name="license_agreement">By registering, you agree with our <b><ahref="www.privacy-options.com">Privacy Policy</a></b> and <b><a href="www.terms-and-conditions.com">Terms and Conditions</a></b></string>
<string name="sign_now">Already have an account? <b><a href="@login_page">Login</a></b></string>
Я внес изменения в один из предложенных кодов. Код:
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// ...
// Make Licence agreement statements and login text clickable links
setLinkOnText(binding.txtLcAgree);
setLinkOnText(binding.signNow);
}
private void detectLinkClick(SpannableStringBuilder strBuilder, final URLSpan span) {
int start = strBuilder.getSpanStart(span);
int end = strBuilder.getSpanEnd(span);
int flags = strBuilder.getSpanFlags(span);
ClickableSpan clickable = new ClickableSpan() {
public void onClick(View view) {
// Do something with links retrieved from span.getURL(), to handle link click...
String clickedUrl = span.getURL();
switch (clickedUrl) {
case "@login_page":
startActivity(new Intent(RegistrationActivity.this, LoginActivity.class));
break;
case "http://www.privacy-options.com":
Uri link1 = Uri.parse("http://www.privacy-options.com");
startActivity(new Intent(Intent.ACTION_VIEW, link1));
break;
case "http://www.terms-and-conditions.com":
Uri link2 = Uri.parse("http://www.terms-and-conditions.com");
startActivity(new Intent(Intent.ACTION_VIEW, link2));
break;
default:
Log.w(getClass().getSimpleName(), "No action for this");
}
}
};
strBuilder.setSpan(clickable, start, end, flags);
strBuilder.removeSpan(span);
}
protected void setLinkOnText(TextView text) {
CharSequence sequence = text.getText();
SpannableStringBuilder strBuilder = new SpannableStringBuilder(sequence);
URLSpan[] urls = strBuilder.getSpans(0, sequence.length(), URLSpan.class);
for (URLSpan span : urls) {
detectLinkClick(strBuilder, span);
}
text.setText(strBuilder);
text.setMovementMethod(LinkMovementMethod.getInstance());
}
Ссылки, полученные из
span.getUrl()была начальной ссылкой, которую я установил в строковом ресурсе. А поскольку текст в TextView уже был в формате ссылки, я просто использовал этот текст в SpannableStringBuilder .
За удивительный ответ Зейна Класа сверху. Просто добавьте приведенный ниже код перед вызовом
strBuilder.getSpans()отлично работает для меня.
Linkify.addLinks(strBuilder, Linkify.ALL)
Вам нужно создать класс, который расширяет LinkMovementMethod и переопределяет функцию onTouchEvent(). Я продублировал некоторый код из метода LinkMovementMethod, чтобы получить ссылку.
@Override
public boolean onTouchEvent(TextView widget, Spannable buffer,
MotionEvent event)
{
int action = event.getAction();
if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_DOWN) {
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[] links = buffer.getSpans(off, off, ClickableSpan.class);
if (links.length != 0) {
String url = ((URLSpan) links[0]).getURL());
} else {
return super.onTouchEvent(widget, buffer, event);
}
}
return super.onTouchEvent(widget, buffer, event);
}
Я использую только textView, и установить диапазон для URL и обрабатывать клики.
Я нашел очень элегантное решение здесь, без linkify - в соответствии с этим я знаю, какую часть строки я хочу связать
обрабатывать текстовые ссылки нажмите в моем приложении для Android
в котлине:
fun linkify(view: TextView, url: String, context: Context) {
val text = view.text
val string = text.toString()
val span = ClickSpan(object : ClickSpan.OnClickListener {
override fun onClick() {
// handle your click
}
})
val start = string.indexOf(url)
val end = start + url.length
if (start == -1) return
if (text is Spannable) {
text.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
text.setSpan(ForegroundColorSpan(ContextCompat.getColor(context, R.color.orange)),
start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
} else {
val s = SpannableString.valueOf(text)
s.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
s.setSpan(ForegroundColorSpan(ContextCompat.getColor(context, R.color.orange)),
start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
view.text = s
}
val m = view.movementMethod
if (m == null || m !is LinkMovementMethod) {
view.movementMethod = LinkMovementMethod.getInstance()
}
}
class ClickSpan(private val mListener: OnClickListener) : ClickableSpan() {
override fun onClick(widget: View) {
mListener.onClick()
}
interface OnClickListener {
fun onClick()
}
}
и использование: linkify(yourTextView, urlString, context)
Работает
tv_customer_care_no.setLinkTextColor(getResources().getColor(R.color.blue));
tv_customer_care_no.setText("For us to reach out to you, please fill the details below or contact our customer care at 18004190899 or visit our website http://www.dupont.co.in/corporate-links/contact-dupont.html ");
Linkify.addLinks(tv_customer_care_no, Linkify.WEB_URLS | Linkify.PHONE_NUMBERS);
Linkify.addLinks(tv_customer_care_no, Linkify.ALL );
