實現TextView文字部分可點擊效果

myshd2012 7年前發布 | 18K 次閱讀 TextView Android開發 移動開發

實現可部分點擊的效果

效果是這樣的, 類似于微信的朋友圈, qq空間的用戶點贊相似, 點擊具體用戶可以有一些其他操作之類的, 比如說查看用戶具體信息等, 這里只是簡單的彈出一個Toast.

首先看一下代碼,

public class MainActivity extends AppCompatActivity {

private TextView mTextView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mTextView = (TextView) findViewById(R.id.text);

    StringBuilder sb = new StringBuilder();
    for (int i = 0; i < 20; i++) {
        sb.append("好友" + i + ", ");
    }
    String likeUsers = sb.substring(0, sb.lastIndexOf(", ")).toString();
    mTextView.setMovementMethod(LinkMovementMethod.getInstance());
    mTextView.setText(addClickPart(likeUsers), TextView.BufferType.SPANNABLE);
}

private SpannableStringBuilder addClickPart(String str) {
    // 圖標
    ImageSpan imageSpan = new ImageSpan(MainActivity.this, R.drawable.angry);
    SpannableString spanStr = new SpannableString("p.");
    spanStr.setSpan(imageSpan, 0, 1, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);

    // 創建一個SpannableStringBuilder對象, 鏈接對個字符串
    SpannableStringBuilder ssb = new SpannableStringBuilder(spanStr);
    ssb.append(str);
    String [] likeUsers = str.split(",");
    if (likeUsers.length > 0) {
        for (int i = 0; i < likeUsers.length; i++) {
            final String name = likeUsers[i];
            final int start = str.indexOf(name) + spanStr.length();
            ssb.setSpan(new ClickableSpan() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(MainActivity.this, name, Toast.LENGTH_SHORT).show();
                }

                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setColor(Color.BLUE);
                    ds.setUnderlineText(false);
                }
            }, start, start + name.length(), 0);
        }
    }

    return ssb.append("等"+likeUsers.length + "人覺得很贊");
}

}</code></pre>

通過Spannable接口可以設置TextView的各種樣式, 使用SpannableString類和SpannableStringBuilder和其setSpan方法就可以設置TextView了.

  • SpannableString, SpannableStringBuilder和String的區別:

    簡單來說, 可以把SpannableString和SpannableStringBuilder看成能存儲格式的String, 能夠設置顏色, 下劃線之類的, 比起String, 多了個setSpan方法

  • SpannableStringBuilder和SpannableStringBuilder的卻別:

    這兩者的區別和String與StringBuilder的區別很像, SpannableString通過一個String參數構造, 是一個不可變對象, 創建之后就無法再修改SpannableString了, 而SpannableStringBuilder可以通過append()拼接多個String

  • Spannable的setSpan方法

    void setSpan (Object what, int start, int end, int flags)

    第一個傳入的樣式, 樣式有很多種, 具體參考官方文檔, 去android.text.style.*下可以看到很多, 上面的例子中使用的是ClickableSpan, 用來設置點擊事件的

    start和end是需要設置樣式開始和結束的位置, flag是標志.

    注意這里設置的是0, flag中的可選值有些是對整個區間都有效的, 設置為0的話, 樣式就只是對[start, end]有效

 

來自:http://www.jianshu.com/p/383cbfe4dce3

 

 本文由用戶 myshd2012 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!