How to set the part of the text view is clickable

Question

I have the text  Android is a Software stack   In this text i want to set the  stack  text is clickable  in the sense if you click on that it will redirected to a new activity not in the browser     I tried but i am not getting

User · Answer

Here is a Kotlin method to make parts of a TextView clickable   private fun makeTextLink textView  TextView  str  String  underlined  Boolean  color  Int   action      - gt  Unit     null        val spannableString   SpannableString textView text      val textColor   color    textView currentTextColor     val clickableSpan   object   ClickableSpan             override fun onClick textView  View                action  invoke                     override fun updateDrawState drawState  TextPaint                super updateDrawState drawState              drawState isUnderlineText   underlined             drawState color   textColor                     val index   spannableString indexOf str      spannableString setSpan clickableSpan  index  index   str length  Spanned SPAN EXCLUSIVE EXCLUSIVE      textView text   spannableString     textView movementMethod   LinkMovementMethod getInstance       textView highlightColor   Color TRANSPARENT     It can be called multiple times to create several links within a TextView   makeTextLink myTextView  str  false  Color RED  action     Log d  onClick    link      makeTextLink myTextView  str1  true  null  action     Log d  onClick    link1

User · Answer

You can you this method to set the clickable value      public void setClickableString String clickableValue  String wholeValue  TextView yourTextView       String value   wholeValue      SpannableString spannableString   new SpannableString value       int startIndex   value indexOf clickableValue       int endIndex   startIndex   clickableValue length        spannableString setSpan new ClickableSpan                                      Override                                 public void updateDrawState TextPaint ds                                        super updateDrawState ds                                       ds setUnderlineText false       lt -- this will remove automatic underline in set span                                                                     Override                                 public void onClick View widget                                           do what you want with clickable value                                                                  startIndex  endIndex  Spanned SPAN EXCLUSIVE EXCLUSIVE       yourTextView setText spannableString       yourTextView setMovementMethod LinkMovementMethod getInstance         lt -- important  onClick in ClickableSpan won t work without this     This is how to use it   TextView myTextView   findViewById R id myTextView   setClickableString  stack    Android is a Software stack   myTextView

User · Answer

For bold   mySpannable setSpan new StyleSpan Typeface BOLD  termStart termStop Spanned SPAN EXCLUSIVE EXCLUSIVE

User · Answer

The solutions provided are pretty decent  However  I generally use a more simple solution   Here is a linkify utility function         Method is used to Linkify words in a TextView        param textView TextView who s text you want to change     param textToLink The text to turn into a link     param url   The url you want to send the user to     fun linkify textView  TextView  textToLink  String  url  String        val pattern   Pattern compile textToLink      Linkify addLinks textView  pattern  url            - gt  true               - gt           Using this function is pretty simple  Here is an example         terms and privacy     val tvTerms   findViewById lt TextView gt  R id tv terms      val tvPrivacy   findViewById lt TextView gt  R id tv privacy      Utils linkify tvTerms  resources getString R string terms               Constants TERMS URL      Utils linkify tvPrivacy  resources getString R string privacy               Constants PRIVACY URL

User · Answer

You can use ClickableSpan as described in this post Sample code  TextView myTextView   new TextView this   String myString    quot Some text  clickable  quot   int i1   myString indexOf  quot   quot    int i2   myString indexOf  quot   quot    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    Reference

User · Answer

For those that are looking for a solution in Kotlin here is what worked for me  private fun setupTermsAndConditions         val termsAndConditions   resources getString R string terms and conditions      val spannableString   SpannableString termsAndConditions      val clickableSpan   object   ClickableSpan             override fun onClick widget  View                if  checkForWifiAndMobileInternet                         binding viewModel   openTermsAndConditions                   showToast  quot Good  open the link    quot                  else                   showToast  quot Cannot open this file because of internet connection  quot                                     override fun updateDrawState textPaint   TextPaint                super updateDrawState textPaint              textPaint color   resources getColor R color colorGrey              textPaint isFakeBoldText   true                      spannableString setSpan clickableSpan  34  86  Spanned SPAN EXCLUSIVE EXCLUSIVE      binding tvTermsAndConditions text   spannableString     binding tvTermsAndConditions movementMethod   LinkMovementMethod getInstance       binding tvTermsAndConditions setHighlightColor Color TRANSPARENT

