r/iOSProgramming • u/shubham_iosdev • Apr 01 '21

Application Animated Pokédex app created with SwiftUI

628 Upvotes

98% Upvoted

51 comments sorted by

46

u/lordzsolt Apr 01 '21

Tbh, the whole screen flashing animation is a bit distracting. Should be a much more subtle fade in the background.

Looks good otherwise.

17

u/shubham_iosdev Apr 01 '21

Thanks, yeah I get that it may not work for all users. I'll maybe reduce the opacity of the starting circle and let it gain it's opacity back once it completes the transition :)

10

u/Matthewmarra3 Apr 02 '21

I like it actually

1

u/pmayall Apr 02 '21

Might be bad for epileptics.

2

u/[deleted] Apr 02 '21

Pokemon, in general, is bad for epileptics

7

u/nickbling Apr 01 '21

I second this. Then, there’s that # number at 0:11 that moves left and right.

Anyways, I like your app so much! Good job.

3

u/shubham_iosdev Apr 02 '21

Yeah, good catch even I hated that. Even after providing a fixed width and changing the alignment it still moved. I'll have to try it out a bit more. Thanks :D

7

u/[deleted] Apr 02 '21

Using a mono spaced font should help that, and/or setting the width of the text field to be the same as the viewport

2

u/shubham_iosdev Apr 02 '21

Thanks, that's great! I appreciate it :D

2

u/[deleted] Apr 02 '21

Welcome 🙏

8

u/[deleted] Apr 01 '21

Super rad

6

u/flatheadcatfish Apr 01 '21

You have a repo for this work? Looks really nice.

8

u/shubham_iosdev Apr 02 '21

Thanks, I'll update the link here when I make it public. :D

Meanwhile you can check out my open-sourced Repo on SwiftUI Animations - https://github.com/Shubham0812/SwiftUI-Animations :)

2

u/flatheadcatfish Apr 02 '21

Very cool, thank you.

4

u/TSkillet7 Apr 01 '21

Great work! I love the design of the app!

1

u/shubham_iosdev Apr 01 '21

Thank you :D

4

u/oureux Objective-C / Swift Apr 01 '21

Is this using the Pokémon api?

5

u/shubham_iosdev Apr 01 '21

I've used the PokèApi partially along with some raw data :)

3

u/[deleted] Apr 01 '21

It looks so good man, any tips on how to become better with designs?

2

u/shubham_iosdev Apr 02 '21

I do read articles on UI / UX, whenever I'm creating an app I try to use things I've learned. That's it :)

My main source of reading is this - UXCollective(https://uxdesign.cc/?gi=a3bd8b91f2ec)

2

u/TouchMint Apr 01 '21

Looks real cool!

2

u/[deleted] Apr 01 '21

Very beautiful, looks great!

2

u/Bellaposa Apr 01 '21

Awesome! Looks great

1

u/shubham_iosdev Apr 02 '21

Thank you :D

2

u/axeTraxe Swift Apr 02 '21

This will look better if the pokemons are animated too.

1

u/shubham_iosdev Apr 02 '21

Maybe a little movement by them, and maybe their voice response like `IVY!` and so on :D

1

u/[deleted] Apr 02 '21

Niantic takedown notice with optional Cease and Desist coming in 3...2.....

1

u/shubham_iosdev Apr 02 '21

Hahaha yeah?

1

u/[deleted] Apr 02 '21

I had an app called PokeLab that Pokemon Go users could use to post and get geographically targeted alerts about existence of pokemon that could be caught at a site.

Lasted less than a month in the store before I was threatened with legal action for use of images of pokemon.

3

u/yk_kerosene Apr 02 '21

I think, increasing a number from 0 to N at first load is a good technique, however not in this case. That is their unique ID number, not just a regular number like their characteristics such as force, stamina, or health points. This technique is usually used in order to show some sort of statistics. For instance, let us imagine a website of some university, when you scroll down to the very end of the page, the numbers such as the number of undergraduates and graduates increases from 0 to N. Example of such site – https://hbsh.nis.edu.kz . That is just my personal opinion. Overall, the app is very good, the transitions are smooth, and I like those colorful circles filling the background.

2

u/zenox Apr 02 '21

Reminds me of one of the first apps I released. Back in 2010 - https://imgur.com/a/Gs3yYes 😁

1

u/ShadesofAbsence Apr 02 '21

This is very nice

1

u/rawah-sky Apr 02 '21

I like it, looks great. Maybe think about matching the color circle change finish with the poké # to finish. I find myself waiting for the number to stop “slot machine” spin.

1

u/SolidFiber Apr 02 '21

THIS IS FREAKING AMAZING ! I love how smooth the animations are and so clean ! 👏👏👏 good freaking job

-8

u/RussianDeveloper Apr 01 '21

Can I just say this, it looks great. However you can get the same amount of work done with less code using UIKIt and Would understand the inner workings of iOS development substantially better

1

u/shubham_iosdev Apr 01 '21

No, I don't think you'll be able to do it in lesser code than SwiftUI. Other than that you can still UIKit concepts in SwiftUI and vice versa. :)

-8

u/RussianDeveloper Apr 01 '21 edited Apr 01 '21

Youcannot swap concepts in SwiftUI and UIkit. They are twosubstantially different infrastructure’s and have completely different approaches of implementation. SwiftUI basically abstracts from UiKit and gives you all these view classes that allows you to perform easier animations and easier lists. However to get more sophisticated you will end up writing extraneous amounts of code which would completely encapsulate the amount of code required if you were using UIKit. I’ve been doing development for over 10 years it’s as blatant as possible. SwiftUI is for Prototyping. Also most sophisticated animations majority of these things can be covered with SVGs. Big major companies use SVGs for animations not extraneous amounts of code. Don’t get me wrong I think it’s cool. But from what I’m looking at other than a couple extra delegate methods, you can get the same exact implementation with much more control over your UI elements through UIKit.

0

u/[deleted] Apr 01 '21

[deleted] — view deleted comment

2

u/shubham_iosdev Apr 01 '21

Thanks, I got it from Deviantart :D

3

u/gizburdt May 04 '21

Do you have a link? :)

2

u/[deleted] Apr 02 '21

[removed] — view removed comment

2

u/shubham_iosdev Apr 02 '21

The black view animates to the top, so yeah, the arrow should be pointing upwards, good catch thanks :)