I'm designing Panoramic App Store preview screenshots with Sketch. I would want to know the gap between two Artboards for iPhone 6.5", iPhone 5.5", iPad Pro (3rd Gen) 12.9" and iPad Pro (2nd Gen) 12.9".

Can't seem to find what kind of component this is in Apple HIG. Would appreciate the answers!

Dear Experts, I have been looking at the documentation for system colours at https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/ https://developer.apple.com/documentation/uikit/uicolor/standard_colors/ https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors It's all reasonably clear... until I actually look at some UIKit screens and try to work out which colour is being used where. For example, what colour is the background of a navigation bar? It does not seem to be one of the standard colours. Attached is a screenshot from "UIKit Lab", which is a free UIKit catalogue/demo app. Scrolling through its list of standard colours, none of them seems to match the background of the navigation bar. It lies somewhere between systemBackground and secondarySystemBackground. Is this perhaps because the base colour has been modified by a material effect, or something? Thanks, Phil.

Hey devs! i would like to know if the new UI finally will be different o r is the same. Thank you, Shirley B.

I downloaded the macOS 12 App Icon Photoshop Template here: https://developer.apple.com/design/resources/ and when I modify the larger size that I need, changes are not showing on the other sizes. I downloaded the iOS template and the macOS template for Sketch and those work, but not Photoshop template.

Hi there, does Apple allow to embed Animojis in your app? We are developing a learning app and want to use one specific animoji as a "brand ambassador" who is presenting the information. Was wondering whether there are any trademark issue with this or whether Apple is just fine with it? Any experiences and thoughts are much appreciated! Stephan

I am facing an odd problem with the global accent color in a macOS application targeting macOS 11 +. The color is defined in an asset catalog and its name is set as the value of the key Global Accent Color Name in the project's build settings. Despite this, the custom accent color is not applied uniformly throughout the application when the system accent color is set to multicolor. Anywhere where NSColor.controlAccentColor is used explicitly either in code or interface builder, the color is correct. However, wherever the use of the accent color (or its variants) is implicit, the blue system accent color is used instead. This includes the selection in NSMenus, the selected state of NSSegmentedControls, the selection NSOutlineView using the source list style, NSSwitch, NSPopUpButton, NSButton, etc. This problem occurs in both light and dark modes, on macOS 11 and macOS 12. I have compiled the application with Xcode 12.5, and multiple versions Xcode 13. I have found that modifying the system accent color to something other than multicolor and then back to multicolor fixes the problem, but only until the application is quit. At the next launch, the problem reappears.  I have tried all sorts of changes such as: Setting the value directly in info.plist Adding the value in an xconfig file: with the key ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME Forcing views to redraw Renaming the color in the asset catalog Creating a minimal application in an attempt to reproduce the problem. The closest I have come to a solution is investigating in detail the effective appearance of the application, from the property NSApplication.sharedApplication.effectiveAppearance.  The object returned is of the class NSCompositeAppearance. It contains an array of 2 appearances: an NSAquaAppearance or NSDarkAquaAppearance and an NSSystemAppearance.   Two private properties of NSAquaAppearance/NSDarkAquaAppearance are of interest: _tintColor and _cachedNormalizedBezelTintColor. These properties seem to set the color of standard controls. In my problematic application, _tintColor returns the system blue accent color. In other applications without these problems, _tintColor points to the color defined in the asset catalog. _cachedNormalizedBezelTintColor seems derived from _tintColor.  Using key-value coding, I am able to modify these properties and change the appearance of most but not all controls, buttons, and selections. However, I do not want to use private properties and this is just masking the symptom of the real problem. Has anyone experienced this problem with the global accent color? What was the solution?

My macOS SwiftUI project has minimal target 10.15 (Catalina). When I run a build made in Xcode 13.1 on Catalina there are multiple ui issues (views has wrong dimensions, list items has wrong offsets), however when I run same project in Xcode 12.4 on the Catalina laptop issues are gone. Since I cannot replicate the issues in Xcode 12.4 I have no ideas how to tweak my Xcode 13.1 build to make it work correct on Catalina devices. I cannot use Xcode command line tools 12.4 in Xcode 13.1 and vice versa 🤷🏻‍♂️

We would like to re-brand an existing app but continue allowing downloads for the old branded app as it's tied to print media that will be around for many years. Is this permissible? I was told it is not without any details, but my research says otherwise. They are completely different brands, logos and company names but the same app.

