TextViewでハッシュタグを認識し、クリック可能にして、ユーザーがハッシュタグをクリックしたときに別のビューに移動できるようにしようとしています。
パターンマッチングを使用してTextViewでハッシュタグを識別できましたが、ランタイムでは色付きで表示されます。ただし、ハッシュタグをクリック可能にする必要があります。
これが私のコードです:
SpannableString hashText = new SpannableString("I just watched #StarWars and it was incredible. It's a #MustWatch #StarWars");
Matcher matcher = Pattern.compile("#([A-Za-z0-9_-]+)").matcher(hashText);
while (matcher.find())
{
hashText.setSpan(new ForegroundColorSpan(Color.parseColor("#000763")), matcher.start(), matcher.end(), 0);
String tag = matcher.group(0);
}
holder.caption.setText(hashText);
//I need to set an OnClick listener to all the Hashtags recognised
上記と同じソリューションを使用して、すべてのハッシュタグにonclickリスナーを追加するにはどうすればよいですか?
方法があります...あなたの質問を見た後、私はちょうどグーグルしていました..そして私はこれを見つけました、私はそれがうまくいくことを願っています...
1. Android.text.style.ClickableSpan
リンク を使用できます
SpannableString ss = new SpannableString("Hello World");
ClickableSpan span1 = new ClickableSpan() {
@Override
public void onClick(View textView) {
// do some thing
}
};
ClickableSpan span2 = new ClickableSpan() {
@Override
public void onClick(View textView) {
// do another thing
}
};
ss.setSpan(span1, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
ss.setSpan(span2, 6, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
textView.setText(ss);
textView.setMovementMethod(LinkMovementMethod.getInstance());
別の方法.. リンク
TextView myTextView = new TextView(this);
String myString = "Some text [clickable]";
int i1 = myString.indexOf("[");
int i2 = myString.indexOf("]");
myTextView.setMovementMethod(LinkMovementMethod.getInstance());
myTextView.setText(myString, BufferType.SPANNABLE);
Spannable mySpannable = (Spannable)myTextView.getText();
ClickableSpan myClickableSpan = new ClickableSpan()
{
@Override
public void onClick(View widget) { /* do something */ }
};
mySpannable.setSpan(myClickableSpan, i1, i2 + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
それらのリンクからコピーされた答え...
はい、できます、ClickableSpan
とSpannableString
を使用する必要があります
このコードをwhileループ内に貼り付けます
_final String tag = matcher.group(0);
ClickableSpan clickableSpan = new ClickableSpan() {
@Override
public void onClick(View textView) {
Log.e("click","click " + tag);
}
@Override
public void updateDrawState(TextPaint ds) {
super.updateDrawState(ds);
}
};
hashText.setSpan(clickableSpan, matcher.start(), matcher.end(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
_
TextView
にsetMovementMethod()
を設定することを忘れないでください
_holder.caption.setMovementMethod(LinkMovementMethod.getInstance());
_
このコードを使用すると、textviewから任意のキー(@、#)テキストをクリックして色を変更できます。私はこのギ酸塩を使用しています。私の側ではうまく機能します。
private void setTags(TextView pTextView, String pTagString) {
SpannableString string = new SpannableString(pTagString);
int start = -1;
for (int i = 0; i < pTagString.length(); i++) {
if (pTagString.charAt(i) == '@' || pTagString.charAt(i) == '#') {
start = i;
} else if (pTagString.charAt(i) == ' '
|| (i == pTagString.length() - 1 && start != -1)) {
if (start != -1) {
if (i == pTagString.length() - 1) {
i++; // case for if hash is last Word and there is no
// space after Word
}
final String tag = pTagString.substring(start, i);
string.setSpan(new ClickableSpan() {
@Override
public void onClick(View widget) {
Toast.makeText(mContext, "" + tag, 3000)
.show();
}
@Override
public void updateDrawState(TextPaint ds) {
if (tag.contains("@"))
ds.setColor(Color.parseColor("#0474be"));
else
ds.setColor(Color.parseColor("#ed6057"));
ds.setUnderlineText(false);
}
}, start, i, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
start = -1;
}
}
}
pTextView.setMovementMethod(LinkMovementMethod.getInstance());
pTextView.setText(string);
}
問題を解決できることを願って、この方法を試してください。
//パターンマッチなしで取得
SpannableString hashText = new SpannableString("I just watched #StarWars and it was incredible. It's a #MustWatch #StarWars");
ClickableSpan clickableSpanstar1stWarsHashText = new ClickableSpan() {
@Override
public void onClick(View widget) {
//Intent starWars = new Intent(MainActivity.this,starWars.class); //starWars is a class file which extends Activity
//startActivity(starWars);
Toast.makeText(MainActivity.this,"Clicked On 1st #StarWars Remove comments of above line",Toast.LENGTH_LONG).show();
}
};
ClickableSpan clickableSpanmustWatchHashText = new ClickableSpan() {
@Override
public void onClick(View widget) {
//Intent mustWatch = new Intent(MainActivity.this,mustWatch.class); //starWars is a class file which extends Activity
//startActivity(mustWatch);
Toast.makeText(MainActivity.this,"Clicked On #MustWatch Remove comments of above line",Toast.LENGTH_LONG).show();
}
};
ClickableSpan clickableSpanstar2ndWarsHashText = new ClickableSpan() {
@Override
public void onClick(View widget) {
//Intent starWars = new Intent(MainActivity.this,starWars.class); //starWars is a class file which extends Activity
//startActivity(starWars);
Toast.makeText(MainActivity.this,"Clicked On 2nd #StarWars Remove comments of above line",Toast.LENGTH_LONG).show();
}
};
hashText.setSpan(clickableSpanstar1stWarsHashText,15,24, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
hashText.setSpan(clickableSpanmustWatchHashText, 55, 65, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
hashText.setSpan(clickableSpanstar2ndWarsHashText,66,75, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//SpannableString hashText = new SpannableString("I just watched #StarWars and it was incredible. It's a #MustWatch #StarWars");
TextView textView = (TextView) findViewById(R.id.textView); //textView id i.e. Android:id="@+id/textView"
textView.setText(hashText);
textView.setMovementMethod(LinkMovementMethod.getInstance());
textView.setHighlightColor(Color.TRANSPARENT);
これにはAndroid.text.style.ClickableSpan
を使用できます:参照 answer
これは、split
関数を使用して、次のようにLayout
にtextview's
を入力することで実現できます。
layout=(LinearLayout)findViewById(R.id.layout);
String data="I just watched #StarWars and it was incredible. It's a #MustWatch #StarWars";
TextView textView;
String [] s=data.split(" ");
for(int i=0;i<s.length;i++){
if(s[i].matches("#([A-Za-z0-9_-]+)")){
textView=new TextView(this);
textView.setText(s[i]);
textView.setTextColor(Color.parseColor("#000763"));
textView.setTag(s[i]);
textView.setOnClickListener(viewClicked(textView));
}else{
textView=new TextView(this);
textView.setText(" "+s[i]);
}
layout.addView(textView,i);
}
必要なTextview's
へのクリックイベントを処理するメソッド:
View.OnClickListener viewClicked(final TextView textView) {
return new View.OnClickListener() {
public void onClick(View v) {
Toast.makeText(getApplicationContext(), v.getTag().toString(), 1000).show();
}
};
}
同様の問題がありました。クリックしたテキストの一部でsthを実行する必要がありましたが、実行時に文字列が作成されました。多分それは誰かを助けるでしょう-このソリューションでは、全文でindexStart、indexEndを見つけることは気にしません(かなりひどいことがあります)など:
val action1ClickedSpan = object : ClickableSpan() {
override fun onClick(widget: View?) {
presenter.action1Clicked()
}
}
val possibleActionsHint = SpannableStringBuilder().apply {
val action1Start = this.length
append(getString(R.string.action1))
val action2Start = this.length
append(...)
append(...)
val action2Start = this.length
append(getString(R.string.action1))
val action2End = this.length
setSpan(action1ClickedSpan, action1Start, action1End, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)
setSpan(...)
}
this.possibleActionsTextView.apply {
text = possibleActionsHint
movementMethod = LinkMovementMethod.getInstance()
}