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

Custom UI Components - Android

Avatar for Moro Moro
January 29, 2021
Programming
0
12

Custom UI Components - Android

Avatar for Moro

Moro

January 29, 2021
Tweet

More Decks by Moro

See All by Moro
MockK and Truth - Unit Tests - Android
Avatar for Moro gabrielbmoro
0
150
More Accessible Apps - Android
Avatar for Moro gabrielbmoro
0
9
Variables and Tips - Android
Avatar for Moro gabrielbmoro
0
10
Migrating an Existing App to Compose - Android
Avatar for Moro gabrielbmoro
0
12
Recycler View and Performance - Android
Avatar for Moro gabrielbmoro
0
12
Repository Pattern and Productivity - Android
Avatar for Moro gabrielbmoro
0
13
What is new in Android Jetpack?
Avatar for Moro gabrielbmoro
0
18
List Users - Android
Avatar for Moro gabrielbmoro
0
5
Working with Collections - Kotlin
Avatar for Moro gabrielbmoro
0
12

Other Decks in Programming

See All in Programming
CloudflareのSandbox SDKを試してみた
Avatar for syumai syumai
0
180
Developing Specifications - Jakarta EE: a Real World Example
Avatar for ivargrimstad ivargrimstad
0
220
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
Avatar for Yuto Kaneko kyntk
0
1.6k
無秩序からの脱却 / Emergence from chaos
Avatar for nrs nrslib
1
9.2k
関数の挙動書き換える
Avatar for takato fukui takatofukui
4
750
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
Avatar for おおいし bicstone
1
470
Level up your Gemini CLI - D&D Style!
Avatar for Riccardo Carlesso palladius
1
120
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
Avatar for Rodrigo Ramirez xpromx
0
190
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
230
Feature Flags Suck! - KubeCon Atlanta 2025
Avatar for Pete Hodgson phodgson
0
170
高単価案件で働くための心構え
Avatar for Katsuma Narisawa nullnull
0
160
知られているようで知られていない JavaScriptの仕様 4選
Avatar for syumai syumai
0
630

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k

Transcript

  1. Custom UI Components - Android By Moro

  2. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  3. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  4. Basic Classes ViewGroup View 4

  5. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  6. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  7. View Class View - onDraw(canvas:Canvas) - onMeasure() … … In

    this canvas, you can draw everything that you want. 7

  8. View Class View - onDraw(canvas:Canvas) - onMeasure() … … Generally,

    you can ignore to customize your view. In this method, you can render a contract between your component and the container. 8

  9. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  10. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  11. Available Widgets and Layouts View ImageView TextView ViewGroup Button LinearLayout

    FrameLayout ... 11

  12. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  13. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  14. Drawing a Circle 14

  15. Bubble Loader 15

  16. Bubble Loader 16

  17. Bubble Loader 17

  18. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  19. Summary - Basic Classes - View Class - Available Widgets

    and Layouts - Example of a Custom View Component - Example of a Custom Layout Component

  20. Custom Layout Component 20

  21. Custom Layout Component Performance issue 21

  22. Custom Layout Component Better 22

  23. Thanks