User · Answer

This is my MovementMethod for detecting link text image clicks  It is modified LinkMovementMethod   import android text Layout  import android text NoCopySpan  import android text Selection  import android text Spannable  import android text method ScrollingMovementMethod  import android text style ClickableSpan  import android text style ImageSpan  import android text style URLSpan  import android view KeyEvent  import android view MotionEvent  import android view View  import android widget TextView   public class ClickMovementMethod extends ScrollingMovementMethod   private Object FROM BELOW   new NoCopySpan Concrete     private static final int CLICK   1  private static final int UP   2  private static final int DOWN   3   private Listener listener   public void setListener Listener listener        this listener   listener      Override public boolean canSelectArbitrarily         return true      Override protected boolean handleMovementKey TextView widget  Spannable buffer  int keyCode                                      int movementMetaState  KeyEvent event        switch  keyCode            case KeyEvent KEYCODE DPAD CENTER          case KeyEvent KEYCODE ENTER              if  KeyEvent metaStateHasNoModifiers movementMetaState                     if  event getAction      KeyEvent ACTION DOWN  amp  amp                          event getRepeatCount      0  amp  amp  action CLICK  widget  buffer                         return true                                              break            return super handleMovementKey widget  buffer  keyCode  movementMetaState  event       Override protected boolean up TextView widget  Spannable buffer        if  action UP  widget  buffer             return true             return super up widget  buffer       Override protected boolean down TextView widget  Spannable buffer        if  action DOWN  widget  buffer             return true             return super down widget  buffer       Override protected boolean left TextView widget  Spannable buffer        if  action UP  widget  buffer             return true             return super left widget  buffer       Override protected boolean right TextView widget  Spannable buffer        if  action DOWN  widget  buffer             return true             return super right widget  buffer      private boolean action int what  TextView widget  Spannable buffer        Layout layout   widget getLayout         int padding   widget getTotalPaddingTop                 widget getTotalPaddingBottom        int areatop   widget getScrollY        int areabot   areatop   widget getHeight   - padding       int linetop   layout getLineForVertical areatop       int linebot   layout getLineForVertical areabot        int first   layout getLineStart linetop       int last   layout getLineEnd linebot        ClickableSpan   candidates   buffer getSpans first  last  URLSpan class        int a   Selection getSelectionStart buffer       int b   Selection getSelectionEnd buffer        int selStart   Math min a  b       int selEnd   Math max a  b        if  selStart  lt  0            if  buffer getSpanStart FROM BELOW   gt   0                selStart   selEnd   buffer length                         if  selStart  gt  last          selStart   selEnd   Integer MAX VALUE      if  selEnd  lt  first          selStart   selEnd   -1       switch  what            case CLICK              if  selStart    selEnd                    return false                             if  listener    null                    URLSpan   link   buffer getSpans selStart  selEnd  URLSpan class                   if  link length  gt   1                        listener onClick link 0  getURL                       else                       ImageSpan   image   buffer getSpans selStart  selEnd  ImageSpan class                       if  image length  gt   1                            listener onImageClicked image 0  getSource                           else                           listener onTextClicked                                                                      break           case UP              int beststart  bestend               beststart   -1              bestend   -1               for  int i   0  i  lt  candidates length  i                      int end   buffer getSpanEnd candidates i                     if  end  lt  selEnd    selStart    selEnd                        if  end  gt  bestend                            beststart   buffer getSpanStart candidates i                            bestend   end                                                                     if  beststart  gt   0                    Selection setSelection buffer  bestend  beststart                   return true                             break           case DOWN              beststart   Integer MAX VALUE              bestend   Integer MAX VALUE               for  int i   0  i  lt  candidates length  i                      int start   buffer getSpanStart candidates i                     if  start  gt  selStart    selStart    selEnd                        if  start  lt  beststart                            beststart   start                          bestend   buffer getSpanEnd candidates i                                                                       if  bestend  lt  Integer MAX VALUE                    Selection setSelection buffer  beststart  bestend                   return true                             break             return false      Override public boolean onTouchEvent TextView widget  Spannable buffer                              MotionEvent event        int action   event getAction         if  action    MotionEvent ACTION UP                action    MotionEvent ACTION DOWN            int x    int  event getX            int y    int  event getY             x -  widget getTotalPaddingLeft            y -  widget getTotalPaddingTop             x    widget getScrollX            y    widget getScrollY             Layout layout   widget getLayout            int line   layout getLineForVertical y           int off   layout getOffsetForHorizontal line  x            URLSpan   link   buffer getSpans off  off  URLSpan class            if  action    MotionEvent ACTION UP                if  listener    null                    if  link length  gt   1                        listener onClick link 0  getURL                       else                       ImageSpan   image   buffer getSpans off  off  ImageSpan class                       if  image length  gt   1                            listener onImageClicked image 0  getSource                           else if  Selection getSelectionStart buffer     Selection getSelectionEnd buffer                             listener onTextClicked                                                                             if  action    MotionEvent ACTION DOWN  amp  amp  link length    0                Selection setSelection buffer                      buffer getSpanStart link 0                        buffer getSpanEnd link 0                 return true                     if  link length    0                Selection removeSelection buffer                        return super onTouchEvent widget  buffer  event       Override public void initialize TextView widget  Spannable text        Selection removeSelection text       text removeSpan FROM BELOW       Override public void onTakeFocus TextView view  Spannable text  int dir        Selection removeSelection text        if   dir  amp  View FOCUS BACKWARD     0            text setSpan FROM BELOW  0  0  Spannable SPAN POINT POINT         else           text removeSpan FROM BELOW            public interface Listener        void onClick String clicked        void onTextClicked         void onImageClicked String source

