2. 程式人生 > >ClickableSpan點選連結事件 改超連結顏色

ClickableSpan點選連結事件 改超連結顏色

阿新 • • 發佈：2019-02-20
  1. private SpannableStringBuilder dealWeiboContent(String weiboContent,  
  2.         TextView textView) {  
  3.     Pattern pattern = Pattern  
  4.             .compile("((http://|https://){1}[\\w\\.\\-/:]+)|(#(.+?)#)|(@[\\u4e00-\\u9fa5\\w\\-]+)");  
  5.     temp = weiboContent;  
  6.     Matcher matcher = pattern.matcher(temp);  
  7.     List<String> list = new LinkedList<String>();  
  8.     while (matcher.find()) {  
  9.         if (!list.contains(matcher.group())) {  
  10.             temp = temp.replace(  
  11.                     matcher.group(),  
  12.                     "<a href=\"" + matcher.group() + "\">"
  13.                             + matcher.group() + "</a>"
    );  
  14.             /*temp = temp.replace( 
  15.                     matcher.group(), 
  16.                     "<font color='#365C7C'><a href='" + matcher.group() + "'>" 
  17.                             + matcher.group() + "</a></font>");*/
  18.         }  
  19.         list.add(matcher.group());  
  20.     }  
  21.     textView.setText(Html.fromHtml(temp));  
  22.     System.out.println("temp" + temp);  
  23.     textView.setMovementMethod(LinkMovementMethod.getInstance());  
  24.     CharSequence text = textView.getText();  
  25.     if (text instanceof Spannable) {  
  26.         int end = text.length();  
  27.         Spannable sp = (Spannable) textView.getText();  
  28.         URLSpan[] urls = sp.getSpans(0, end, URLSpan.class);  
  29.         SpannableStringBuilder style = new SpannableStringBuilder(text);  
  30.         style.clearSpans();  
  31.         for (URLSpan url : urls) {  
  32.             style.setSpan(((ThinksnsWeiboContent) activityContent)  
  33.                     .typeClick(url.getURL()), sp.getSpanStart(url), sp  
  34.                     .getSpanEnd(url), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  35.         }  
  36.         return style;  
  37.     }  
  38.     returnnull;  
  39. }  

自定義方法

  1. public ClickableSpan typeClick(final String value) {  
  2.         char type = value.charAt(0);  
  3.         switch (type) {  
  4.         case'@':  
  5.             returnnew ClickableSpan() {  
  6.                 @Override
  7.                 publicvoid onClick(View widget) {  
  8.                     // TODO Auto-generated method stub
  9.                     String uname = "";  
  10.                     uname = value.substring(1, value.length());  
  11.                     System.out.println("weiboContent---uanme---"+uname);  
  12.                 }  
  13.                 @Override
  14.                 publicvoid updateDrawState(TextPaint ds) {  
  15.                         ds.setColor(Color.argb(255, 54, 92, 124));  
  16.                         ds.setUnderlineText(true);  
  17.                 }  
  18.             };  


下文轉自：

和HTML中的一樣，預設超連結都帶下劃線的，下面的方案可以在TextView中去掉超連結的下劃線：

1、重寫ClickableSpan類來去掉下劃線樣式（系統預設使用ClickableSpan來封裝超連結）

//無下劃線超連結，使用textColorLink、textColorHighlight分別修改超連結前景色和按下時的顏色
private class NoLineClickSpan extends ClickableSpan {
	String text;

	public NoLineClickSpan(String text) {
	    super();
	    this.text = text;
	}

	@Override
	public void updateDrawState(TextPaint ds) {
	    ds.setColor(ds.linkColor);
	    ds.setUnderlineText(false); //去掉下劃線
	}

	@Override
	public void onClick(View widget) {
	    processHyperLinkClick(text); //點選超連結時呼叫
	}
}


2、把超連結文字封裝為NoLineClickSpan物件，並新增到TextView中

TextView tv = findViewById(R.id.tv_click);
SpannableString spStr = new SpannableString("蘿蔔白菜部落格-->http://orgcent.com");
ClickSpan clickSpan = new NoLineClickSpan(vo); //設定超連結
spStr.setSpan(clickSpan, 0, str.length(), Spanned.SPAN_INCLUSIVE_EXCLUSIVE);
tv.append(spStr);
tv.setMovementMethod(LinkMovementMethod.getInstance());

PS:不用把TextView的屬性autoLink設為”all”.

3、設定超連結為可點選狀態

tv.setMovementMethod(LinkMovementMethod.getInstance());

PS:在NoLineClickSpan類中實現onClick()回撥方法.

背景介紹

在開發應用過程中經常會遇到顯示一些不同的字型風格的資訊猶如預設的LockScreen上面的時間和充電資訊。對於類似的情況，可能第一反應就是用不同的多個TextView來實現，對於每個TextView設定不同的字型風格以滿足需求。

這裡推薦的做法是使用android.text.*;和 android.text.style.*;下面的元件來實現RichText：也即在同一個TextView中設定不同的字型風格。對於某些應用，比如文字編輯，記事本，彩信，簡訊等地方，還必須使用這些元件才能達到想到的顯示效果。

主要的基本工具類有android.text.Spanned; android.text.SpannableString; android.text.SpannableStringBuilder;使用這些類來代替常規String。SpannableString和 SpannableStringBuilder可以用來設定不同的Span，這些Span便是用於實現Rich Text，比如粗體，斜體，前景色，背景色，字型大小，字型風格等等，android.text.style.*中定義了很多的Span型別可供使用。

這是相關的API的Class General Hierarchy：

因為Spannable等最終都實現了CharSequence介面，所以可以直接把SpannableString和SpannableStringBuilder通過TextView.setText()設定給TextView。

使用方法

當要顯示Rich Text資訊的時候，可以使用建立一個SpannableString或SpannableStringBuilder，它們的區別在於 SpannableString像一個String一樣，構造物件的時候傳入一個String，之後再無法更改String的內容，也無法拼接多個 SpannableString；而SpannableStringBuilder則更像是StringBuilder，它可以通過其append()方法來拼接多個String：

SpannableString word = new SpannableString("The quick fox jumps over the lazy dog");

SpannableStringBuilder multiWord = new SpannableStringBuilder();
multiWord.append("The Quick Fox");
multiWord.append("jumps over");
multiWord.append("the lazy dog");

建立完Spannable物件後，就可以為它們設定Span來實現想要的Rich Text了，常見的Span有：

  • AbsoluteSizeSpan(int size) ---- 設定字型大小，引數是絕對數值，相當於Word中的字型大小
  • RelativeSizeSpan(float proportion) ---- 設定字型大小，引數是相對於預設字型大小的倍數，比如預設字型大小是x, 那麼設定後的字型大小就是x*proportion，這個用起來比較靈活，proportion>1就是放大(zoom in), proportion<1就是縮小(zoom out)
  • ScaleXSpan(float proportion) ---- 縮放字型，與上面的類似，預設為1,設定後就是原來的乘以proportion，大於1時放大(zoon in)，小於時縮小(zoom out)
  • BackgroundColorSpan(int color) ----背景著色，引數是顏色數值，可以直接使用android.graphics.Color裡面定義的常量，或是用Color.rgb(int, int, int)
  • ForegroundColorSpan(int color) ----前景著色，也就是字的著色，引數與背景著色一致
  • TypefaceSpan(String family) ----字型，引數是字型的名字比如“sans", "sans-serif"等
  • StyleSpan(Typeface style) -----字型風格，比如粗體，斜體，引數是android.graphics.Typeface裡面定義的常量，如Typeface.BOLD，Typeface.ITALIC等等。
  • StrikethroughSpan----如果設定了此風格，會有一條線從中間穿過所有的字，就像被劃掉一樣

對於這些Sytle span在使用的時候通常只傳上面所說明的構造引數即可，不需要設定其他的屬性，如果需要的話，也可以對它們設定其他的屬性，詳情可以參見文件。
SpannableString和SpannableStringBuilder都有一個設定上述Span的方法：

複製程式碼 
/**
 * Set the style span to Spannable, such as SpannableString or SpannableStringBuilder
 * @param what --- the style span, such as StyleSpan
 * @param start --- the starting index of characters to which the style span to apply
 * @param end --- the ending index of characters to which the style span to apply
 * @param flags --- the flag specified to control
 */
setSpan(Object what, int start, int end, int flags);
複製程式碼

其中引數what是要設定的Style span，start和end則是標識String中Span的起始位置，而 flags是用於控制行為的，通常設定為0或Spanned中定義的常量，常用的有：

  • Spanned.SPAN_EXCLUSIVE_EXCLUSIVE --- 不包含兩端start和end所在的端點
  • Spanned.SPAN_EXCLUSIVE_INCLUSIVE --- 不包含端start，但包含end所在的端點
  • Spanned.SPAN_INCLUSIVE_EXCLUSIVE --- 包含兩端start，但不包含end所在的端點
  • Spanned.SPAN_INCLUSIVE_INCLUSIVE--- 包含兩端start和end所在的端點

這裡理解起來就好像數學中定義區間，開區間還是閉區間一樣的。還有許多其他的Flag，可以參考這裡。這裡要重點說明下關於引數0,有很多時候，如果設定了上述的引數，那麼Span會從start應用到Text結尾，而不是在start和end二者之間，這個時候就需要使用Flag 0。

Linkify

另外，也可以對通過TextView.setAutoLink(int)設定其Linkify屬性，其用處在於，TextView會自動檢查其內容，會識別出phone number, web address or email address，並標識為超連結，可點選，點選後便跳轉到相應的應用，如Dialer，Browser或Email。Linkify有幾個常用選項，更多的請參考文件：

  • Linkify.EMAIL_ADDRESS -- 僅識別出TextView中的Email在址，標識為超連結，點選後會跳到Email，傳送郵件給此地址
  • Linkify.PHONE_NUMBERS -- 僅識別出TextView中的電話號碼，標識為超連結，點選後會跳到Dialer，Call這個號碼
  • Linkify.WEB_URLS-- 僅識別出TextView中的網址，標識為超連結，點選後會跳到Browser開啟此URL
  • Linkify.ALL -- 這個選項是識別出所有系統所支援的特殊Uri，然後做相應的操作

權衡選擇

個人認為軟體開發中最常見的問題不是某個技巧怎麼使用的問題，而是何時該使用何技巧的問題，因為實現同一個目標可能有N種不同的方法，就要權衡利弊，選擇最合適的一個，正如常言所云，沒有最好的，只有最適合的。如前面所討論的，要想用不同的字型展現不同的資訊可能的解法，除了用Style Span外還可以用多個TextView。那麼就需要總結下什麼時候該使用StyleSpan，什麼時候該使用多個TextView：

  1. 如果顯示的是多個不同類別的資訊，就應該使用多個TextView，這樣也方便控制和改變各自的資訊，例子就是預設LockScreen上面的日期和充電資訊，因為它們所承載不同的資訊，所以應該使用多個TextView來分別呈現。
  2. 如果顯示的是同一類資訊，或者同一個資訊，那麼應該使用StyleSpan。比如，簡訊息中，要把聯絡人的相關資訊突出顯示；或是想要Highlight某些資訊等。
  3. 如果要實現Rich text，沒辦法，只能使用Style span。
  4. 如果要實現某些特效，也可以考慮使用StyleSpan。設定不同的字型風格只是Style span的初級應用，如果深入研究，可以發現很多奇妙的功效。


相關推薦

Android學習——ClickableSpan點選連結事件 改超連結顏色

mTextView = (TextView)findViewById(R.id.myTextView); //建立一個 SpannableString物件  msp = new SpannableString("字型測試字型大小一半兩倍前景色背景色正常粗體斜體粗斜體下劃

Android學習—— TextView ClickableSpan 點選連結事件 改超連結顏色

private SpannableStringBuilder dealWeiboContent(String weiboContent, TextView textView) { Pattern pattern = Pattern .compile("(

ClickableSpan點選連結事件 改超連結顏色

private SpannableStringBuilder dealWeiboContent(String weiboContent,           TextView textView) {       Pattern pattern = Pattern  

超連結按鈕點選變色，原來的連結恢復原色

視訊播放列表的超連結按鈕點選變色，原來的恢復原色，主要是讓使用者清楚的知道此刻播放的是哪一集。這裡所說的實現方法並不是利用css的link、hover、active所實現的，雖然css也能做到超連結點選變色，但是卻不能用到這裡的需求上，因為css實現的點選變色，是不能再點選頁面其他地方的，很顯然，看視訊的時候

HTML的總結及展示（1）（錨點、a元素新增超連結href、img元素、iframe元素、HTML5新增的拖放API）

之前接觸過一些前端內容，但是時間長了早就忘記了，最近開始系統的學習，做一下總結，方便日後使用。   我把總結內容展示在了自己的伺服器上，歡迎大家檢視網址http://39.106.170.146/html/summary/summary01.html，進入後·按下F12鍵或者右

如何點選網頁上的某個連結，達到啟動本機應用程式的目的。

如何點選網頁上的某個連結，達到啟動本機應用程式的目的， 我們經常會在網站看到線上qq客服，只要你一點選，電腦就會自動啟動本機的qq，在你成功登陸之後彈出一個臨時聊天的視窗。 具體程式碼： <a href="tencent://message/?uin=215555521&Site=J

js點選複製按鈕自動複製連結到文字框（程式碼）

<input size="40" onclick="this.select();" id="zzzz" type="text" value="www.baidu.com" /> <

Android 通過URL scheme 實現點選瀏覽器中的URL連結，啟動特定的App，並調轉頁面傳遞引數

http://blog.csdn.net/jackron2014/article/details/51085446 http://blog.csdn.net/jackron2014/article/details/51085446 http://blog.csdn.net/

UniDBTreeGrid判斷點選摺疊事件

UniDBTreeGrid判斷點選摺疊事件 procedure TMainForm.UniDBTreeGrid2CellClick(Column: TUniDBGridColumn); begin  if StrToIntDef(UniEdit1.Text,0)<17 then &n

openlayers 滑鼠點選互動事件

目前，openlayers中利用ol.interaction.Select介面進行事件互動操作。在此介面中，有幾個重要的引數說明如下： condition：表示滑鼠事件型別，例如ol.events.condition.click表示單擊事件（其他事件可參考api） style:可為style

【easyUI】取消easyui行點選選中事件，智慧通過勾選checkbox才能選中行

背景：專案中使用easyui作為前端架子。datagrid預設是點選行就選中此行然後變色。 需求：點選行不讓此行選中；只能通過點選複選框才能選中某一行。 解決思路： 　　1、寫點選行函式function onClickRow(rowIndex,rowData){} 　　2、查詢當前datagrid所有

unity點選隱藏事件

方法1：Button方法 private bool isOn = false;//文字 public GameObject image; //but方法 public void Chick1() { if (!isOn) { image.SetActive(true); isOn = !is

js 操作當前滑鼠點選的 事件 解決 div ul 下拉框事件

$(document).click(function(){ if ($(event.srcElement).is("#elem,#elem *")) { // alert('內部區域'); } else { alert('你的點選不在目標區域'); }

限制按鈕連續點選觸發事件時間間隔

我這裡用的layui所以以layui為例，個人可用。 var time = null; var flag = true;//按鈕是否可用true 可用，false 不可用 //捕獲普通按鈕事件 $("bod

C# winform呼叫類似按鈕點選的事件時自帶引數該怎麼寫 C# winform呼叫類似按鈕點選的事件時自帶引數該怎麼寫

來源：https://www.cnblogs.com/haizine/p/8242982.html C# winform呼叫類似按鈕點選的事件時自帶引數該怎麼寫 //按鈕事件 private void btn_Click(object sender, EventArgs e) {} //

C# winform 無邊框窗體滑鼠點選移動事件

這裡所謂的無邊框窗體是指去除系統自帶的標題欄和最大最小化等那周圍一圈的窗體 即把窗體的FormBorderStyle設定為none後的窗體（效果如下） 這是有邊框的： 去除邊框的： 右邊框窗體想要移動位置，用滑鼠點選標題欄移動即可，那麼沒邊框的該如何移動這個問題，

c#控制IE瀏覽器自動點選等事件WebBrowser，mshtml.IHTMLDocument2

可以實現例如通過應用程式操作google搜尋，使用者輸入要搜尋的內容，然後在google中搜索；可以自動點選網頁上的按鈕等功能     1. 加入對Microsoft Internet Controls的引用；     2. 加入對Microsoft HTML Object

UGUI點選響應事件

只需要在對應的UGUI物件上掛個指令碼，實現IPointerClickHandler(引用 using UnityEngine.EventSystems)介面，在類裡面實現 public  void OnPointerClick(PointerEventData event

Notification的滑動清除和點選刪除事件

專案裡面引用了友盟的推送統計，需要統計訊息的開啟數量和忽略數量 Notification的屬性介紹 audioStreamType 當聲音響起時，所用的音訊流的型別 content

百度地圖marker標記即行車路線規劃和marker點選氣泡事件

上一篇，之前的定位什麼的就不在說了，我們可以做個簡單的demo，點選地圖任意位置新增標記marker，並且根據，我們定位的位置為起點stNode，和marker標記即我們點選的位置即enNode，進行自動路線規劃，橙色程式碼位置為新增marker如果你只需要marker標