Danny Behar
LightNews LightNews
dannybehar.me
Danny Behar
@dannybehar.me
990 followers 340 following 130 posts
iOS Dev 🧑🏻‍💻 | Musician 🎷 | Dog Dad 🐶

Building Tutti, a sheet music reader for iPad:
https://apps.apple.com/us/app/sheet-music-reader-tutti/id6475010738

Baltimore, MD
Posts Replies Media Videos
dannybehar.me
Still no icon showing up for Tutti on the iPadOS 26 App Store.

Hurts to spend months working on a release and then have this happen. If you work for Apple and/or have any idea how to resolve, I'd appreciate the help <3
September 16, 2025 at 3:22 PM
dannybehar.me
Tutti 3.1 is now available on the App Store!

Updated for iPadOS 26 and Liquid Glass

Tutti makes it easy to organize, practice, and perform using your PDF sheet music!

Available on the iPadOS App Store here:
apps.apple.com/us/app/paper...
September 15, 2025 at 3:21 PM
dannybehar.me
My app Tutti, a sheet music reader for iPad, has an update coming out Tomorrow (pending app review).

It’s being updated with the new design and Liquid Glass! If you read music, give it a try and let me know what you think!

Here is a video demo showing off the new design.

gettutti.app
September 14, 2025 at 11:38 PM
dannybehar.me
I usually have to play around with the padding in order to get around this issue. Try something like this.. breaking up the padding before the transition and add back some top padding after the transition. This seems to have worked for me.
struct BottomView: View { @State private var isVisible = false var body: some View { VStack { Button("Show / Hide") { withAnimation(.bouncy) { isVisible.toggle() } } } .frame(maxHeight: .infinity, alignment: .top) .safeAreaInset(edge: .bottom) { if isVisible { RoundedRectangle(cornerRadius: 16) .fill(.pink) .padding(.horizontal, 20) .padding(.bottom, 20) .frame(height: 100) .transition(.move(edge: .bottom)) .padding(.top, 40) } } } }
July 4, 2025 at 8:23 PM
dannybehar.me
Tutti v3.0 is now available on the app store!

I've been working really hard on this update. So happy it's finally out in the world! It includes:

- A new split-view design
- Dark mode support across the app
- A new onboarding experience
- lots of smaller tweaks, animations, and bug fixes
June 27, 2025 at 12:30 PM
dannybehar.me
And now the code! This is the code I used to make all of these examples. Pass in the color, icon string, effect, and speed:
struct DrawAnimationView: View { var isShowing: Bool var icon: String var color: any ShapeStyle var drawOnEffect: DrawOnSymbolEffect = .drawOn var speed: Double = 1.0 var body: some View { VStack(spacing: 24) { Image(systemName: icon) .font(.system(size: 400)) .imageScale(.large) .foregroundStyle(AnyShapeStyle(color)) .symbolEffect(drawOnEffect, options: .speed(speed), isActive: isShowing) } } }
June 16, 2025 at 5:11 PM
dannybehar.me
Be creative. You can mix this effect with other features of SwiftUI to create wonderful experiences for your users.
June 16, 2025 at 5:11 PM
dannybehar.me
This effect is flexible! For example, you can tell the effect to draw each layer individually by applying the symbol effect like this: .symbolEffect(.drawOn.individually,
isActive: isShowing)
June 16, 2025 at 5:11 PM
dannybehar.me
Another great example: "scribble.variable" with a .green.gradient foregroundStyle. Showcasing another new addition to iOS 26. Gradient foregroundStyles on symbols!
June 16, 2025 at 5:11 PM
dannybehar.me
The "signature" SFSymbol showcases this effect so well.
June 16, 2025 at 5:11 PM
dannybehar.me
New in SFSymbols for iOS 26, Draw effects!!

Five beautiful examples.. stay till the end for the code sample.

