CollectionViewChallenge icon indicating copy to clipboard operation
CollectionViewChallenge copied to clipboard
verified publisher icon pauldipietro

Yo Podcast, or a simple Collection of Podcasts

Open Sweekriti91 opened this issue 6 years ago • 0 comments

App + Screenshots

I decided to make Yo Podcasts app, inspired from the Google Podcasts App. The app is super simple and super clean. I also decided to go a little overboard and have about 10 different CollectionViews on my screen, which did affect the launch time, but totally worth it for how amazing it looks.

Original Google Podcasts app:

Landing View Scrolling Down
OG_P2 OG_P1

My Yo Podcasts app (Android):

Landing View Scrolling Down
Droid_P1 Droid_P2

My Yo Podcasts app (iOS):

Landing View Scrolling Down
iOS_P1 iOS_P2

Magical GIFs!

Android iOS
Droid_CollectionView iOS_CollectionView

Feedback

Your experience converting the ListView to a CollectionView (Any difficulties?)

I didn't convert a ListView, I started from scratch but the process was fairly the same as I would have done for a ListView. It was a really good initial implementation/on-boarding procress. Created ViewModel -> Setup Bindings = Data appeared and it worked!

How is the performance compared to the ListView?

Probably because I have like about 10 CollectionViews (2 Different types too, HoriztonGrid and HorizontalList, using different Binding Styles and DataTemplates :joy:), I did see some performance issues. The gifs are sped up videos but in reality performance issues seen :

- Android 
    - Grid was a little slow to respond to swipe gesture
    - Horizontal List also, very slight lag when swiping
    -(both issues could have also been my bizarre UI idea, it was definitely smoother with only one Grid + 4 Horiziontal Lists)

- iOS
    - Slow App launch (sort of see it in the gif)

Is there anything missing that you'd like to see?

Cons:

  • CellReuse and optimization missing right now
  • I didn't enjoy the experience for SelectedItem. It also took me like 10 minutes to understand I had to implement 2 different methods to get one click to work.
  • Pull to Reload/Refresh feature baked in maybe?
  • Navigation took a while to plug in but I think that was more Shell and less to do with the CollectionView (once I figured out how to get the Selected Element)

Pros:

  • Super easy to get started
  • Instantly worked Cross Platform! I hardly needed to make edits to DataTemplates or the CollectionViews itself. Rendered as expected on iOS as I was doing my development on Android.
  • Really beautiful to look at
  • Surprised at how fast I was able to get this together. The ViewModels and mock data took the longest, not the actual hooking up of the CollectionViews

Sweekriti91 avatar Apr 26 '19 17:04 Sweekriti91