Its a new year and time to set some new personal goals. What goals do you have for 2024?
Here are mine:
- 50 cardio sessions
- 50 gym sessions
- Min 1 stretch exercise a day
- 365 day streak on Duolingo (spanish)
- go from 94kg to 84kg weight
More goals in next tweet ->
The iOS community is small but global! Lets share (if you want) where we live, might be a good travel suggestion for some ๐
Iโll start, this is where I currently live:
Jรถnkรถping, Sweden ๐
City slogan: โThe light by the lakeโ ๐
Or as I like to call it, Swedens Marbella ๐
Alright my twitter friends. I am trying to build a custom slider where I want to update my weight. But it was harder than I thought ๐คช best way to set it up so I can track the value in the slider and update the weight value? ๐ here is how far I got:
Playing around with a shimmer effect that I learned some while ago from a Kavsoft video. Really like the first appearance of โHello Worldโ. ๐ But not quite happy with the second iteration. What do you think?
A simple way to make a pretty descent animation is to flip the color on a gradient. As you can see there is not much code needed to achieve this. Reason why we love SwiftUI right? ๐
Made this wheel effect earlier, but how do I make it spinn smoother without the obvious stop after my 1 second durarion ๐ง๐ง code in next post ๐ค
Learning iOS development is hard. But
one thing I know for sure is that if you
put in the hours, you eventually will
understand some of it. Then become
decent at it and then maybe even good
at it, grind it out is what will get you
there in the end. So keep going!
#Swift
#SwiftUl
Continued with this today, added the orange ticker. Next step is to get it to move for each option, to simulate a real bingo wheel. Not sure how to do it so might take some time before I solve it ๐ซฃ
Started with this challenge today, got stuck on making the orange ticker as a custom shape. This is how far iโve gotten with the time I had today. Gonna continue tomorrow ๐
A tip for anyone who aspire to get an junior iOS dev position. Ever since I started posting about my sport tracker app 3 differents persons have reached out and checked potential availability for hiring or joining a project. So share your work people๐
Alright I gave it a try during lunch today. Hope this can be a good starting point for you Yavuzโบ๏ธ it does not behave exactly the same, I didnt have time to figure out how to make the images and text appear like its lagging behind. Might try later๐
code:
Took me all night but I managed to create this hero animation on a list when fetching data from a json. Was a lot harder than I thought it would be, but here I am 5-6 hours later. You might recognize the data from
@twostraws
iDine tutorial โบ๏ธ
First tutorial done, going through the code iโd say I understand 60-70% of it. But when we start using UIViewRepresentable I am lost ๐ and not sure about some functions. But will try and recreate this horizontally instead, just to see if I can make it. I had fun either way ๐
I created a beginner roadmap book for anyone who wants to learn how to animate views and objects in SwiftUI ๐ฃ๏ธ
In this thread youโll find 10 videos on what you will be learning throughout the book ๐
Click the link and start your journey today! ๐ซ
Made this scrollable header bar today. Ran into some issues though. First, how do I make it scroll automatically when I press each button? As you can see, I managed to get news to appear on the screen when pressed at least. But not what I want. Also, next step is to learn howโฆ
In Sweden we have this payment app called swish, I tried to replicate the animation it does once you pay a payment request. Kind of happy with the result but still needs some work to be perfect โบ๏ธ what do you think about it?
So you want to build an app? โIโm just gonna build this detail view really quick, shouldnt take longโ
1 hour and 15 min later, this is what I got. Garbage ๐
Playing around with animations again, not what I had in mind at first but had tomatsรฅs because couldnt use the sf symbol I wanted since I canโt update Xcode and MacOS because of no space. But hey, a somewhat ok animation at least. Brum brum ๐๐
Moahaha! I solved it! Damn this feeling is great ๐ i am not sure about my solution for switching between the views, would this fly in an app on App Store or do I need to solve it another way? Feels like there is a better way than a lot of if else statements ๐คช (see next post)
Managed to create a type writer effect in SwiftUI. Kind of happy with the result and I might implement this is in a future app. But I am not 100% sure if I understand the code to be honest ๐
Finished this tutorial by
@_Kavsoft
had some ideas on other animations but realized now that I am gonna need more practice before being able to use this. But it is very cool ๐
Boom! Finally solved it with some help from the Twitter community, chatGPT and a blog post by
@dvrzan
๐
The feeling of finally solving an issue is priceless ๐ช
Spent three hours yesterday to try and find out how to achieve so only one button can be selected. Today I started Xcode and thought of this solution right away. Take more breaks is the lesson here ๐
Made another example with matched geometry effect. This time text appears instead of disappear ๐ I wonder if I can make it better with a type writer effect? ๐ง
Took me about an hour of investigation to realize that I needed to change my timer to 2 seconds instead of 1,5 seconds to get it to work ๐ in my mind I just went from the worlds worst developer to the greatest one that has ever been alive ๐๐ค
Trying to make a view where you can choose some things. But with this solution, one option is always pre-selected and the user canโt choose multiple options. Anyone know a good solution? Best solved with another struct view right? โบ๏ธ
Had some fun with animations today, I was going for a person celebrating. But it looks more like a person doing jumping jacks, maybe I should add some movement to the legs ๐
Saw a cool animation on a Ted talk today, decided to do my own version of it. I am really happy with the result so far, proud I kind of figured out some curve movement for the it! Question though, could this be solved without offseting 12 propperty wrappers? ๐ซฃwhat do you think?
Managed to get the masonry layout from
@twostraws
Pro SwiftUI book to work for pictures as well. Next step is to figure out how to get it working without randomElement and so it adds pictures from the users phone and also so they are not randomized ๐
Got some help from
@_Kavsoft
so a big shout out, thanks friend โบ๏ธ if you are interested in the code I got provided you can find it in the retweet thread below.
In this video you can see the result.
Iโd also like to share some things I learned:
Playing around with AnyLayout that is covered in the Pro SwiftUI book. Managed to combine two things from the book this evening so I am happy ๐Also found a use case for it that I will try during the weekend ๐
Decide to recreate the biggest payment app in Sweden. Havent gotten far but will keep adding to it over time. Will hopefully be a fun little project โบ๏ธ
Playing around with enums. Thought I figured it out when I actually got to show the teams in the second picker. Then I tried pressing the other team and I can not select it ๐oh well back to the drawing board ๐คช
My minimum iOS development learning plan for rest of 2022:
- finish book Hacking with iOS (7 projects left)
- finish Swiftfuls thinkings Map App video tutorial series
- create app where you can add your workouts
- create local information app for best restaurants, hikes etc
๐คฉ
Played around with a loading view during this lunch. Went with xmas colors, also kind of like the effect when I change the duration for the Green circles ๐
Got some time during lunch and managed to work some more on the design for the home page screen. Really want to add charts but still havent figured out how to get the actual data in the chart ๐
First try since being back from the flu. Not even close to what I want, I want the circles to move towards me in a Nice smooth way. Not at random as it is now. Any suggestions? ๐คช
I managed to do this loading view this morning while kid was sleeping. Was surprised that it worked to just CGFloat(index) + 1 to create different sizes on the circles. Not sure if this is the โcorrectโ solution as nothing happens if I change it to +2 instead. Anyone know why? ๐ง
Started with this challenge today, got stuck on making the orange ticker as a custom shape. This is how far iโve gotten with the time I had today. Gonna continue tomorrow ๐
#SwiftUI
challenge! Create this in SwiftUI, no 3rd party libs or ChatGPT๐. Allow the user to fling-spin the wheel once and have the wheel gradually slow down until it stops. Each wedge section should "bump" the orange ticker at the top as the wheel spins.
Are you up for it? ๐
Thought I was gonna have to spend time researching how to make the slow down effect. But it was solved with a simple spring animation with a damping fraction ๐ also added so you could drag in any direction to spinn the wheel. Problem now: I can drag it the wrong way to spinn it
Started learning the Combine framework again. Really surprised that this worked. Normally when I get an idea they never work ๐
Always remember for Combine now that you need a publisher, operator and a subscriber (repeat, repeat, repeat) ๐
I managed to add a dragGesture to make the wheel spinn. However, it only works when I drag in one direction on the y axis and the same for the x axis. Anyone know why? ๐ค
Code in next post if the resolution on the video is bad.
Learning and trying new things for animations with the transaction modifier. Two different animations here, I like both. Gonna try and see if there are any cool ways to present a view using this ๐ค
If you followed me for a while, you know I like animations. This was a new one for me, and it can be done with so little code. I can think of some usecases for example for the launchscreen ๐
#SwiftUI
Going through some code of tutorials I have done. I like this shimmer effect from
@kavsoft
and after 30 min of studying the code I managed to create this rotation for the shimmer. Can you spot it? And the question is, would Kavsoft solve it like this? ๐ง
Boom! Managed to solve it, moved rotateTrim boolean to the onAppear. But also commented out the colorChange = .red in the DispatchQueue and added it in the begining of the function. And voila, now it loops ๐ also thanks to
@im_pratik_28
for helpful input ๐
A while back I learned about the monospacedDigit modifier. Must say I like that small but subtle change to text. Can you spot the difference? Applied it to the Green text in this example.
Can anyone explain this? When I first toggle my state variable my button moves based on the size of the text. But when adding a frame with just height of 1 pixel. This behaviour stops. Anyone know why? ๐ค
Haha another night with failure, but moved closer. Was certain I had solved this for good until I tried to change between the new added items. So close ๐
Hmm trying to make a button expand when being pressed. Would be โeasyโ if I made a propperty wrapper for each rectangle and also made them one by one. But pretty sure it is possible with a ForEach as well. Just need to figure out how โบ๏ธ code in next post:
Kid woke me up at five and I want able to go back to sleep, so here I am trying to learn something more before work. Itโs 5:40 in the morning, so 35 min coding before the morning routine starts ๐
Trying to figure out how to create to only fill the stars partly. But the space between the stars is an issue for now. Wonder how to it, anyone with suggestions? โบ๏ธ
Hamburger menu to X animation to present a new view. Saw this on a website and decided to replicate it โบ๏ธ some of you might recognize it from my book on animations ๐