User · Answer

To add a linked text in a text view  you can use the  footer text  string resource example below and also edit your onCreate method for your activity  you can use the example below  string xml   lt  xml version  1 0  charset  utf-8   gt   lt resources gt        lt string name  app name  gt Name of My Application lt  string gt        lt string name  footer text  gt           lt a href  https   www google com tos  gt Terms of Service lt  a gt           lt a href  https   www google com contact  gt Contact lt  a gt           lt a href  https   www google com privacy  gt Privacy Policy lt  a gt       lt  string gt   lt  resources gt    MainActivity java        Override public void onCreate Bundle savedInstance        super onCreate savedInstance       setContentView R layout activity main        TextView textView   findViewById R id textViewLink       textView setMovementMethod LinkMovermentMethod getInstance

User · Answer

My function for make multiple links inside TextView Update 2020  Now this function able to support multiple same texts link inside 1 TextView  but remember to put the link in the correct order fun TextView makeLinks vararg links  Pair lt String  View OnClickListener gt         val spannableString   SpannableString this text      var startIndexOfLink   -1     for  link in links            val clickableSpan   object   ClickableSpan                 override fun updateDrawState textPaint  TextPaint                       use this to change the link color                 textPaint color   textPaint linkColor                    toggle below value to enable disable                    the underline shown below the clickable text                 textPaint isUnderlineText   true                            override fun onClick view  View                    Selection setSelection  view as TextView  text as Spannable  0                  view invalidate                   link second onClick view                                  startIndexOfLink   this text toString   indexOf link first  startIndexOfLink   1          if startIndexOfLink    -1  continue    todo if you want to verify your texts contains links text         spannableString setSpan              clickableSpan  startIndexOfLink  startIndexOfLink   link first length              Spanned SPAN EXCLUSIVE EXCLUSIVE                     this movementMethod           LinkMovementMethod getInstance      without LinkMovementMethod  link can not click     this setText spannableString  TextView BufferType SPANNABLE     USING my text view makeLinks          Pair  quot Terms of Service quot   View OnClickListener               Toast makeText applicationContext   quot Terms of Service Clicked quot   Toast LENGTH SHORT  show                       Pair  quot Privacy Policy quot   View OnClickListener               Toast makeText applicationContext   quot Privacy Policy Clicked quot   Toast LENGTH SHORT  show                XML  lt TextView     android id  quot   id my text view quot      android layout width  quot wrap content quot      android layout height  quot wrap content quot      android text  quot Please accept Terms of Service and Privacy Policy quot      android textColorHighlight  quot  f00 quot     background color when pressed     android textColorLink  quot  0f0 quot      android textSize  quot 20sp quot    gt   DEMO  Reference Solution for clear the link highlight selection follow https   stackoverflow com a 19445108 5381331

