Shulou(Shulou.com)05/31 Report--

This article mainly explains "how to use Android to imitate Weibo body link interaction effect", interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "how to use Android imitation Weibo body link interaction effect"!

I. matching and display interaction of links

First of all, we analyze the components of the link, it is certain that we need a display title, we may do some processing on the UI performance of this title (usually a link logo and set different colors) to prompt and attract the attention of users, in addition, we also need to click to jump to the link, this link can be internal or external (this belongs to the needs of the business). There may be different ways to match links. Here we choose to use a tag, that is, the API will give us the linked data in the form of a tag, and the client will match the data. Let's give a simple example below. The data returned by the API is as follows:

"you're talking about link 11111. I'm happy with the link, too. Ha."

Next, let's deal with the data:

/ * match a tag to insert the link directly * / suspend fun computeLenFilterLink (text: String, mContext: Context): SpannableStringBuilder = withContext (Dispatchers.Default) {var strings = SpannableStringBuilder (text) val pattern = "(. *?)" Val p = Pattern.compile (pattern) val matcher = p.matcher (strings) while (matcher.find ()) {val str = matcher.group () val linkTitle = matcher.group (1)?: "/ / a tag link regular match val patternUrlString ="\ s * (? I) href\ smatch =\ s * ("([^"] * ") |'[^'] *'| ([^'" >\ s] +) "val patternUrl = Pattern.compile (patternUrlString) Pattern.CASE_INSENSITIVE) / / Link url val matcherUrL = patternUrl.matcher (strings) var linkUrl = "" while (matcherUrL.find ()) {linkUrl = matcherUrL.group () linkUrl = linkUrl.replace ("href\ s) =\ s * (['|"] *) ".toRegex () "") linkUrl = linkUrl.replace ("['|"] ".toRegex (),") linkUrl = linkUrl.trim {it layout.getLineRight (line)) {/ / actually nothing off =-1} val linkSpans = spannable.getSpans (off, off) IPressedSpan::class.java) if (! linkSpans.isNullOrEmpty ()) {mTouchSpan = linkSpans [0]} return mTouchSpan} catch (e: IndexOutOfBoundsException) {Log.d (this.toString (), "getPressedSpan", e)} return null}} class MyLinkMovementMethod: LinkMovementMethod () {override fun onTouchEvent (widget: TextView, buffer: Spannable) Event: MotionEvent): Boolean {return (sHelper.onTouchEvent (widget, buffer) Event)} companion object {val instance: MyLinkMovementMethod get () {if (sInstance = = null) {sInstance = MyLinkMovementMethod ()} return sInstance as MyLinkMovementMethod} private var sInstance: MyLinkMovementMethod? = null privateval sHelper = SpanClickHelper ()} class SpanClickHelper {private var MPressedSpan: IPressedSpan? = null fun onTouchEvent (textView: TextView Spannable: Spannable, event: MotionEvent): Boolean {return when (event.action) {MotionEvent.ACTION_DOWN-> {mPressedSpan = getPressedSpan (textView, spannable, event) if (mPressedSpan! = null) {/ / Press the setting to true Modify the background color of the corresponding link text mPressedSpanpig.setPack (true) / / set the selected area Selection.setSelection (spannable, spannable.getSpanStart (mPressedSpan)) Spannable.getSpanEnd (mPressedSpan)} mPressedSpan! = null} MotionEvent.ACTION_MOVE-> {val touchedSpan = getPressedSpan (textView, spannable) Event) if (mPressedSpan! = null & & touchedSpan! = mPressedSpan) {/ / set to false when the finger moves The background color of the corresponding link text is returned to transparent mPressedSpanpion.setPack (false) mPressedSpan = null / / remove the selected area Selection.removeSelection (spannable)} mPressedSpan! = null} MotionEvent.ACTION_UP- > {var touchSpanHint = false if (mPressedSpan! = null) {touchSpanHint = true / / set to false when the finger is raised The background color of the corresponding link text is set back to transparent mPressedSpan room.setPack (false) / pass click event callback mPressedSpanpionClick (textView)} mPressedSpan = null Selection.removeSelection (spannable) touchSpanHint} Else-> {if (mPressedSpan! = null) {/ / all other packing settings are set to false The background color of the corresponding link text is returned to transparent mPressedSpanpion.setPack (false)} / / remove the selected area Selection.removeSelection (spannable) false} / * to determine whether the finger is clicked on the link. * / private fun getPressedSpan (textView: TextView Spannable: Spannable, event: MotionEvent): IPressedSpan? {var x = event.x.toInt () var y = event.y.toInt () x-= textView.totalPaddingLeft y-= textView.totalPaddingTop x + = textView.scrollX y + = textView.scrollY val layout = textView.layout val line = layout.getLineForVertical (y) try {var off = layout.getOffsetForHorizontal (line) X.toFloat () if (x

Layout.getLineRight (line) {/ / did not actually click anything off =-1} val link = spannable.getSpans (off, off) IPressedSpan::class.java) var touchedSpan: IPressedSpan? = null if (link.isNotEmpty ()) {touchedSpan = link [0]} return touchedSpan} catch (e: IndexOutOfBoundsException) {Log.d (this.toString (), "getPressedSpan", e)} return null}}

The code is relatively simple, that is, the click area to determine whether it is a link, and then according to the gesture operation respectively set to ClickSpan whether to press, to change the background color of the link.

It is also important to note that the following code must be called:

MovementMethod = MyLinkMovementMethod.instance

This method sets the click of the link. In addition, the system will have a highlighted color of the link on different models, and we need to call

HighlightColor = Color.TRANSPARENT

To cancel it.

In this way, the display and click interaction of the link is complete. Specific effect:

At this point, I believe that everyone on the "how to use Android imitation Weibo body link interaction effect" have a deeper understanding, might as well to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.