I have a ToDo list app with an accompanying widget that displays upcoming items with an 'n more...' label at the bottom if they don't all fit. At the moment the number of rows is hard-coded based on widget family (4 for small and medium, 11 for large). How do I make the row count and 'more' text adjust for dynamic type sizes? Small and medium fonts should display 4 rows while large will only fit 3 before content is pushed off the bottom.

See attached screenshots. How can this design be reproduced in SwiftUI? The capsules are positioned to represent the values. But the calculation needs to take into account the labels width. I tried using a mix of Grid and custom Layout but I haven’t found a way… Any help would be appreciated! Thanks

Hi, I´m new at develping in the Apple and SwiftUI environment. My friends and I got an idea to create a simple Fitness app to track down our own exercises and activities. For now we got some concept ideas how the design should be. But for now 4 days I´m watching out for any possible way to create thies small animation. I ´m trying to create this little animation like thy are in the Fitness WatchApp. If you know hou to create those animation: please write it down. Thanks for advance

Hello there! I'm forwarding the thread #688403 as I've been asking myself the same question as charliecm. There used to be indications on which size should be used for each weight in the Human Interface Guidelines. We know for instance that SF Pro Text should be used below 20 pt. What about New York Extra Large, Large, Medium and Small? I'd be forever grateful if you'd agree to give me any information on this subject. See you around! S. Lannoo

Content: I would like to suggest the addition of a feature in Apple's default Notes app that allows users to customize the color of the outlines of their text, in addition to the font and font color. It would be helpful if users could choose bright colors, such as fluorescent or white, to make their text stand out more, especially when the screen is dark and they want to use a dark font. I believe this would make the app more visually appealing and user-friendly.

Would it be okay if I have a different layout for the home screen of the app before login + subscribing and after?

Hello, The human interface guideline - https://developer.apple.com/design/human-interface-guidelines/macos/icons-and-images/app-icon/ says the macOS app icon must be "Square with no rounded corners." However, when embedded just a square icon as I read the above, no rounding seems to be applied and my app icon - https://apps.apple.com/dk/app/workday-timer/id1545460712?mt=12 looks oddly square compared to most other apps. So should I just ignore the requirement and "pre-round" the edges or is there something I need to enable somewhere? I have set "Icon already includes gloss effects" to "NO" in an attempt to apply some processing, to no avail. Thanks in advance, Ulrik

Hi, I would like to ask how to change fontWeight of a button label within ButtonStyle. However I can't figure it how to do it. This is my code: struct CapsuleButtonStyle: ButtonStyle {     func makeBody(configuration: Self.Configuration) -> some View {         configuration.label             .font(.footnote)             .fontWeight(.bold) /* All modifiers work except this one*/             .foregroundColor(.white)             .padding(.horizontal, 11)             .padding(.vertical, 6)             .background(Color.blue)             .cornerRadius(.infinity)     } } Thanks for your help