User · Answer

Created elegant Kotlin way with extension  fun TextView setClickableText text  Spanned                                clickableText  String                                 ColorInt clickableColor  Int                                clickListener     - gt  Unit        val spannableString   SpannableString text       val startingPosition  Int   text indexOf clickableText       if  startingPosition  gt  -1            val clickableSpan  ClickableSpan   object   ClickableSpan                 override fun onClick textView  View                    clickListener                              override fun updateDrawState textPaint  TextPaint                    super updateDrawState textPaint                  textPaint isUnderlineText   false                                  val endingPosition  Int   startingPosition   clickableText length         spannableString setSpan clickableSpan  startingPosition                  endingPosition  Spanned SPAN EXCLUSIVE EXCLUSIVE          spannableString setSpan ForegroundColorSpan clickableColor   startingPosition                  endingPosition  Spanned SPAN EXCLUSIVE EXCLUSIVE          movementMethod   LinkMovementMethod getInstance           highlightColor   Color TRANSPARENT            setText spannableString

User · Answer

Complicated but universal solution on Kotlin            Receive Pair of Text and Action and set it clickable and appearing as link          fun TextView setClickableText vararg textToSpanAndClickAction  Pair lt String   String  - gt  Unit gt         val builder   SpannableStringBuilder text toString         textToSpanAndClickAction forEach   argPair - gt      val clickableSpan   object   ClickableSpan             override fun onClick widget  View                argPair second invoke argPair first                       this text toString   let   fullText - gt          val indexOfFirst   fullText indexOf argPair first          val indexOfLast   indexOfFirst   argPair first length         if  indexOfFirst  lt  0                 No match found             return          else              builder setSpan                  clickableSpan                  indexOfFirst                  indexOfLast                  Spanned SPAN EXCLUSIVE EXCLUSIVE                                  this text   builder     this movementMethod   LinkMovementMethod getInstance      kotlin spannable

User · Answer

Kotlin Version of Phan Van Linh s answer   Please note it has some minor modifications   fun makeLinks textView  TextView  links  Array lt String gt   clickableSpans  Array lt ClickableSpan gt         val spannableString   SpannableString textView text       for  i in links indices            val clickableSpan   clickableSpans i          val link   links i           val startIndexOfLink   textView text indexOf link           spannableString setSpan clickableSpan  startIndexOfLink  startIndexOfLink   link length                  Spanned SPAN EXCLUSIVE EXCLUSIVE             textView movementMethod   LinkMovementMethod getInstance       textView setText spannableString  TextView BufferType SPANNABLE     fun setupClickableTextView         val termsOfServicesClick   object   ClickableSpan             override fun onClick p0  View                 Toast makeText applicationContext   ToS clicked   Toast LENGTH SHORT  show                        val privacyPolicyClick   object   ClickableSpan             override fun onClick p0  View                 Toast makeText applicationContext   PP clicked   Toast LENGTH SHORT  show                        makeLinks termsTextView  arrayOf  terms    privacy policy    arrayOf termsOfServicesClick  privacyPolicyClick

User · Answer