I have created the main view of my app and there is a button that will display a pop-up view doing some user input tasks. I would like the background dim view to fade in and fade out while the pop-up view is using scale animation in transition. The animation works pretty well while showing the view, but it does not work when it disappears. Following is my code that is relative to this problem. There is a button in the main view that will toggle isAddViewShown to display the pop-up view, and there are two buttons that will close it. So I passed the action into the pop-up view as shown, but it did not work. I'm pretty new to SwiftUI so I'm not sure whether that is what I'm supposed to do. Is there any way to let the animation work as designed? public struct SMMainView: View { @State private var isAddViewShown: Bool = false public var body: some View { ZStack { /* Some other views */ // This is actually a dim view using opacity animation in transition if isAddViewShown { Color.black.opacity(0.5) } // This is a customized pop-up view using scale animation in transition if isAddViewShown { SMAddView(onCreate: { name, description in /* do some extra operations with name and description */ withAnimation(.easeInOut(duration: 0.25)) { isAddViewShown.toggle() } }, onClose: { withAnimation(.easeInOut(duration: 0.25)) { isAddViewShown.toggle() } }) .transition(.scale) } } } } To avoid misunderstanding, the following is basically what I put for the pop-up view. struct SMAddView: View { @State private var name: String = "Title" @State private var description: String = "Please Enter description." private var createAction: (String, String) -> Void private var closeAction: () -> Void var body: some View { VStack { TextField("", text: $name) TextEditor(text: $description) Button(action: { createAction(name, description) name = "Title" description = "Please enter description." }) { Text("Create") } Button(action: { closeAction() name = "Title" description = "Please enter description." }) { Image(systemName: "xmark.circle") } } } init(onCreate create: @escaping (String, String) -> Void, onClose close: @escaping () -> Void) { createAction = create closeAction = close } }

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?

Hi community, I want to share with you this small utility to resize your App Icons according to the Apple Human Interface Guideline. I created this a long time ago for personal use and now I want to make it public. Hope you can find it useful, it's simple but it is a time saver. https://appiconmaker.bateriasincluidas.com/ Cheers!

I've searched all over and I am having trouble finding the menu/sidebar list selection background specifications. Dark Mode Sidebar Focused Light Mode Sidebar Focused Dark Mode Sidebar Unfocused Light Mode Sidebar Unfocused Dark Mode Menu Light Mode Menu It is not a solid blue background. It is a combination of blend modes and opacities that differ in light and dark mode that I would like specifics on because I am having to create something custom and I'd like it to match the rest of my application I am working on. Is there perhaps a variable that applies this background that I am not finding? You can find more information for our usage of this in our discussion here. I found some things but I do not know how accurate they are. Any help on this would be great. Thanks!

How is a toast shaped photo frame made? There's a demo？

Hi so based on Apple UIG I should use degrees of transparency to get degrees of gray ? So to apply that on a label for example or text I make them black color then apply transparency on the control element it self ? kindest Regards

Hello, I m one of the developers of the My CM app team (Belgian Health Insurance company). While testing on apple devices that have no physical homebutton, but the on-screen "black bar" we notice some strange behaviour. See picture attached. The phone on the left is a iPhone 13 Pro Max, the one on the right is an iPhone XR. Both have ios 15.2. Both phones have the same build of our app. On the Pro Max the black bar is on top of our layout, on the XR our layout seems to be pushed up a bit. The desired behaviour is the behaviour on the XR. Can somebody give us advice on how to handle this issue? Kind regards, Lode

Hello, I have a graphics problem with Monterey on my Mac mini end of 2014 ( Graphics problem under Monterey (Intel Iris 1536 MB chip). The edges of the Dock and the Control Panel appearing full of artifact, like plastic cut with scissors or torn. My Mac being compatible it's strange and ugly. I should mention that other users with other Macs using this chip have the same problem.

Hi, I want to add some animations in my quiz module in an app. Animations like bow arrow, floating balloons, etc. In bow arrow the arrow will hit the target on tap. How can I achieve these animations in swift? Thanks in advance.

Hello everyone . I have a button which is in a stack view. When my button is tapped it animates but it doesn’t perform the animation completely because it goes outside the stack view. Do you have any suggestions on how i can go outside my view with my animation? Also i am not able to get rid of the stack view. Thank you!!