Pro Tip: You can easily add an SF Symbol without having to leave Xcode, and without having to copy/paste. After typing Image(systemName: “”) place your cursor in between the quotes, and click the “+” button in the top right of Xcode (or CMD + Shift + L). Next, click the last tab, which looks like a dragon ball lol. This should be the “Symbols” tab. Then look up key words like “person”, or “walk”, or “heart”, etc.. Lastly, when you’ve found the Symbol you’d like, double-click, and Xcode will automatically paste the name for you. This is why you placed the cursor between the quotes, although it wasn’t necessary to access the menu.
So far this course has been absolutely amazing. Im just starting coding and had always thought I would hate it but this course has made it so much more fun as a beginner. Now im actually looking forward to doing more coding in the day. Thank you!
10:44 you can cgange all colors when u using ".symbolRenderingMode(.palette)" u can then add 2 params to "foregroundColor" or 3 or more depends on icon
Bro I think u're blessing to me man;I'm almost finish learning swift and next step is going to be learning swiftui in somehow ;so I just found ur channel with shows and teaches clearly the concept nonetheless .Thank you so much man I just subscribed
If anyone wonders why he doesn't have multicolor circle that's because it goes other way around. Click on Show inspector and click middle button Show the rendering inspector(brush icon) and at the top Rendering is set to Automatic by default, click and change to Multicolor.
Try typing Color(#colorLiteral()), and it should give you a little icon to click on to choose the color. I find that I have to type in the last ) again after the icon appears and I’ve chosen a color.
Inside the view, create a color variable and then use that variable where you want. let bgColor = Color(#colorLiteral()) In the image, write .foregroundColor(bgColor) That way you can use colorLiteral with .foregroundColor
Pro Tip: You can easily add an SF Symbol without having to leave Xcode, and without having to copy/paste.
After typing
Image(systemName: “”)
place your cursor in between the quotes, and click the “+” button in the top right of Xcode (or CMD + Shift + L).
Next, click the last tab, which looks like a dragon ball lol. This should be the “Symbols” tab.
Then look up key words like “person”, or “walk”, or “heart”, etc..
Lastly, when you’ve found the Symbol you’d like, double-click, and Xcode will automatically paste the name for you.
This is why you placed the cursor between the quotes, although it wasn’t necessary to access the menu.
Amazing tip!!!! Thank you so much!!!!!!!!!!!!!!
Awesome tip!
Thank you😊
That actually a great tip thank you
I really appreciate your approach. I learned more in the last day or so than in the last 3 months!
Thanks Craig :) I love to hear this.
So far this course has been absolutely amazing. Im just starting coding and had always thought I would hate it but this course has made it so much more fun as a beginner. Now im actually looking forward to doing more coding in the day. Thank you!
It gets even better don’t worry 😉
10:44 you can cgange all colors when u using ".symbolRenderingMode(.palette)" u can then add 2 params to "foregroundColor" or 3 or more depends on icon
Thanks dude.
Looks like we can skip `.symbolRenderingMode(.palette)` now.
Image(systemName: "battery.100.bolt")
.resizable()
.symbolRenderingMode(.palette)
.foregroundStyle(.brown, .gray, .green)
.aspectRatio(contentMode: .fit)
.frame(width: 200, height: 200)
That is so cool!
Awesome tip and example!
Bro I think u're blessing to me man;I'm almost finish learning swift and next step is going to be learning swiftui in somehow ;so I just found ur channel with shows and teaches clearly the concept nonetheless .Thank you so much man I just subscribed
Thanks for the subbbbb 😎
Really fun lesson! Psyched to use these icons in my app!
How do I get the frame color to be blue? Love the Bootcamp series!
Hi. I watch your videos from turkey. Your videos are very understandable. Thanks a lot 👍
Hello Turkey! Thanks for watching Aykut :)
In the SF symbols app, the color pallette is missing., Looked everywhere and cannot find an option
Great!!!~
thanks for lessons, very useful
you can customize the multicolor icon with .forgroundStyle()
thank you, great video!
Greatest ios tutor!
If anyone wonders why he doesn't have multicolor circle that's because it goes other way around.
Click on Show inspector and click middle button Show the rendering inspector(brush icon) and at the top Rendering is set to Automatic by default, click and change to Multicolor.
Hi great video how can put a SF symbol inside my text, using this to refer to an icon in my text string, thanks let me know if this can be done
Hey Pierre! It would be better to create an HStack and put an Image() (with the icon) next to the Text()!
Thank you!! (감사합니다.)
Thanks for watching!!!
The color item on the top right to change the colors of the multicolor icons does not appear for me.
thanks
Image(systemName: "heart.fill").font(.system(size:200)).foregroundColor(Color(Literal))
Thanks man! Actually how can it create set of icons in the same pho (preview) without changing it ? Thanks
Hi Nesta, you can use a Group {} and put multiple views inside it!
Amazing
color literal has been removed.
Try typing Color(#colorLiteral()), and it should give you a little icon to click on to choose the color. I find that I have to type in the last ) again after the icon appears and I’ve chosen a color.
Inside the view, create a color variable and then use that variable where you want.
let bgColor = Color(#colorLiteral())
In the image, write
.foregroundColor(bgColor)
That way you can use colorLiteral with .foregroundColor
good bro☺
I cannot believe I'm allowed to use SwifrUI in production now.
.aspectRatio(contentMode: .fit)
.aspectRatio(contentMode: .fill)
.scaledToFill()
.scaledToFit()
Can I get github Link for this project?
@SwiftfulThinking on GitHub
Image(systemName: "heart")
Image(systemName: "heart.fill")
Image(systemName: "heart.fill").renderingMode(.original)
for algorithms
Image(systemName: "theatermasks")
.symbolRenderingMode(.hierarchical)
.foregroundStyle(.blue)
Image(systemName: "person.badge.plus")
.symbolRenderingMode(.palette)
.foregroundStyle(.green, .blue)
Image(systemName: "shareplay")
.symbolRenderingMode(.palette)
.foregroundStyle(.blue, .black)
Image(systemName: "person.3.sequence.fill")
.symbolRenderingMode(.palette)
.foregroundStyle(.blue, .red, .green)