Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Introducción a ImageSpan

Avatar for Diego Reyes Diego Reyes
January 23, 2019
Programming
28
0

Introducción a ImageSpan

Pequeño acercamiento a los Spans en Android en especial a ImageSpan

Avatar for Diego Reyes

Diego Reyes

January 23, 2019

Other Decks in Programming

See All in Programming
ChromeでローカルLLM
Avatar for ryu ryu1013
0
140
全ての永続トークンを、生まれる前に消し去りたい！
Avatar for sylph01 sylph01
2
880
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
210
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.2k
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
4
3.5k
AI時代のコードレビューは人に向けるな、仕組みに向けろ
Avatar for meijin texmeijin
5
3.7k
Railsバージョンを4倍にした話
Avatar for OPTiM optim
0
350
AI主導のプログラミング学習アプリを作ってみた
Avatar for econanringo econanringo
0
180
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
470
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
35
17k
Atomic Design, Enforced: Scaling Mobile Design Systems (next.app devCon / droidCon Berlin 2026)
Avatar for Stelios Frantzeskakis steliosf
PRO
0
170
SalesForceを内製化！？ ~ HR事業を支える顧客管理基盤のインフラを大公開 ~
Avatar for Kobujee_53 oku053
0
180

Featured

See All Featured
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
53
4k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.1k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
430
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
330

Transcript

  1. Introducción a ImageSpan Diego Reyes @diego_kings_ Android Developer at @grinscooters

  2. Spans

  3. Spans Son objetos de marcación que se pueden adjuntar y

    separar del texto.

  4. Spans Son objetos de marcación que se pueden adjuntar y

    separar del texto. Ayudan a dar estilo a nivel caracter o párrafo.

  5. Spans Son objetos de marcación que se pueden adjuntar y

    separar del texto. Ayudan a dar estilo a nivel caracter o párrafo. val label = "¡Hello World!” val ss = SpannableString(label) ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  6. StyleSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  7. StyleSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(StyleSpan(Typeface.BOLD_ITALIC), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  8. StyleSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(StyleSpan(Typeface.BOLD_ITALIC), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  9. UnderlineSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  10. UnderlineSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(UnderlineSpan(), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  11. UnderlineSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(UnderlineSpan(), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  12. StrikethroughSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  13. StrikethroughSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(StrikethroughSpan(), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  14. StrikethroughSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(StrikethroughSpan(), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  15. BackgroundColorSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  16. BackgroundColorSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(BackgroundColorSpan(Color.YELLOW), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  17. BackgroundColorSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(BackgroundColorSpan(Color.YELLOW), label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  18. BulletSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan( ? , 0, label.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  19. BulletSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(BulletSpan(20, Color.RED, 10), 0, label.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  20. BulletSpan val label = "¡Hello World!” val ss = SpannableString(label)

    ss.setSpan(BulletSpan(20, Color.RED, 10), 0, label.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  21. ClickableSpan val label = "¡Hello World!" val ss = SpannableString(label)

    ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  22. ClickableSpan val label = "¡Hello World!" val ss = SpannableString(label)

    val cs = object : ClickableSpan() { override fun onClick(widget: View) { Toast.makeText(this@MainActivity, "onClick", Toast.LENGTH_SHORT).show() } } ss.setSpan( ? , label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  23. ClickableSpan val label = "¡Hello World!" val ss = SpannableString(label)

    val cs = object : ClickableSpan() { override fun onClick(widget: View) { Toast.makeText(this@MainActivity, "onClick", Toast.LENGTH_SHORT).show() } } ss.setSpan(cs, label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  24. ClickableSpan val label = "¡Hello World!" val ss = SpannableString(label)

    val cs = object : ClickableSpan() { override fun onClick(widget: View) { Toast.makeText(this@MainActivity, "onClick", Toast.LENGTH_SHORT).show() } } ss.setSpan(cs, label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss binding.label.movementMethod = LinkMovementMethod.getInstance()

  25. ClickableSpan val label = "¡Hello World!" val ss = SpannableString(label)

    val cs = object : ClickableSpan() { override fun onClick(widget: View) { Toast.makeText(this@MainActivity, "onClick", Toast.LENGTH_SHORT).show() } } ss.setSpan(cs, label.indexOf("W"), label.indexOf("!"), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss binding.label.movementMethod = LinkMovementMethod.getInstance()

  26. ImageSpan

  27. ImageSpan Es un objeto que reemplaza texto adjuntado una imagen.

  28. ImageSpan Es un objeto que reemplaza texto adjuntado una imagen.

    Se puede alinear a la parte inferior o con la línea base del texto.

  29. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras:

  30. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Bitmap

  31. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Bitmap ImageSpan(context, bitmap)

  32. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Bitmap ImageSpan(context, bitmap) ImageSpan(context, bitmap, vertAlignment)

  33. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Drawable

  34. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Drawable ImageSpan(drawable, vertAlignment)

  35. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Resource id

  36. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Resource id ImageSpan(context, resourceId, vertAlignment)

  37. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Uri

  38. ImageSpan Se puede alinear a la parte inferior o con

    la línea base del texto. Puede ser creado de las siguientes maneras: Uri ImageSpan(context, uri, vertAlignment)

  39. ImageSpan val label = "¡Hello | World!" val ss =

    SpannableString(label) ss.setSpan( ? , label.indexOf("|"), label.indexOf("|") + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  40. ImageSpan val label = "¡Hello | World!" val ss =

    SpannableString(label) val scooter = ContextCompat.getDrawable(this, R.drawable.vd_ic_scooter_green) scooter!!.setBounds(0,0,64,96) ss.setSpan( ? , label.indexOf("|"), label.indexOf("|") + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  41. ImageSpan val label = "¡Hello | World!" val ss =

    SpannableString(label) val scooter = ContextCompat.getDrawable(this, R.drawable.vd_ic_scooter_green) scooter!!.setBounds(0,0,64,96) ss.setSpan(ImageSpan(scooter, ImageSpan.ALIGN_BASELINE), label.indexOf("|"), label.indexOf("|") + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  42. ImageSpan val label = "¡Hello | World!" val ss =

    SpannableString(label) val scooter = ContextCompat.getDrawable(this, R.drawable.vd_ic_scooter_green) scooter!!.setBounds(0,0,64,96) ss.setSpan(ImageSpan(scooter, ImageSpan.ALIGN_BASELINE), label.indexOf("|"), label.indexOf("|") + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  43. ImageSpan val label = "¡Hello | World!" val ss =

    SpannableString(label) val scooter = ContextCompat.getDrawable(this, R.drawable.vd_ic_scooter_green) scooter!!.setBounds(0,0,64,96) ss.setSpan(ImageSpan(scooter, ImageSpan.ALIGN_BASELINE), label.indexOf("|"), label.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss

  44. ImageSpan val label = "¡Hello | World!" val ss =

    SpannableString(label) val scooter = ContextCompat.getDrawable(this, R.drawable.vd_ic_scooter_green) scooter!!.setBounds(0,0,64,96) ss.setSpan(ImageSpan(scooter, ImageSpan.ALIGN_BASELINE), label.indexOf("|"), label.length, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE) binding.label.text = ss
  45. None

  46. Contacto @diego_kings_ [email protected] www.ongrin.com