实现QQ空间评论列表样式

其实实现起来还是比较容易的，主要是把原理想清楚一切都好办。

1.主要使用SpannableString类，该类有setSpan(what, start, end, flags)方法，使用该方法便可以对textview设置想要的效果了，这里的what就是效果名，start和end是设置这个样式针对的是textview的字符位置。

2.主要代码CommentItemView.java

<pre name="code" class="plain">import android.app.Activity;
import android.content.Context;
import android.text.Layout;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.TextPaint;
import android.text.TextUtils;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.text.style.ForegroundColorSpan;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;

/**
* 评论显示itemView
*
* @author admin
*
*/
public class CommentItemView extends TextView {
public CommentItemView(Context context) {
super(context);
initView();
}

public CommentItemView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}

private void initView() {
setTextColor(getResources().getColor(R.color.message_text_gray));
setHighlightColor(getResources().getColor(R.color.color_e0e0e0));
setPadding(0, 5, 0, 5);
}

public boolean setClick() {
String from = "小明";
String to = "小李";
String content = "你好啊";
if (TextUtils.isEmpty(from))
return false;

final String fromusername = from;
String str = "";
boolean hasNext = false;
if (TextUtils.isEmpty(to)) {
str = from + "：" + content;
} else {
str = from + "：" + "回复：" + to + "：" + content;
hasNext = true;
}

SpannableString ss = new SpannableString(str);
int start = 0, end = from.length() + 1;
ss.setSpan(new NoLineCllikcSpan() {
@Override
public void onClick(View widget) {
Toast.makeText(getContext(), "点击小明", Toast.LENGTH_SHORT).show();
}
}, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
ss.setSpan(
new ForegroundColorSpan(getResources().getColor(
R.color.color_91a9d0)), start, end,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
if (hasNext) {
start = end + 3;
end = start + to.length() + 1;
ss.setSpan(new NoLineCllikcSpan() {
@Override
public void onClick(View widget) {
Toast.makeText(getContext(), "点击小李", Toast.LENGTH_SHORT)
.show();
}
}, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
ss.setSpan(
new ForegroundColorSpan(getResources().getColor(
R.color.color_91a9d0)), start, end,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}

setText(ss);
setMovementMethod(new LinkTouchMovementMethod());
setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
Toast.makeText(getContext(), "点击整个评论", Toast.LENGTH_SHORT)
.show();
}
});
return true;
}

public class NoLineCllikcSpan extends ClickableSpan {

public NoLineCllikcSpan() {
super();
}

@Override
public void updateDrawState(TextPaint ds) {
/** set textColor **/
ds.setColor(ds.linkColor);
/** Remove the underline **/
ds.setUnderlineText(false);
}

@Override
public void onClick(View widget) {
}
}

private class LinkTouchMovementMethod extends LinkMovementMethod {
private NoLineCllikcSpan mPressedSpan;

@Override
public boolean onTouchEvent(TextView textView, Spannable spannable,
MotionEvent event) {

if (event.getAction() == MotionEvent.ACTION_DOWN) {
mPressedSpan = getPressedSpan(textView, spannable, event);
if (mPressedSpan != null) {
setBackgroundResource(R.drawable.comment_item_spann_click_selector);
} else {
setBackgroundResource(R.drawable.comment_item_click_selector);
}
} else if (event.getAction() == MotionEvent.ACTION_UP) {
if (mPressedSpan != null) {
setBackgroundResource(R.drawable.comment_item_spann_click_selector);
}
mPressedSpan = null;
}
return super.onTouchEvent(textView, spannable, event);
}

private NoLineCllikcSpan getPressedSpan(TextView textView,
Spannable spannable, MotionEvent event) {

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

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

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

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

NoLineCllikcSpan[] link = spannable.getSpans(off, off,
NoLineCllikcSpan.class);
NoLineCllikcSpan touchedSpan = null;
if (link.length > 0) {
touchedSpan = link[0];
}
return touchedSpan;
}
}
}

用到的资源文件

<color name="message_text_gray">#757575</color>

<color name="color_e0e0e0">#e0e0e0</color>

<color name="color_91a9d0">#91a9d0</color>

R.drawable.comment_item_spann_click_selector

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@color/transparent" android:state_pressed="true" />
<item android:drawable="@color/transparent" android:state_focused="true"/>
<item android:drawable="@color/transparent" android:state_selected="true"/>
<item android:drawable="@color/transparent"/>

</selector>

R.drawable.comment_item_click_selector

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@color/color_e0e0e0" android:state_pressed="true" />
<item android:drawable="@color/color_e0e0e0" android:state_focused="true"/>
<item android:drawable="@color/color_e0e0e0" android:state_selected="true"/>
<item android:drawable="@color/transparent"/>

</selector>