Hello,
I noticed a small mistake in the Human Interface Guidelines (HIG).
On the page HIG > Components > System Experiences > Widget > watchOS Widget Dimensions, scroll down to the bottom. In the "watchOS widget dimensions" section, the sizes in the table are in pixels (px), not points (pt) actually. However, the table header indicates the sizes should be in points (pt).
Page link:
https://developer.apple.com/design/human-interface-guidelines/widgets#watchOS-widget-dimensions
For example, the widget size in the Smart Stack on a 49mm watch should be 192x81.5 pt (or 382x163 px), not 382x163 pt. This size can be verified with the information provided here:
https://developer.apple.com/documentation/watchos-apps/supporting-multiple-watch-sizes/.
https://developer.apple.com/documentation/watchkit/wkinterfacedevice/1620974-screenscale
Design
RSS for tagCreate elegant and intuitive apps that integrate seamlessly with Apple platforms.
Posts under Design tag
177 Posts
Sort by:
Post
Replies
Boosts
Views
Activity
Hello,
I'm using the custom symbol feature in the official SF Symbols app. I'm wondering if there is a way to sync my custom symbols across different devices? Since I have multiple Macs to work on, maybe iCloud?
I'm trying to build a custom designed sidebar for iPad that requires there to be no gray divider to separated the navigation and the detail view.
I'm surprised at how unsuccessful I have been given how simple this is but have still found no luck.
My current code:
struct ContentView: View {
var body: some View {
NavigationSplitView {
VStack {
//code...
}
.background(.white)
.navigationSplitViewColumnWidth(70)
.navigationBarHidden(true)
.edgesIgnoringSafeArea(.vertical)
} detail: {
//code...
}
}
}
I've attempted to add an overlay of a white rectangle to cover the divider but it just goes behind the existing border. I like to think there is a simpler solution anyways.
hello guys
as u know, full immersive boundary range is 3m * 3m, for safe the users.
but i need the full immersive space by more extended range.
bcuz i got the quite large area and to play more fun.
is the any problem?
thank you!
On watchOS 11, buttons now have an implicit leading and trailing padding which is similar in length to the .scenePadding.
This works well in most cases, but sometimes it would be useful to be able to change the padding or remove it altogether, to fit with the rest of the screen's design.
Is there any way currently to remove this padding? Thank you.
// just check the below code. it's about simplest possible to
// looks the same with simulator and real device with iOS 17.1+
import SwiftUI
struct MainTabView: View {
@FocusState private var focusedField: Bool
var body: some View {
TabView {
TextField("test 1", text: .constant("test 1"))
.focused($focusedField)
.tabItem {
Label("tab 1", systemImage: "number")
}
.toolbar {
ToolbarItemGroup(placement: .keyboard) {
Button("Done") { focusedField = false }
}
}
Text("test 2")
.tabItem {
Label("Home", systemImage: "house")
}
TextField("test 3", text: .constant("test 3"))
.focused($focusedField)
.tabItem {
Label("tab 3", systemImage: "number")
}
.toolbar {
ToolbarItemGroup(placement: .keyboard) {
Button("Done") { focusedField = false }
}
}
}
.tint(.primary)
}
}
@main
struct MainApp: App {
var body: some Scene {
WindowGroup {
MainTabView()
}
}
}
Is it possible to have conditional table columns for a swifui Table statement?
Like for this code
TableColumn("Image") { artPiece in
if let imageData = artPiece.artImage.first, let image = UIImage(data: imageData!) {
Image(uiImage: image)
.resizable()
.frame(width: 50, height: 50)
} else {
Image(systemName: "photo")
.resizable()
.frame(width: 50, height: 50)
}
}
.customizationID("Image")
TableColumn("Name", value: \.artName)
.customizationID("Name")
TableColumn ("Art ID", value: \.artPieceID) { artPiece in
Text(String(artPiece.artPieceID))
}
.customizationID("Art ID")
have a conditional TableColumn for this part of my SWIFTDATA model
var artDefinedFields: [ArtDefinedFields] = [] or if I change the variable string array to this var artDefinedFields: [ArtDefinedFields] = Array(repeating: ArtDefinedFields(), count: 10), initialize the array with "None" and only create a TableColumn when there is aArtDeginedFields value other than "None"
i have a suggestion for an app that will help many families and once installed you won't be able to do without it.
I'm sure that at least 70% of families will use it at least twice a day.
who do I sell my project to?
applace many families will remember me.
finally sorry
my english comes from a translator.
I am writing to inquire if there is any way to programmatically check whether a user has enabled the “Large App Icon” mode in iOS 18. Our development team is working on optimizing our app’s user interface, and it would be beneficial to adapt the design based on this setting.
Any guidance on how to access this information, or if it’s even possible within the current iOS APIs, would be greatly appreciated.
Thank you for your time and assistance.
Hey guys,
maybe I am doing. Something wrong but my icons wont change back to light mode in my notification.
is there any solution to this ?
I'm curious about the new app icon options (any, dark, tinted) for Progressive Web Apps in iOS / iPadOS 18.
Has this feature been implemented yet?
If so, could someone point me to the specific documentation?
I've searched the Apple Developer Forums, Google, and Reddit but couldn't find any relevant information.
Thanks!
Hello,
while app icon is shown in 'Targets' app icon is not shown in 'alert panel'
What is wrong?
Best regards
Gerhard
I know this is a more abnormal question to ask on this forum but I really would like to gauge feedback from a community of other Swift developers on an idea. A colleague and I are seriously considering building a open-source web based SwiftUI component catalog that feature a collection of prebuilt modular components very similar to Shadcn for those of you who have worked in React but for SwiftUI where you can also contribute your own SwiftUI elements. Im curious if this would be something iOS/Swift devs would be possibly interested in and would love to hear thoughts on this idea. This is not a component library as Xcode technically has one thats built in, but rather fully built out SwiftUI elements such as UIs that use glass morphism for macOS, calendars for iOS apps, charts, etc.
Dear all,
I'm building my first MacOs app.
I've created my app icon and add it to AppIcon folder, but when I'm building the application the icon shows in the dock of the screen with no rounded borders like all the other apps.
I'm attaching here the icon and as you can see it has sharp edges. It is the same way in which it shows on the dock.
Why? Has anybody experienced the same?
Thanks for the support in advance,
A.
Hi guys, is there a possible method or platform to code a precise and intensive input virtual tool (as sorts of keyboard app) on vision pro?
(A little bit confused to choose Xcode or Unity cause the App may require plenty of 3D interactions, which as far as I'm concerned might be complicated to bring such here on Xcode trough either Volumes or Spaces.
Does vision pro support opening or closing an app with a gesture? Moreover, can vector animation be added into the app‘s launch animation?
In our application we have one banner via UIStackview which has one UIBotton & UILabel in horizontal stackview.
In UI is working fine in all the iOS Version & devices but it is creating issue for iOS 14.2 iPhone 6s.
We have verified the same in iOS 15.3.1 iPhone 6s, its is working fine.
We are attaching 2 screenshot:
Our Storybaord specific ui component.
The distorted UI of iOS 14.2 iPhone 6s.
Kindly update us on priority as end customer is facing issue.
Currently, it seems Apple uses something to detect colors in app icons and make them look good in dark mode, but for apps like Subway Surfers, that doesn’t happen, and why would they change the icon? So, behold! My fix to this problem: There should be some color picker and changer in xcode to change the colors on your app icon for dark mode. This would help a lot for apps like CARROT weather where the image just doesn’t look right when it has a dark tint. This would make the app seem presentable in dark mode and light mode.
as shown in photo the noise level indicator is too big and not centred. not a major issue just a cosmetic flaw i thought i would bring up
I have uploaded my app on app store connect but it has been rejected. I received the message about Guideline 4.8 - Design - Login Services. Can you please guide me about how to solve this issue on app store.
This is the message i receive from app store:
"The app uses a third-party login service, but does not appear to offer an equivalent login option with the following features:
-The login option limits data collection to the user’s name and email address.
-The login option allows users to keep their email address private as part of setting up their account.
-The login option does not collect interactions with the app for advertising purposes without consent.
Next Steps
Revise the app to offer an equivalent login option that meets all of the above requirements.
If the app already includes a login option that meets the above requirements, reply to App Review in App Store Connect, identify which login option meets the requirements, and explain why it meets the requirements.
Additionally, it would be appropriate to update the screenshots in the app's metadata to accurately reflect the revised app once another login service has been implemented."
Is the problem caused by not having Privacy Policy and Terms of Service when using third-party login service? If it is, then I will add the Privacy Policy and Terms of Service.