#SYMBOLS FOR DISCOVR MUSIC UI HOW TO#

Let's start by changing our symbols' color with the foregroundStyle modifier. Okay, let's go back to our Label with the heart and look at some of the modifiers we can apply to symbols to customize them. This is a good technique to use when you want a symbol to reflow along with your text, like this chevron. You can embed a symbol inside a run of text by using string interpolation. One last way to use symbols is as part of Text. SwiftUI will automatically use this localizable string for the accessibility label of this image anywhere it's used. A great way to improve that is to provide a localization for the image's name in a Localizable.strings file. Our custom symbol is another case where we're not getting an ideal accessibility description. You can always use an accessibilityLabel to provide that information. You also might be able to add more specific information about how your app is using the symbol. However, some symbols don't have a standard meaning, and in those cases, the default Accessibility description won't be as useful. This might be all you need, like if you were using a heart for a 'love' button. When possible, SwiftUI will provide a label based on a system symbol's content. Let's look closer at the image-only cases. You can see that using Label automatically gives us great Accessibility support, since the title gives a textual description of the content. This is how each of these views will appear to VoiceOver by default.

This is what each of these configurations looks like, but their visual representation isn't the only one that matters. You can show custom symbols in both Image and Label by just changing the initializer you use. SwiftUI automatically makes these changes for you in built-in views, and you can use label styles in your own views to do it, too. Sometimes, they'll be shown in a different layout, or sometimes, a component will show only the symbol or only the title. For example, in many components, the label will be shown with the symbol, and then the title. The great thing about a label is that it's a general description of this pairing and will adapt its behavior to the context where it's shown. A Label is a combination of a title with an icon, which is most often a symbol. A Label view is the other main way to show symbols. The most simple way is to use one of the system-provided symbols, like 'heart,' in an Image. If you've already used Symbols from SwiftUI, this part should be a breeze. One note on the availability of these APIs: everything we'll see in this session is available on all Apple platforms, and look for the new badge to know when something's new in this year's releases. And finally, working with the new Rendering Modes.

#SYMBOLS FOR DISCOVR MUSIC UI HOW TO#

Then, how to use variants of your symbols.

First, some of the fundamentals of using SF Symbols from SwiftUI. Welcome to 'SF Symbols in SwiftUI.' We're going to look at a few topics during this session.

Symbols for discovr music ui