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

Make UI Great Again

MOSDROID
June 23, 2018
Programming
0
92

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
270
Android Jetpack Compose
mosdroid
1
210
Единственное, что вам нужно для UI-тестирования
mosdroid
0
410
Архитектура для шаблона
mosdroid
0
1.7k
Быстрая разработка однотипного UI с помощью подмены зависимостей у экрана
mosdroid
0
1.7k
Как внедрить аналитику и не сломать приложение
mosdroid
0
1.7k
Как я перестал работать по выходным и полюбил тесты
mosdroid
0
170
Kotlin/Multiplatform — your shortest (nope) and pain(-ful/-less) way to becoming a Fullstack Developer
mosdroid
0
140
Хватит делать фичи, делайте инструменты
mosdroid
0
210

Other Decks in Programming

See All in Programming
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
1
100
AWS CDKコントリビュートTIPS / aws-cdk-contribution-tips
gotok365
2
180
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
780
Snowflakeで眠ったデータを起こそう！
estie
0
120
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
370
Ruby GitHub Packages
bkuhlmann
0
630
エンターテイメント業界で利用されるAWS
demuyan
0
210
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
180
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k
Hanami and htmx
bkuhlmann
0
210
"config" ってなんだ？ / What is "config"?
okashoi
0
240

Featured

See All Featured
What the flash - Photography Introduction
edds
64
11k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Fireside Chat
paigeccino
21
2.6k
Designing with Data
zakiwarfel
96
4.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Designing for humans not robots
tammielis
248
25k
Into the Great Unknown - MozCon
thekraken
10
990
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
YesSQL, Process and Tooling at Scale
rocio
164
13k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k

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