more generic answer in kotlin     fun setClickableText view  TextView  firstSpan  String  secondSpan  String        val context   view context     val builder   SpannableStringBuilder       val unClickableSpan   SpannableString firstSpan      val span   SpannableString     secondSpan       builder append unClickableSpan       val clickableSpan  ClickableSpan   object   ClickableSpan             override fun onClick textView  View                val intent   Intent context  HomeActivity  class java           context startActivity intent                     override fun updateDrawState ds  TextPaint                super updateDrawState ds              ds isUnderlineText   true             ds setTypeface Typeface create Typeface DEFAULT  Typeface ITALIC                        builder append span       builder setSpan clickableSpan  firstSpan length  firstSpan length secondSpan length 1  Spanned SPAN EXCLUSIVE EXCLUSIVE       view setText builder TextView BufferType SPANNABLE      view setMovementMethod LinkMovementMethod getInstance

User · Answer

I made this helper method in case someone need start and end position from a String   public static TextView createLink TextView targetTextView  String completeString      String partToClick  ClickableSpan clickableAction         SpannableString spannableString   new SpannableString completeString           make sure the String is exist  if it doesn t exist        it will throw IndexOutOfBoundException     int startPosition   completeString indexOf partToClick       int endPosition   completeString lastIndexOf partToClick    partToClick length         spannableString setSpan clickableAction  startPosition  endPosition          Spanned SPAN INCLUSIVE EXCLUSIVE        targetTextView setText spannableString       targetTextView setMovementMethod LinkMovementMethod getInstance          return targetTextView      And here is how you use it  private void initSignUp         String completeString    New to Reddit  Sign up here        String partToClick    Sign up       ClickableTextUtil          createLink signUpEditText  completeString  partToClick              new ClickableSpan                      Override                 public void onClick View widget                           your action                     Toast makeText activity   Start Sign up activity                           Toast LENGTH SHORT  show                                        Override                 public void updateDrawState TextPaint ds                        super updateDrawState ds                          this is where you set link color  underline  typeface etc                      int linkColor   ContextCompat getColor activity  R color blumine                       ds setColor linkColor                       ds setUnderlineText false

User · Answer

It really helpful for the clickable part for some portion of the text   The dot is a special character in the regular expression  If you want to spanable the dot need to escape dot as     instead of just passing     to the spanable text method  Alternatively  you can also use the regular expression     to spanable the String by a dot in Java

User · Answer

You can use sample code  You want to learn detail about ClickableSpan  Please check this documentaion   SpannableString myString   new SpannableString  quot This is example quot                             ClickableSpan clickableSpan   new ClickableSpan                          Override                     public void onClick View textView                            ToastUtil show getContext    quot Clicked Smile  quot                                                                For Click          myString setSpan clickableSpan startIndex lastIndex Spanned SPAN EXCLUSIVE EXCLUSIVE                      For UnderLine          myString setSpan new UnderlineSpan   startIndex lastIndex 0                      For Bold         myString setSpan new StyleSpan Typeface BOLD  startIndex lastIndex 0                      Finally you can set to textView                    TextView textView    TextView  findViewById R id txtSpan           textView setText myString           textView setMovementMethod LinkMovementMethod getInstance

User · Answer

t   TextView  findViewById R id PP1     t setText Html fromHtml   lt bThis is normal text  lt  b gt                       lt a href   http   www xyz-zyyx com   gt This is cliclable text lt  a gt        t setMovementMethod LinkMovementMethod getInstance

User · Answer

