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

Dibujo en Compose

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Armando Picón Armando Picón
July 21, 2024
Programming
71
0

Dibujo en Compose

Avatar for Armando Picón

Armando Picón

July 21, 2024

More Decks by Armando Picón

See All by Armando Picón
Gemini in Android Studio
Avatar for Armando Picón devpicon
0
2.8k
Scalable Depency Management with Version Catalog
Avatar for Armando Picón devpicon
0
71
Desmitificando Clean Architecture en Android
Avatar for Armando Picón devpicon
0
130
StateFlow y SharedFlow ¿el fin de LiveData?
Avatar for Armando Picón devpicon
0
340
Introdução ao Kotlin Flow
Avatar for Armando Picón devpicon
0
150
Introducción a Kotlin Flow
Avatar for Armando Picón devpicon
0
170
Introduction to Kotlin Flow
Avatar for Armando Picón devpicon
0
280
Coroutines on the way!
Avatar for Armando Picón devpicon
0
95
The Journey to Reach a Good Architecture
Avatar for Armando Picón devpicon
0
210

Other Decks in Programming

See All in Programming
巨大モノリシックアプリ モダン化大作戦
Avatar for Ryomm ktcryomm
0
1k
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
490
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
Avatar for Atsuki Seo atsuki_seo
0
120
{ Android | Kotlin } Gradle Plugin in 2026
Avatar for RyuNen344 ryunen344
1
320
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
1.9k
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
Avatar for kasacchiful kasacchiful
PRO
1
460
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
190
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
140
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
Avatar for Izumi Tsutsui tsutsui
0
110
LoopHub - ローカルで動く GitHub で、AI と共同開発
Avatar for jugyo jugyo
1
550
AWS DevOps Agentで インシデント対応をAIに任せたい
Avatar for HonMarkHunt honmarkhunt
7
2.9k
LL言語やWebフレームワークの PostgreSQL対応 〜DBの機能がユーザーに届くまで〜
Avatar for 武田 憲太郎 kentaroutakeda
1
150

Featured

See All Featured
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
330
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
410
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
740
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
280
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.3k
It's Worth the Effort
Avatar for 3n 3n
188
29k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
570
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k

Transcript

  1. Dibujando en Compose - Parte 1 Armando Picón - @devpicon

  2. What is a canvas?

  3. How to start - Choosing a canvas - Canvas() -

    Create a canvas - drawBehind{} - drawWithContent{} - drawWithCache{}

  4. Coordinate system x y (0,0) (width,height)

  5. Coordinate system - Offset x y (0,0) (width,height) Offset (x,

    y) (desplazamiento) (15,40 )

  6. Functions drawText() drawImage() Basic shapes - drawRect() - drawCircle() -

    drawLine() - drawRoundedRect() - drawOval() - drawArc() - drawPoints

  7. Show me the code…

  8. Nos vemos en la próxima!