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

Make UI Great Again

MOSDROID
June 23, 2018
Programming
0
100

Make UI Great Again

Александр Смирнов, PapaJobs – MOSDROID #9 #Flourine – Видео https://youtu.be/4T3q5qXwhgY?t=4h16m26s

UI достаточно большая и важная часть любого приложения. В этом докладе вы услышите как создавать UI легко и просто используя Contraint Layout. Почему так быстро выпустили абсолютно новую версия Constraint Layout 2.0 и что собственно в ней нового. И почему вам необходимо полностью перейти на него уже сегодня

MOSDROID

June 23, 2018
Tweet

More Decks by MOSDROID

See All by MOSDROID
CI/CD для маленькой команды с эмулятором и Docker’ом
mosdroid
0
290
Android Jetpack Compose
mosdroid
1
250
Единственное, что вам нужно для UI-тестирования
mosdroid
0
440
Архитектура для шаблона
mosdroid
0
1.7k
Быстрая разработка однотипного UI с помощью подмены зависимостей у экрана
mosdroid
0
1.7k
Как внедрить аналитику и не сломать приложение
mosdroid
0
1.7k
Как я перестал работать по выходным и полюбил тесты
mosdroid
0
200
Kotlin/Multiplatform — your shortest (nope) and pain(-ful/-less) way to becoming a Fullstack Developer
mosdroid
0
140
Хватит делать фичи, делайте инструменты
mosdroid
0
250

Other Decks in Programming

See All in Programming
Creating a Free Video Ad Network on the Edge
mizoguchicoji
0
120
Jakarta EE meets AI
ivargrimstad
0
560
2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。
kohecchi
5
920
Contemporary Test Cases
maaretp
0
140
Better Code Design in PHP
afilina
PRO
0
130
Jakarta EE meets AI
ivargrimstad
0
170
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
flutterkaigi_2024.pdf
kyoheig3
0
110
Ethereum_.pdf
nekomatu
0
460
[Do iOS '24] Ship your app on a Friday...and enjoy your weekend!
polpielladev
0
100
ヤプリ新卒SREの オンボーディング
masaki12
0
130
Amazon Qを使ってIaCを触ろう！
maruto
0
410

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
A Tale of Four Properties
chriscoyier
156
23k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Visualization
eitanlees
145
15k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
Agile that works and the tools we love
rasmusluckow
327
21k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
The Cost Of JavaScript in 2023
addyosmani
45
6.8k
Git: the NoSQL Database
bkeepers
PRO
427
64k

Transcript

  1. MAKE UI GREAT AGAIN ALEXANDER SMIRNOV 23.06.2018

  2. SIMPLE UI EXAMPLE

  3. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  4. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  5. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  6. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  7. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  8. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  9. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout

  10. DRAW PROCESS IN ANDROID RelativeLayout – MEASURES CHILDREN TWICE LinearLayout

    – MEASURES CHILDREN TWICE IF WEIGHT USED

  11. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout RelativeLayout

  12. RelativeLayout LinearLayout RelativeLayout LinearLayout RelativeLayout RelativeLayout RelativeLayout LinearLayout LinearLayout LinearLayout

    LinearLayout LinearLayout LinearLayout

  13. CASSOWARY

  14. CONSTRAINT LAYOUT CONSTRAINTS EXPRESSED AS SET OF EQUATIONS: a1x1 +

    … + anxn = c a1x1 + … + anxn ≤ c a1x1 + … + anxn ≥ c HTTP://BIT.LY/MOSDROID_CASSOWARY

  15. SIMPLE UI EXAMPLE

  16. SIMPLE UI EXAMPLE

  17. RELATIVE POSITIONING CENTER POSITIONING GONE GUIDELINES – HELPER OBJECTS CHAINS

    DIMENSION CONSTRAINTS: MIN/MAX, RATIO RELEASE 1.0

  18. RELEASE 1.1 BARRIERS GROUPS: APPLY VISIBILITY TO A SET OF

    WIDGETS PLACEHOLDERS PERCENT DIMENSIONS CIRCULAR CONSTRATINS

  19. ANIMATIONS

  20. ANIMATIONS

  21. None

  22. ANIMATIONS

  23. None

  24. PERFOMANCE REAL SITUATION WITH SPEED WHAT BETTER BUGS?

  25. RELEASE 2.0 [STILL WAITING] PERFORMANCES VIRTUAL VIEWGROUPS: CHAIN, LAYERS, TABLE,

    FLEX DECORATORS ADDITIONAL TOOLING MOTIONLAYOUT

  26. QUESTIONS TO ANSWER WHAT ABOUT STABILITY? IT IS EASY TO

    LEARN? IT IS HARD TO CREATE COMPLEX CASES? IT IS HARD TO MAINTAIN? ANY ALTERNATIVES? WHAT ABOUT FUTURE?

  27. WHAT NEXT HTTP://BIT.LY/MOSDROID_CONSTRAINTS HTTP://BIT.LY/MOSDROID_CASSOWARY MAKE UI GREAT AGAIN #2 HTTP://BIT.LY/MOSDROID_COSTRAINTS_DEMO_REBBECA

  28. ENJOY @mosdroid @smred @androidinfaces