Boom Check this for java Lovers  D We can modify it according to our need  List lt Pair lt String  View OnClickListener gt  gt  pairsList   new ArrayList lt  gt              pairsList add new Pair lt  gt   quot 38 50 quot   v - gt                Intent intent   new Intent SignUpActivity this  WebActivity class               intent putExtra  quot which quot    quot tos quot                startActivity intent                         pairsList add new Pair lt  gt   quot 81 95 quot   v - gt                Intent intent   new Intent SignUpActivity this  WebActivity class               intent putExtra  quot which quot    quot policy quot                startActivity intent                         makeLinks pairsList      Method calling   private void makeLinks List lt Pair lt String  View OnClickListener gt  gt  pairsList             SpannableString ss   new SpannableString By signing up  I   m agree to PAKRISM   s Terms of Use and confirms that I have read Privacy Policy            for  Pair lt String  View OnClickListener gt  pair   pairsList                 ClickableSpan clickableSpan   new ClickableSpan                      Override                 public void onClick View textView                          Toast makeText MyApplication getAppContext     quot Clicked  quot   Toast LENGTH SHORT  show                        pair second onClick textView                                       Override                 public void updateDrawState TextPaint ds                         ds linkColor   ContextCompat getColor SignUpActivity this  R color primary main                       ds setUnderlineText true                        super updateDrawState ds                                                 String   indexes   pair first split  quot   quot                ss setSpan clickableSpan  Integer parseInt indexes 0    Integer parseInt indexes 1    Spanned SPAN EXCLUSIVE EXCLUSIVE                              TextView tv   findViewById R id txtView           tv setText ss           tv setMovementMethod LinkMovementMethod getInstance

User · Answer

i coded an example to solve your question in Kotlin   This is the Code       val completeText   getString R string terms description      val textToFind   getString R string show terms      val spannableString  Spannable   SpannableString completeText      val startFocus   completeText indexOf textToFind      val endFocus   startFocus   textToFind length      spannableString setSpan object  ClickableSpan             override fun onClick p0  View                showMessage                    startFocus  endFocus  Spanned SPAN EXCLUSIVE EXCLUSIVE      show terms text   spannableString     show terms movementMethod   LinkMovementMethod getInstance        show terms highlightColor   Color TRANSPARENT    This is the XML       lt CheckBox             android id    id check agree terms              android layout width  wrap content              android layout height  wrap content   gt        lt TextView             android id    id show terms              android layout width  match parent              android layout height  wrap content              android textColorLink   color colorPrimary              android layout toEndOf   id check agree terms   gt    This is how it looks  enter image description here

User · Answer

I would suggest a different approach that I think requires less code and is more  localization-friendly    Supposing that your destination activity is called  ActivityStack   define in the manifest an intent filter for it with a custom scheme  e g   myappscheme   in AndroidManifest xml    lt activity     android name   ActivityStack  gt       lt intent-filter gt           lt action android name  android intent action VIEW    gt           lt category android name  android intent category DEFAULT    gt           lt data android host  stack   gt           lt data android scheme  myappscheme    gt       lt  intent-filter gt   lt  activity gt    Define the TextView without any special tag  it is important to NOT use the  android autoLink  tag  see  https   stackoverflow com a 20647011 1699702     lt TextView     android id    id stackView      android layout width  wrap content      android layout height  wrap content      android text   string stack string    gt    then use a link with custom scheme and host in the text of the TextView as  in String xml     lt string name  stack string  gt Android is a Software  lt a href  myappscheme   stack  gt stack lt  a gt  lt  string gt    and  activate  the link with setMovementMethod    in onCreate   for activities or onCreateView   for fragments    TextView stack   findViewById R id stackView   stack setMovementMethod LinkMovementMethod getInstance       This will open the stack activity with a tap on the  stack  word

User · Answer

android text style ClickableSpan can solve your problem   SpannableString ss   new SpannableString  Android is a Software stack    ClickableSpan clickableSpan   new ClickableSpan          Override     public void onClick View textView            startActivity new Intent MyActivity this  NextActivity class               Override     public void updateDrawState TextPaint ds            super updateDrawState ds           ds setUnderlineText false            ss setSpan clickableSpan  22  27  Spanned SPAN EXCLUSIVE EXCLUSIVE    TextView textView    TextView  findViewById R id hello   textView setText ss   textView setMovementMethod LinkMovementMethod getInstance     textView setHighlightColor Color TRANSPARENT     In XML     lt TextView          android textColorLink   drawable your selector    gt

[android] How to set the part of the text view is clickable

Examples related to android

Examples related to string

Examples related to textview

Examples related to clickablespan