Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dibujo en Compose

Avatar for Armando Picón Armando Picón
July 21, 2024
Programming
0
41

Dibujo en Compose

Avatar for Armando Picón

Armando Picón

July 21, 2024
Tweet

More Decks by Armando Picón

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

Other Decks in Programming

See All in Programming
Introduce Hono CLI
Avatar for Yusuke Wada yusukebe
6
3.1k
タスクの特性や不確実性に応じた最適な作業スタイルの選択（ペアプロ・モブプロ・ソロプロ）と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
Avatar for yuki honyanya
3
190
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
Avatar for Swimmy reoandroider
0
130
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
Avatar for Holly Cummins hollycummins
0
250
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
430
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
Avatar for 小島舞子 / Maiko Kojima maikokojima
0
620
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
Avatar for Samuel Williams ioquatix
4
2.5k
なぜGoのジェネリクスはこの形なのか？ - Featherweight Goが明かす設計の核心
Avatar for QualiArts qualiarts
0
240
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
Avatar for 入井 啓太 iriikeita
0
320
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
Avatar for aose aoseyuu
2
240
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
140
スキーマ駆動で、Zod OpenAPI Honoによる、API開発するために、Hono Takibiというライブラリを作っている
Avatar for N Akita nakita628
0
310

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.7k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
130k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
11k

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!