First up, "rainbow" with .symbolRenderingMode(.multicolor). Symmetrical symbols draw outward from the center.
June 16, 2025 at 5:11 PM
dannybehar.me
Tutti's onboarding flow is coming along nicely! I'm noticing that I really enjoy animating SF Symbols.. Should I animate all of them? 🤩
May 14, 2025 at 2:13 PM
dannybehar.me
And here is the view which calls this custom label style:
struct ContentView: View { @State private var isExpanded = true var body: some View { VStack(spacing: 24) { Label("Good Morning", systemImage: "sun.max") .labelStyle(ExpandableLabelStyle(isExpanded: isExpanded)) Button("Toggle Label Style") { isExpanded.toggle() } } } }
April 21, 2025 at 1:40 PM
dannybehar.me
The custom label style which takes in a isExpanded boolean and transitions with a matched geometry effect alongside an opacity and scale transition. You can customize this any way you want!
struct ExpandableLabelStyle: LabelStyle { @Namespace var namespace var isExpanded: Bool var transition: AnyTransition { .opacity.combined(with: .scale) } func makeBody(configuration: Configuration) -> some View { Group { if isExpanded { HStack { configuration.icon .matchedGeometryEffect(id: "expandableIcon", in: namespace) configuration.title } .transition(transition) } else { configuration.icon .matchedGeometryEffect(id: "expandableIcon", in: namespace) .transition(transition) } } .animation(.bouncy, value: isExpanded) } }
April 21, 2025 at 1:40 PM
dannybehar.me
Need to toggle between iconOnly and titleAndIcon label styles in SwiftUI? You can create your own custom LabelStyle and add some fun transition animations :D

code below 👇
April 21, 2025 at 1:40 PM
dannybehar.me
I like to make computed properties for these ternary state based values. In this case I believe using "any" makes SwiftUI's diffing algorithm slightly slower but its a useful tool in cases like this.
var labelStyle: any LabelStyle { isExpanded ? . titleAndIcon : .iconOnly }
April 20, 2025 at 9:49 PM
dannybehar.me
Early look at the new loading indicator I'm working on for Tutti!

Special thanks to @mikaelacaron.com for this brilliant idea and @matthewskiles.com for designing this wonderful SFSymbol asset.
March 28, 2025 at 2:18 PM
dannybehar.me
Introducing Tutti’s beautiful new app icon! created by the one and only @matthewskiles.com

The new icon is out now with the release of Tutti 2.4

apps.apple.com/us/app/paper...
March 14, 2025 at 10:13 PM
dannybehar.me
I am SO excited to launch this in a few days. After lots of thought, and various design iterations... Here is a little sneak peak at Tutti's metronome! Built with #AudioKit and #SwiftUI
March 3, 2025 at 7:49 PM
dannybehar.me
The metronome in SFSymbols doesn't have a tick tock animation so I decided to build one myself! #BuildInPublic #iOS
February 4, 2025 at 4:04 PM
dannybehar.me
Finally, here is ViewModifier in action! Check the alt-text for the raw code below. When pasting into Xcode, make sure to BYOI 🌄 (Bring Your Own Image)
SwiftUI code showcasing the clipAndStroke view modifier in action struct ClipAndStrokePreviewContainer: View { @State private var radius: CGFloat = 10 @State private var lineWidth: CGFloat = 3 var gradient: LinearGradient { LinearGradient(gradient: Gradient(colors: [.purple.opacity(0.3), .blue.opacity(0.3)]), startPoint: .top, endPoint: .bottom) } var body: some View { VStack { VStack { Image("pageOne") .resizable() .scaledToFit() .frame(width: 225, height: 300) } .clipAndStroke(gradient, radius: radius, lineWidth: lineWidth) VStack(spacing: 8) { Slider(value: $radius, in: 0...20) { Text("Radius").font(.title) } minimumValueLabel: { Text("0") } maximumValueLabel: { Text("20") } Text("Radius: \(radius, specifier: "%.0f")") .foregroundStyle(Color.secondary) } VStack { Slider(value: $lineWidth, in: 0...20) { Text("Line Width") } minimumValueLabel: { Text("0") } maximumValueLabel: { Text("20") } Text("Line Width: \(lineWidth, specifier: "%.0f")") .foregroundStyle(Color.secondary) } } .padding(24) .border(Color.black, width: 2) } } #Preview { ClipAndStrokePreviewContainer() .padding() }
December 15, 2024 at 10:23 PM
dannybehar.me
And here is the CODE - (check the alt-text for the raw text)