Hi! I'm working on a feature where when I click on a button, I want to rotate the button continuously until I press it again. The animation works but now I get this error: 'animation' was deprecated in iOS 15.0: Use withAnimation or animation(_:value:) instead. I've looked online and couldn't find I solution for this particular problem. This is the code I've used: struct ContentView: View { @EnvironmentObject var oD: ObservableData var body: some View { Button(action: { print("ButtonAction") }){ Image(systemName: (oD.presetsSettings ? "checkmark.circle" : "gear")) .frame(width: 20, height: 20) .animation(.easeInOut(duration: 0.35).delay(0), value: oD.presetsSettings) .rotationEffect((oD.presetsSettings ? .degrees(-10) : .degrees(80))) .animation(.easeInOut(duration: 0.30), value: oD.presetsSettings) .rotationEffect((oD.presetsSettings ? .degrees(-20) : .degrees(20))) .animation(oD.presetsSettings ? .linear(duration: 0.15).repeatForever(autoreverses: true) : .linear(duration: 0.2)) } . The oD.presetsSettings to what I refer is a Bool, with the standard value of false. Is there a way to get rid of the 'error'?

Hi! I'm making a picker selection tool where when you click on a button, a picker emerges with an animated scale effect. But the problem is that when I want to click on another button, the 'invisible' picker from another button selection is in the way. As if it's there but you can't see it, because of the scale effect animation. . The activation of the animation gets activation with a button with this code: Button(action: { picker.picker1 = true }, label: {     Text("Button")                   }         .font(.system(size: 16))     }      }) . I've used this code for the picker: VStack{     Picker(selection: $name.Select1Variable , label: Text("")){         Group {             Text("Selecteer...").tag("                ")             Text("\(profileRam.sterrenbeeldIcon)  Ram").tag("Ram")             Text("\(profileStier.sterrenbeeldIcon)  Stier").tag("Stier")             Text("\(profileTweelingen.sterrenbeeldIcon)  Tweelingen").tag("Tweelingen")             Text("\(profileKreeft.sterrenbeeldIcon)  Kreeft").tag("Kreeft")             Text("\(profileLeeuw.sterrenbeeldIcon)  Leeuw").tag("Leeuw")             Text("\(profileMaagd.sterrenbeeldIcon)  Maagd").tag("Maagd")             }         Group {             Text("\(profileWeegschaal.sterrenbeeldIcon)  Weegschaal").tag("Weegschaal")             Text("\(profileSchorpioen.sterrenbeeldIcon)  Schorpioen").tag("Schorpioen")             Text("\(profileBoogschutter.sterrenbeeldIcon)  Boogschutter").tag("Boogschutter")             Text("\(profileSteenbok.sterrenbeeldIcon)  Steenbok").tag("Steenbok")             Text("\(profileWaterman.sterrenbeeldIcon)  Waterman").tag("Waterman")             Text("\(profileVissen.sterrenbeeldIcon)  Vissen").tag("Vissen")         }     } .pickerStyle(WheelPickerStyle()) .padding(.horizontal, 80.0) .background(content: {     Rectangle()      .foregroundColor(.white)     .padding(.vertical, -15)     .cornerRadius(17)     .frame(width: 250, height: 200)     }) } .animation(.easeInOut(duration: 0.35).delay(0.25), value: picker.picker1) .scaleEffect(picker.picker1 ? 1 : 0) .animation(.easeInOut(duration: 0.30), value: picker.picker1) . Is there a solution for this problem?

How can I set the background color of the whole view to a particular Color? I tried different solutions, e.g., NavigationView { ZStack { Color.green .edgesIgnoringSafeArea(.all) } ... } which does nothing. or init{ UINavigationBar.appearance().backgroundColor = .green } which sets only the navigation bar (upper part) to the particular color Here is my ContentView which looks as follows: import TabularData struct ContentView: View {         var model = DataModel.shared   @State private var searchText = ""       var body: some View {     NavigationView{       let headers: [String] = model.dataTable!.columns.map { $0.name }.sorted(by: <)               VStack{         List{           ForEach(headers.indices, id:\.self) { index in             if index != 0{               NavigationLink(destination: ActivityDetailView(header: headers[index])){                 Text(headers[index])               }               .listRowBackground(                 ((index % 2 == 0) ? Color.white : Color("customYellow"))                   .cornerRadius(10)               )             }           }         }.searchable(text: $searchText)       }       .navigationTitle("Choose Activity")     }   } } struct ContentView_Previews: PreviewProvider {   static var previews: some View {     ContentView()   } } Addition And if possible, I want to set a gradient for the whole view as background color let backgroundGradient = LinearGradient( gradient: Gradient(colors: [Color.green, Color.blue]), startPoint: .top, endPoint: .bottom)

I'm new to iOS. What would be the right toolkit to create something like a swarm animation with thousands of objects on the screen moving at high speed?

Today we can download Sketch libraries, Adobe XD, but not yet Figma plugin or Library. When this UI Kits will be available?

I can’t find on developer.apple.com any confirmation of what color profile to use for the App Store assets such as screenshots, in-app event images etc.  —  Display P3 (wide gamut) or sRGB? Can anyone provide a link? Thanks in advance.

Hello, I had a question concerning importing a custom color theme into Xcode from an external source, and was wondering if someone here could help me out. As a disclaimer, I'm completely new to Xcode. I've been using Visual Studio Code for a bit now for university coursework but after running into some issues with using the Mac version and writing C/C++ programs I've decided to give Xcode a try. In VSCode I grew accustomed to using a color theme called Kanagawa, which can be found here. I was looking into importing that theme into Xcode, but was having some trouble. I was able to import others such as Nord, found here, by dragging the ".xcolortheme" file into the "FontAndColorThemes" folder in Xcode. I noticed that the Kanagawa theme at my link does not contain such a file, however. I apologize if this is a stupid question, but is there any other way to import this theme into Xcode? Can I somehow do it using the data at the link? Thanks

Hello Everyone, I'm developing an App and there is this specific behaviour that im struggling to implement. I want to display the profile images of the users participating in an event like below with the first 4 having their avatars appear and the surplus being counted and displayed in that counter circle. Not sure how to achieve this with swiftUI atm any guidance will be much appreciated

Starting with iOS 16, the delegate "viwWillTransitionToSize" is getting called AFTER animations have started to transition to the new size. In iOS 15 and earlier, it was always called before. This is affecting our transitions for landscape to portrait to limit the subview's unnecessary rotations and sizing. Has anybody experienced this problem or know of a workaround? Similar issue has been posted on StackOverflow: https://stackoverflow.com/questions/74030807/disable-orientation-change-animations

Im currently designing a website for a school project, we use iPads in school so the website has to be iOS and safari friendly, I have a problem with the animations im making, the starting animation is very buggy and its flickering the whole time until it ends, you can look at it by yourself: Website: https://k4zuki-dev.github.io/K4zuki-dev/ Github repository: https://github.com/K4zuki-dev/K4zuki-dev/tree/Geschichte It works on every browser except safari, I tried using the -webkit- prefix on the animations, still no sucsess, I've gone to many different solutions on the internet and nothing helped, maybe someone here can help me or is struggling with the same problem? Thanks in advance!

Hello there, here’s the thing: I’m currently using a 2015 MacBook Pro and I currently updated the macOS to both Monterey and Big sur, the control center is really a huge update comparing to Catalina or earlier version, it’s super convenient but I found the animation there is really lag, I’ve asked several friend without have intel MacBooks and looks like it’s a general issue, the animation would have a huge frames drop in there like when u open the center and click the items in it like Wi-Fi, Bluetooth or something, I’m sure it’s not 60fps, so do when extend the Wi-Fi list. And that bothers me a lot, and later, I’ve checked the CPU & GPU usage both from activity monitor and ‘top’ command in terminal, the animation is lag for sure but strangely it looks like when playing the animation in the control center, although the usage isn’t high but the CPU usage is much much higher than it should be it would probably go up to 40–50 sometimes while the GPU is IDLE, would be much better if that fixed. P.S. and looks like one of my friends who has a MacBook Air 2019 reported that the animation is extremely smooth after upgraded to Ventura when using metal3 Best Regards

Hmmmmmmm so I’m using an MacBook Air 2015 recently and surely its now out of the metal 3 support list just like Phillips so I’m kinda curious ‘bout is apple gonna extend or is it possible for apple to extend the metal3 support list in the future or we could say is there any hope or ways for our ‘unsupported’ devices to use the metal 3 ? May be some day in the future? It’s mainly cuz the system animation now is soooooo poor there’s like many ‘unknown’ issues like drop frames, lags and so on while the graphics card and cpus is with a super low (almost idle) usage, and metal 3 is with such that a huge update and mainly cuz ive saw the difference on one of my friends 18 MacBook Pro the system animation there is with a HUGE upgrade and improvement it became so smooth relatively mostly caused by the metal 3 improvement on Ventura beta, soooooooooo yea. And how’s the possibilities? And if not is there gonna be some new, issue-fixed or animation-optimized version for those devices which out of metal 3 support? Thanks in advance. :D