Update Ui

[sentinelweb]

• [x] play pause animated button

  • https://stackoverflow.com/questions/34765378/android-material-play-pause-vector-drawable-animation
  • https://www.androiddesignpatterns.com/2016/11/introduction-to-icon-animation-techniques.html
  • https://blog.stylingandroid.com/animatedicons-play-pause-circle/
  • https://medium.com/@timrijckaert/play-pause-stop-animated-vector-drawable-88a9df956d20

• [x] look at Material guidelines and get it as good as possible

• [x] extract all strings

• [x] dark theme

scrolling techniques (maybe for playlist header) https://code.tutsplus.com/articles/scrolling-techniques-for-material-design--cms-24435

lots of good animatd icons stuff here: https://blog.stylingandroid.com/

[sentinelweb]

basic worklist

• [x] scrolling list playlist
• [x] scrolling list playlists
• [x] item row list playlist
• [x] item row list playlists
• [x] bottom player fragment circular cutout play button
• [x] play / pause anim
• [ ] colorise on image palette - just episode
• [x] some fragment transitions
• [x] extract some styles
• [x] dark theme
• [x] fade in image loads
• [x] use custom font (header / body)

[sentinelweb]

Blog points Fonts: https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts?hl=ru very handy - reduces file size

Styling theme attrs

• https://medium.com/androiddevelopers/android-styling-common-theme-attributes-8f7c50c9eaba

Transitions:

• https://medium.com/@serbelga/shared-elements-in-android-navigation-architecture-component-bc5e7922ecdf
• getting return transition to work https://developersbreach.com/shared-element-transition-android/
• https://developer.android.com/guide/fragments/animate
• points transition
  • Have to hide elements in enter/return screen until transition completes for the effect to look good
  • for collapsing toolbar set background to @color/background
  • make sure transition name is unique for each image item in list
  • text doesnt transition to toolobar for some reason - might need a fake item to transition (try it)
  • possibly fade out item in source screen before activastion transition for a better effect