Included is a convenience function which defaults the clipped shape to a RoundedRectangle ▢
SwiftUI ViewModifier code for clipping an image or view to a shape with a stroked border import SwiftUI struct ClipAndStroke<S: Shape, C: ShapeStyle>: ViewModifier { var shape: S var styleContent: C var lineWidth: CGFloat func body(content: Content) -> some View { content .overlay(shape.stroke(styleContent, lineWidth: lineWidth)) .clipShape(shape) } } extension View { func clipAndStroke<S: Shape, C: ShapeStyle>(shape: S, content: C, lineWidth: CGFloat) -> some View { modifier(ClipAndStroke(shape: shape, styleContent: content, lineWidth: lineWidth)) } func clipAndStroke<C: ShapeStyle>(_ content: C, radius: CGFloat, lineWidth: CGFloat) -> some View { let shape = RoundedRectangle(cornerRadius: radius) return modifier(ClipAndStroke(shape: shape, styleContent: content, lineWidth: lineWidth)) } }
December 15, 2024 at 10:23 PM
dannybehar.me
I keep needing to make a stroked border around Images in SwiftUI so I created a ViewModifier for it!

Since it takes a Shape and ShapeStyle, you can style it with the shape and color / gradient of your choosing :D

Check out the code below! 👇
December 15, 2024 at 10:23 PM
dannybehar.me
But there is a problem... we need this static height value to scale based on the user's DynamicType preference! We can utilize the @ScaledMetric property wrapper for this! Set the relative Font.TextStyle to the the font you've defined in your view:
SwiftUI code snippet for an icon label with a dynamic height based on user's DynamicType preference: struct CaptionLabel: View { @ScaledMetric(relativeTo: .caption) var height = 20.0 var label: String var icon: String var color: Color var body: some View { HStack(spacing: Spacing.extraSmall) { Image(systemName: icon) .imageScale(.large) Text(label) } .frame(height: height) .padding(6) .background(color.opacity(0.12)) .background(.thickMaterial) .clipShape(.rect(cornerRadius: 8)) .font(.caption) .fontWeight(.bold) .foregroundStyle(color) } } #Preview { HStack { CaptionLabel(label: "4", icon: "bookmark", color: .blue) CaptionLabel(label: "3", icon: "bolt.horizontal", color: .orange) } }
December 7, 2024 at 6:05 PM
dannybehar.me
First, add a frame around the stack and specify either the width or height (depending on if you are laying your views out vertically or horizontally).

Experiment with height value so that the taller icon has the smallest possible value without clipping the icon. Utilize SwiftUI Previews for this.
SwiftUI code snippet for an icon label with a constant height: struct CaptionLabel: View { var height = 20.0 var label: String var icon: String var color: Color var body: some View { HStack(spacing: Spacing.extraSmall) { Image(systemName: icon) .imageScale(.large) Text(label) } .frame(height: height) .padding(6) .background(color.opacity(0.12)) .background(.thickMaterial) .clipShape(.rect(cornerRadius: 8)) .font(.caption) .fontWeight(.bold) .foregroundStyle(color) } } #Preview { HStack { CaptionLabel(label: "4", icon: "bookmark", color: .blue) CaptionLabel(label: "3", icon: "bolt.horizontal", color: .orange) } }
December 7, 2024 at 6:05 PM