Explore the art and science of app design. Discuss user interface (UI) design principles, user experience (UX) best practices, and share design resources and inspiration.

All subtopics
Posts under Design topic

Post

Replies

Boosts

Views

Activity

ios 18 beta feedback
it’s a cool concept, i see the vision, but it’s really ugly. all my app colours have changed, none of my transparent widgets work anymore because it changed the size of my wallpaper. i do like how the brightness and volume are now colours, i just wish we could’ve gotten to choose the colours. i also like how the things are circles instead of squares. i’m mostly just upset that my transparent widgets don’t work anymore, and how all the colours of all my apps are darker than i would like.
Topic: Design SubTopic: General Tags:
1
0
735
Aug ’24
Photos album is chaotic
This is my first day with IOS 18.1.1 and so far it’s smooth. my only problem is how chaotic the photos app has become during the update. For one, i dont like how to access any of the organization it’s at the way bottom and even after customizing and reorganizing there’s no way to to move that section to the top. i also dont like how all my photos are just out on front street when the app is launched, it makes everything hard to look at and hard to find. please fix this and make browsing photos enjoyable again.
1
0
589
Nov ’24
Preview Crashes
NavigationLink(destination: ProfilePhotoSelectorView(), isActive: $viewModel.didAuthenticateUser, label: { }). Using this logic Can someone help me out with what I am doing wrong? Thanks.
Topic: Design SubTopic: General Tags:
0
0
624
Apr ’24
iMessage
Can we get a customizable iMessage color change???? That would be great. Would love to change my blue bubble to either yellow or pink!!!!!
Topic: Design SubTopic: General
2
0
609
Aug ’24
Performance - App Completeness
Your app or its metadata does not appear to include complete and final content. Specifically, your app description needs to describe in-app features and functionality. App Store users expect the apps they download to be ready for public use. Apps on the store shouldn't include placeholder or incomplete content or information. Next Steps To resolve this issue, please revise your app and metadata so that all of its content is complete and final. For example: Your app binary or metadata should not include "lorem ipsum" text. App metadata should not include placeholder screenshots, such as "screenshot coming soon." Provide an engaging app description that highlights the features and functionality of your app. I received this mail, I made required changes still getting this
0
0
916
Apr ’24
Using MatterSupport framework to add Matter device to our system
1, I add an Matter extension named TRMatterExtension, using the Template in Xcode. 2, check the InfoPlist with the TRMatterExtension module, I see the NSExtension key with two key which are like this: 3,The RequestHandler.swift file is like this: import os import MatterSupport let logger = Logger(subsystem: "com.airdroitech.commissionMtr2", category: "MatterExtension") // The extension is launched in response to MatterAddDeviceRequest.perform() and this class is the entry point // for the extension operations. class RequestHandler: MatterAddDeviceExtensionRequestHandler { override init() { logger.log("QAWI3 - init") super.init() } override func validateDeviceCredential(_ deviceCredential: MatterAddDeviceExtensionRequestHandler.DeviceCredential) async throws { // Use this function to perform additional attestation checks if that is useful for your ecosystem. logger.log("QAWI3 - validateDeviceCredential") } override func selectWiFiNetwork(from wifiScanResults: [MatterAddDeviceExtensionRequestHandler.WiFiScanResult]) async throws -> MatterAddDeviceExtensionRequestHandler.WiFiNetworkAssociation { // Use this function to select a Wi-Fi network for the device if your ecosystem has special requirements. // Or, return `.defaultSystemNetwork` to use the iOS device's current network. logger.log("QAWI3 - Returning default system network") return .defaultSystemNetwork } override func selectThreadNetwork(from threadScanResults: [MatterAddDeviceExtensionRequestHandler.ThreadScanResult]) async throws -> MatterAddDeviceExtensionRequestHandler.ThreadNetworkAssociation { // Use this function to select a Thread network for the device if your ecosystem has special requirements. // Or, return `.defaultSystemNetwork` to use the default Thread network. return .defaultSystemNetwork } override func commissionDevice(in home: MatterAddDeviceRequest.Home?, onboardingPayload: String, commissioningID: UUID) async throws { // Use this function to commission the device with your Matter stack. logger.log("QAWI3 - Starting commissioning flow") } override func rooms(in home: MatterAddDeviceRequest.Home?) async -> [MatterAddDeviceRequest.Room] { // Use this function to return the rooms your ecosystem manages. // If your ecosystem manages multiple homes, ensure you are returning rooms that belong to the provided home. return [.init(displayName: "Living Room")] } override func configureDevice(named name: String, in room: MatterAddDeviceRequest.Room?) async { // Use this function to configure the (now) commissioned device with the given name and room. } } 4, I add Privacy - Local Network Usage Description and Bonjour services [ _matter._tcp _matterc._udp _matterd._udp ] to the main target's InfoPlist. 5, click a button to call MatterAddDeviceRequest.perform(), the code is as the following: let homes = [MatterAddDeviceRequest.Home(displayName: "TRHome")] let topology = MatterAddDeviceRequest.Topology(ecosystemName: "TR", homes: homes) let request = MatterAddDeviceRequest(topology: topology) do { try await request.perform() print("Successfully set up device!") } catch { print("Failed to set up device with error: (error)") } 6, Result: Most times, Matter devices can be added to the KeyChain and the commission window of the Matter device could be opened. But sometimes the MatterSupport window will show "Pairing Failed". The total error is: [1E1D8753] Failed to perform Matter device setup setup: Error Domain=HMErrorDomain Code=18 "Pairing Failed" UserInfo={HFErrorUserInfoOptionsKey={ HFErrorUserInfoOptionDescriptionKey = "Pairing Failed"; HFErrorUserInfoOptionTitleKey = "\U65e0\U6cd5\U6dfb\U52a0\U914d\U4ef6"; }, NSLocalizedDescription=Pairing Failed, NSUnderlyingError=0x3009e8240 {Error Domain=HAPErrorDomain Code=15 "Failed to pair Matter Accessory in time" UserInfo={NSLocalizedDescription=Failed to pair Matter Accessory in time, NSUnderlyingError=0x3009e86c0 {Error Domain=HAPErrorDomain Code=24 "(null)"}}}}. From the log I can see, the Function selectWiFiNetwork(from wifiScanResults: [MatterAddDeviceExtensionRequestHandler.WiFiScanResult]) async throws -> MatterAddDeviceExtensionRequestHandler.WiFiNetworkAssociation of the RequestHandler.swift file will be called and commissionDevice(in home: MatterAddDeviceRequest.Home?, onboardingPayload: String, commissioningID: UUID) will NOT called. Sometimes the RequestHandler class will not be called at all, this means the first function validateDeviceCredential will not be called. But ,when this happens, the iPhone will Continuously can NOT add device for a long time, sometimes it gets better inexplicably. Even under normal circumstances, the probability of successfully adding a device is less than 50% and very slowly. When using Apple Home app, the success rate is very high, almost 100%, and very fast. So, can you help me identify where the problem is and what areas need attention? Thank you very much! Finally, I often encounter logs like this: nw_browser_dns_service_browse_callback [B3] not in ready or waiting state Do you know what it means and whether it will affect the equipment distribution network? My testing machine is iPhone 12, operating on iOS 18 and above 17.0. Thank you very much!
Topic: Design SubTopic: General Tags:
3
0
779
Sep ’24
When using the animation, the CPU usage rises to around 20-25%.
I'm new to developing with SwiftUI and I created a Pomodoro app for macOS that runs in the menu bar. I added 4 animations and when the user selects the snow animation, it starts snowing on the screen. But the app uses 20%-30% of the CPU and has high energy consumption. I can't reduce it and I couldn't find a solution. // snow animation import SwiftUI struct SnowflakeView: View { @State private var flakeYPosition: CGFloat = -100 @State private var isAnimating = false private let flakeSize: CGFloat = CGFloat.random(in: 10...30) private let flakeColor: Color = Color( red: Double.random(in: 0.8...1), green: Double.random(in: 0.9...1), blue: Double.random(in: 1...1), opacity: Double.random(in: 0.6...0.8) ) private let animationDuration: Double = Double.random(in: 1...3) private let flakeXPosition: CGFloat = CGFloat.random(in: 0...310) var body: some View { Text("❄️") .font(.system(size: flakeSize)) .foregroundColor(flakeColor) .position(x: flakeXPosition, y: flakeYPosition) .onAppear { if !isAnimating { withAnimation(Animation.linear(duration: animationDuration).repeatForever(autoreverses: false)) { flakeYPosition = 280 + 50 } isAnimating = true } } } } I also have how I run the animation below. ZStack { ForEach(0..<10, id: \.self) { index in if selectedAnimal == "Snow" { SnowflakeView() } else if selectedAnimal == "Rain" { RainDropAnimation() }else if selectedAnimal == "Leaf"{ LeafFallAnimation() }else if selectedAnimal == "Confetti"{ ConfettiAnimation() } } }
0
0
698
Nov ’24
UITabBar in iOS 15 forces filled SFSymbols (SwiftUI)
The iOS 15 UITabBar is using filled SFSymbols, although I had specified outlined symbols! Is it possible to get the UITabBar to behave like in iOS 14 and displaying the outlined symbols like intended? TabView { ArticleListView(articles: model.calls, title: "...").tabItem { Text("Calls") Image(systemName: "doc.append") } ArticleListView(articles: model.news, title: "...").tabItem { Text("News") Image(systemName: "newspaper") } ArticleListView(articles: model.events, title: "...").tabItem { Text("Events") Image(systemName: "calendar") } MoreView().tabItem { Text("More") Image(systemName: "ellipsis") } }
1
0
949
Oct ’21
Help required for novice on App screen designs
Hello all, Im wondering if someone can please help me? I am not an app developer, but have commissioned one to create an app for me, so I really am a complete novice. I am currently in the process of having an app made and although he's a great coder, some of the screen designs he has done could be better. Initially he said I can get designs done by someone on Figma or Framer, to replace the screens I want, but that has not worked. My question is, if I was to look for someone to redesign some screens - what kind of professional would I be looking for on Upwork? My developer has said he needs "We are looking for the iOS and android source code for each screen and layout files. It will most likely be in the ios and android specific XML formats“ If anyone could please point me in the right direction, I will be eternally grateful! Many thanks
Topic: Design SubTopic: General Tags:
0
0
653
Nov ’22
Unwind segue to "unwindFirstSegueFor:towards"
Unwind segue to "unwindFirstSegueFor:towards" previously worked in Simulator. It no longer works in version: Xcode 14.2, macOS Monterey 12.5, iOS 16.2. Crashes Simulator iPhone 14 Pro Max with error Thread 1: EXC_BAD_ACCESS (code=1, address=0x100200) in appDelegate. What has changed? How do I fix it?
Topic: Design SubTopic: General
1
0
619
Jun ’24
MapAnnotation Position
I am working on a MapView with MapAnnotation on the Map and am having difficulty getting the MapAnnotation to function properly when selected. In my code, I want the MapAnnotation selected to be to the front if it is behind or partially blocked by another annotation. I have tried using a zIndex but this does not appear to work. Below is my MapView code along with a screenshot of the issue. Any help would be greatly appreciated. struct HospitalMapView: View { @StateObject var viewModel = HospitalViewModel() @State private var showSearchView = false @State private var showListView = false @State private var selectedTab: Int = 0 var body: some View { ZStack { VStack(spacing: 0) { TopTabView() // Map that updates the visible hospitals when the user moves or adjusts the map Map(coordinateRegion: $viewModel.region, interactionModes: .all, annotationItems: viewModel.filteredHospitals) { hospital in MapAnnotation(coordinate: CLLocationCoordinate2D(latitude: hospital.latitude, longitude: hospital.longitude)) { RoundedRectangle(cornerRadius: 40) .fill(viewModel.colorForPercentile(viewModel.calculatePercentile(for: hospital, in: viewModel.filteredHospitals))) .frame(width: 70, height: 30) // Maintain consistent size, adjust if necessary .overlay( Text("$\(Int(hospital.baseCharge / 1000))K") .foregroundColor(.white) .bold() ) .overlay( RoundedRectangle(cornerRadius: 40) .stroke(Color.blue, lineWidth: viewModel.selectedHospital == hospital ? 3 : 0) ) .onTapGesture { viewModel.selectHospital(hospital) // Move the selected hospital to the end of the list to bring it to the front viewModel.bringHospitalToFront(hospital) viewModel.showBottomSheet = true } .scaleEffect(viewModel.selectedHospital == hospital ? 1.1 : 1.0) // Highlight the selected hospital .zIndex(viewModel.selectedHospital == hospital ? 1 : 0) // Set the zIndex higher for the selected hospital .animation(.easeInOut, value: viewModel.selectedHospital) // Smooth transition } } .onAppear { // Initial update of visible hospitals when the map appears viewModel.updateFilteredHospitals() } .onChange(of: viewModel.region) { _ in // Update the visible hospitals as the user changes the map region viewModel.updateFilteredHospitals() } .edgesIgnoringSafeArea(.all) } // Hospital count display hovering over the map Text("\(viewModel.filteredHospitals.count) Hospitals") .font(.subheadline) .foregroundColor(.white) .padding(8) .background(Color.black.opacity(0.6)) .cornerRadius(10) .padding(.top, -315) // Adjust padding to position correctly below the TopTabView .zIndex(1) // Ensure it's above the map if let selectedHospital = viewModel.selectedHospital, viewModel.showBottomSheet { BottomSheetView(isOpen: $viewModel.showBottomSheet, maxHeight: UIScreen.main.bounds.height * 0.3) { SummaryTabView(selectedHospital: Binding( get: { selectedHospital }, set: { newValue in viewModel.selectHospital(newValue) } )) } .transition(.move(edge: .bottom)) .animation(.spring()) } } .safeAreaInset(edge: .bottom) { BottomTabView(selectedTab: $selectedTab, showListView: $showListView, showSearchView: $showSearchView, onSearchSelected: { showSearchView = true showListView = false }, onHomeSelected: { showSearchView = false showListView = false }, onListSelected: { showListView = true showSearchView = false }) } .fullScreenCover(isPresented: $showSearchView) { SearchView(viewModel: viewModel, showSearchView: $showSearchView, selectedTab: $selectedTab, showListView: $showListView) } .fullScreenCover(isPresented: $showListView) { ListView(selectedTab: $selectedTab, showListView: $showListView, showSearchView: $showSearchView) .environmentObject(viewModel) } .environmentObject(viewModel) } }
0
0
524
Sep ’24
Graphics problem under Monterey (Intel Iris 1536 MB chip)
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.
0
0
672
Jan ’22
Setting unable seach for app
In the previous version it was possible in the setting to search directly for an app, and then go on the setting and for example disable the notifications. In iOS 18 you cannot do it anymore, you have to click on notification, and then search by scrolling the full list. It would be nice if you can add again the search feature for the apps in the settings.
Topic: Design SubTopic: General
0
0
513
Nov ’24
Carplay CPTabBarTemplate custom icons
Hello, I am a product designer trying to understand the UI design limitations of CarPlay. I am designing a scene where a CPTabBarTemplate will appear. From what I can read in the CarPlay development documentation, I understand that it should be possible to assign a custom icon for each tab with tabImage: UIImage?, if I am not mistaken. However, any reference I have found always uses SF Symbols, which makes me wonder if they can actually be customized. And on the other hand, if they are customizable, could any PNG be used for the tab that might compromise the driver's safety? Thank you in advance.
1
0
1.1k
Jun ’24
How can I get the String transformed to fit the UIFont's table?
How can I get the String transformed to fit the UIFont's table? The characters (Unicode) included in the original String are all wrong. This original String is intended to be displayed normally when displayed or rendered in a UITextView using a specific UIFont. In other words, both the original String and UIFont files are not normal. Even after applying it to UITextView or UILabel, the rendering is displayed as normal characters, but when I import it as a String variable as text and display it in the log, it is still abnormal original characters. So, in the case of UITextView, even if the user makes a selection and then copies or searches, it does not work normally. I want to get the rendered (converted) String of this original String through this specific UIFont.
0
0
1.4k
Feb ’23
ios 18 beta feedback
it’s a cool concept, i see the vision, but it’s really ugly. all my app colours have changed, none of my transparent widgets work anymore because it changed the size of my wallpaper. i do like how the brightness and volume are now colours, i just wish we could’ve gotten to choose the colours. i also like how the things are circles instead of squares. i’m mostly just upset that my transparent widgets don’t work anymore, and how all the colours of all my apps are darker than i would like.
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
735
Activity
Aug ’24
Is app store better than play store for developers?
Hi guys, Do you think app store is better than play store for developers? I personally think that even if it's a same App., iOS version is more user-friendly in some reason. What could be causing this difference?
Replies
1
Boosts
0
Views
963
Activity
Feb ’24
Photos album is chaotic
This is my first day with IOS 18.1.1 and so far it’s smooth. my only problem is how chaotic the photos app has become during the update. For one, i dont like how to access any of the organization it’s at the way bottom and even after customizing and reorganizing there’s no way to to move that section to the top. i also dont like how all my photos are just out on front street when the app is launched, it makes everything hard to look at and hard to find. please fix this and make browsing photos enjoyable again.
Replies
1
Boosts
0
Views
589
Activity
Nov ’24
webview app cannot access localstorage ,IOS17.4
After upgrading to ios17.4, webview app cannot access localstorage
Replies
0
Boosts
0
Views
873
Activity
Mar ’24
The control center reorganization is borderline unusable in iOS18.
I hope this gets better soon. Im loving the new UI’s and features of iOS 18, but the reorganizational features of the control center are awful. Icons jump around with any twitch and half the time the icons disappear when I try to move them?!? Totally unacceptable.
Topic: Design SubTopic: General
Replies
1
Boosts
0
Views
465
Activity
Dec ’24
Preview Crashes
NavigationLink(destination: ProfilePhotoSelectorView(), isActive: $viewModel.didAuthenticateUser, label: { }). Using this logic Can someone help me out with what I am doing wrong? Thanks.
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
624
Activity
Apr ’24
iMessage
Can we get a customizable iMessage color change???? That would be great. Would love to change my blue bubble to either yellow or pink!!!!!
Topic: Design SubTopic: General
Replies
2
Boosts
0
Views
609
Activity
Aug ’24
Performance - App Completeness
Your app or its metadata does not appear to include complete and final content. Specifically, your app description needs to describe in-app features and functionality. App Store users expect the apps they download to be ready for public use. Apps on the store shouldn't include placeholder or incomplete content or information. Next Steps To resolve this issue, please revise your app and metadata so that all of its content is complete and final. For example: Your app binary or metadata should not include "lorem ipsum" text. App metadata should not include placeholder screenshots, such as "screenshot coming soon." Provide an engaging app description that highlights the features and functionality of your app. I received this mail, I made required changes still getting this
Replies
0
Boosts
0
Views
916
Activity
Apr ’24
Using MatterSupport framework to add Matter device to our system
1, I add an Matter extension named TRMatterExtension, using the Template in Xcode. 2, check the InfoPlist with the TRMatterExtension module, I see the NSExtension key with two key which are like this: 3,The RequestHandler.swift file is like this: import os import MatterSupport let logger = Logger(subsystem: "com.airdroitech.commissionMtr2", category: "MatterExtension") // The extension is launched in response to MatterAddDeviceRequest.perform() and this class is the entry point // for the extension operations. class RequestHandler: MatterAddDeviceExtensionRequestHandler { override init() { logger.log("QAWI3 - init") super.init() } override func validateDeviceCredential(_ deviceCredential: MatterAddDeviceExtensionRequestHandler.DeviceCredential) async throws { // Use this function to perform additional attestation checks if that is useful for your ecosystem. logger.log("QAWI3 - validateDeviceCredential") } override func selectWiFiNetwork(from wifiScanResults: [MatterAddDeviceExtensionRequestHandler.WiFiScanResult]) async throws -> MatterAddDeviceExtensionRequestHandler.WiFiNetworkAssociation { // Use this function to select a Wi-Fi network for the device if your ecosystem has special requirements. // Or, return `.defaultSystemNetwork` to use the iOS device's current network. logger.log("QAWI3 - Returning default system network") return .defaultSystemNetwork } override func selectThreadNetwork(from threadScanResults: [MatterAddDeviceExtensionRequestHandler.ThreadScanResult]) async throws -> MatterAddDeviceExtensionRequestHandler.ThreadNetworkAssociation { // Use this function to select a Thread network for the device if your ecosystem has special requirements. // Or, return `.defaultSystemNetwork` to use the default Thread network. return .defaultSystemNetwork } override func commissionDevice(in home: MatterAddDeviceRequest.Home?, onboardingPayload: String, commissioningID: UUID) async throws { // Use this function to commission the device with your Matter stack. logger.log("QAWI3 - Starting commissioning flow") } override func rooms(in home: MatterAddDeviceRequest.Home?) async -> [MatterAddDeviceRequest.Room] { // Use this function to return the rooms your ecosystem manages. // If your ecosystem manages multiple homes, ensure you are returning rooms that belong to the provided home. return [.init(displayName: "Living Room")] } override func configureDevice(named name: String, in room: MatterAddDeviceRequest.Room?) async { // Use this function to configure the (now) commissioned device with the given name and room. } } 4, I add Privacy - Local Network Usage Description and Bonjour services [ _matter._tcp _matterc._udp _matterd._udp ] to the main target's InfoPlist. 5, click a button to call MatterAddDeviceRequest.perform(), the code is as the following: let homes = [MatterAddDeviceRequest.Home(displayName: "TRHome")] let topology = MatterAddDeviceRequest.Topology(ecosystemName: "TR", homes: homes) let request = MatterAddDeviceRequest(topology: topology) do { try await request.perform() print("Successfully set up device!") } catch { print("Failed to set up device with error: (error)") } 6, Result: Most times, Matter devices can be added to the KeyChain and the commission window of the Matter device could be opened. But sometimes the MatterSupport window will show "Pairing Failed". The total error is: [1E1D8753] Failed to perform Matter device setup setup: Error Domain=HMErrorDomain Code=18 "Pairing Failed" UserInfo={HFErrorUserInfoOptionsKey={ HFErrorUserInfoOptionDescriptionKey = "Pairing Failed"; HFErrorUserInfoOptionTitleKey = "\U65e0\U6cd5\U6dfb\U52a0\U914d\U4ef6"; }, NSLocalizedDescription=Pairing Failed, NSUnderlyingError=0x3009e8240 {Error Domain=HAPErrorDomain Code=15 "Failed to pair Matter Accessory in time" UserInfo={NSLocalizedDescription=Failed to pair Matter Accessory in time, NSUnderlyingError=0x3009e86c0 {Error Domain=HAPErrorDomain Code=24 "(null)"}}}}. From the log I can see, the Function selectWiFiNetwork(from wifiScanResults: [MatterAddDeviceExtensionRequestHandler.WiFiScanResult]) async throws -> MatterAddDeviceExtensionRequestHandler.WiFiNetworkAssociation of the RequestHandler.swift file will be called and commissionDevice(in home: MatterAddDeviceRequest.Home?, onboardingPayload: String, commissioningID: UUID) will NOT called. Sometimes the RequestHandler class will not be called at all, this means the first function validateDeviceCredential will not be called. But ,when this happens, the iPhone will Continuously can NOT add device for a long time, sometimes it gets better inexplicably. Even under normal circumstances, the probability of successfully adding a device is less than 50% and very slowly. When using Apple Home app, the success rate is very high, almost 100%, and very fast. So, can you help me identify where the problem is and what areas need attention? Thank you very much! Finally, I often encounter logs like this: nw_browser_dns_service_browse_callback [B3] not in ready or waiting state Do you know what it means and whether it will affect the equipment distribution network? My testing machine is iPhone 12, operating on iOS 18 and above 17.0. Thank you very much!
Topic: Design SubTopic: General Tags:
Replies
3
Boosts
0
Views
779
Activity
Sep ’24
When using the animation, the CPU usage rises to around 20-25%.
I'm new to developing with SwiftUI and I created a Pomodoro app for macOS that runs in the menu bar. I added 4 animations and when the user selects the snow animation, it starts snowing on the screen. But the app uses 20%-30% of the CPU and has high energy consumption. I can't reduce it and I couldn't find a solution. // snow animation import SwiftUI struct SnowflakeView: View { @State private var flakeYPosition: CGFloat = -100 @State private var isAnimating = false private let flakeSize: CGFloat = CGFloat.random(in: 10...30) private let flakeColor: Color = Color( red: Double.random(in: 0.8...1), green: Double.random(in: 0.9...1), blue: Double.random(in: 1...1), opacity: Double.random(in: 0.6...0.8) ) private let animationDuration: Double = Double.random(in: 1...3) private let flakeXPosition: CGFloat = CGFloat.random(in: 0...310) var body: some View { Text("❄️") .font(.system(size: flakeSize)) .foregroundColor(flakeColor) .position(x: flakeXPosition, y: flakeYPosition) .onAppear { if !isAnimating { withAnimation(Animation.linear(duration: animationDuration).repeatForever(autoreverses: false)) { flakeYPosition = 280 + 50 } isAnimating = true } } } } I also have how I run the animation below. ZStack { ForEach(0..<10, id: \.self) { index in if selectedAnimal == "Snow" { SnowflakeView() } else if selectedAnimal == "Rain" { RainDropAnimation() }else if selectedAnimal == "Leaf"{ LeafFallAnimation() }else if selectedAnimal == "Confetti"{ ConfettiAnimation() } } }
Replies
0
Boosts
0
Views
698
Activity
Nov ’24
UITabBar in iOS 15 forces filled SFSymbols (SwiftUI)
The iOS 15 UITabBar is using filled SFSymbols, although I had specified outlined symbols! Is it possible to get the UITabBar to behave like in iOS 14 and displaying the outlined symbols like intended? TabView { ArticleListView(articles: model.calls, title: "...").tabItem { Text("Calls") Image(systemName: "doc.append") } ArticleListView(articles: model.news, title: "...").tabItem { Text("News") Image(systemName: "newspaper") } ArticleListView(articles: model.events, title: "...").tabItem { Text("Events") Image(systemName: "calendar") } MoreView().tabItem { Text("More") Image(systemName: "ellipsis") } }
Replies
1
Boosts
0
Views
949
Activity
Oct ’21
Help required for novice on App screen designs
Hello all, Im wondering if someone can please help me? I am not an app developer, but have commissioned one to create an app for me, so I really am a complete novice. I am currently in the process of having an app made and although he's a great coder, some of the screen designs he has done could be better. Initially he said I can get designs done by someone on Figma or Framer, to replace the screens I want, but that has not worked. My question is, if I was to look for someone to redesign some screens - what kind of professional would I be looking for on Upwork? My developer has said he needs "We are looking for the iOS and android source code for each screen and layout files. It will most likely be in the ios and android specific XML formats“ If anyone could please point me in the right direction, I will be eternally grateful! Many thanks
Topic: Design SubTopic: General Tags:
Replies
0
Boosts
0
Views
653
Activity
Nov ’22
iPhone Storage inaccurate in iOS 18.1
I've deleted all photos from the Photos app including from the Deleted Photos album, yet iPhone Storage reports Photos storage at 62.3 GB. I believe this is due to a bug. I've found no solution.
Topic: Design SubTopic: General Tags:
Replies
1
Boosts
0
Views
648
Activity
Nov ’24
Unwind segue to "unwindFirstSegueFor:towards"
Unwind segue to "unwindFirstSegueFor:towards" previously worked in Simulator. It no longer works in version: Xcode 14.2, macOS Monterey 12.5, iOS 16.2. Crashes Simulator iPhone 14 Pro Max with error Thread 1: EXC_BAD_ACCESS (code=1, address=0x100200) in appDelegate. What has changed? How do I fix it?
Topic: Design SubTopic: General
Replies
1
Boosts
0
Views
619
Activity
Jun ’24
MapAnnotation Position
I am working on a MapView with MapAnnotation on the Map and am having difficulty getting the MapAnnotation to function properly when selected. In my code, I want the MapAnnotation selected to be to the front if it is behind or partially blocked by another annotation. I have tried using a zIndex but this does not appear to work. Below is my MapView code along with a screenshot of the issue. Any help would be greatly appreciated. struct HospitalMapView: View { @StateObject var viewModel = HospitalViewModel() @State private var showSearchView = false @State private var showListView = false @State private var selectedTab: Int = 0 var body: some View { ZStack { VStack(spacing: 0) { TopTabView() // Map that updates the visible hospitals when the user moves or adjusts the map Map(coordinateRegion: $viewModel.region, interactionModes: .all, annotationItems: viewModel.filteredHospitals) { hospital in MapAnnotation(coordinate: CLLocationCoordinate2D(latitude: hospital.latitude, longitude: hospital.longitude)) { RoundedRectangle(cornerRadius: 40) .fill(viewModel.colorForPercentile(viewModel.calculatePercentile(for: hospital, in: viewModel.filteredHospitals))) .frame(width: 70, height: 30) // Maintain consistent size, adjust if necessary .overlay( Text("$\(Int(hospital.baseCharge / 1000))K") .foregroundColor(.white) .bold() ) .overlay( RoundedRectangle(cornerRadius: 40) .stroke(Color.blue, lineWidth: viewModel.selectedHospital == hospital ? 3 : 0) ) .onTapGesture { viewModel.selectHospital(hospital) // Move the selected hospital to the end of the list to bring it to the front viewModel.bringHospitalToFront(hospital) viewModel.showBottomSheet = true } .scaleEffect(viewModel.selectedHospital == hospital ? 1.1 : 1.0) // Highlight the selected hospital .zIndex(viewModel.selectedHospital == hospital ? 1 : 0) // Set the zIndex higher for the selected hospital .animation(.easeInOut, value: viewModel.selectedHospital) // Smooth transition } } .onAppear { // Initial update of visible hospitals when the map appears viewModel.updateFilteredHospitals() } .onChange(of: viewModel.region) { _ in // Update the visible hospitals as the user changes the map region viewModel.updateFilteredHospitals() } .edgesIgnoringSafeArea(.all) } // Hospital count display hovering over the map Text("\(viewModel.filteredHospitals.count) Hospitals") .font(.subheadline) .foregroundColor(.white) .padding(8) .background(Color.black.opacity(0.6)) .cornerRadius(10) .padding(.top, -315) // Adjust padding to position correctly below the TopTabView .zIndex(1) // Ensure it's above the map if let selectedHospital = viewModel.selectedHospital, viewModel.showBottomSheet { BottomSheetView(isOpen: $viewModel.showBottomSheet, maxHeight: UIScreen.main.bounds.height * 0.3) { SummaryTabView(selectedHospital: Binding( get: { selectedHospital }, set: { newValue in viewModel.selectHospital(newValue) } )) } .transition(.move(edge: .bottom)) .animation(.spring()) } } .safeAreaInset(edge: .bottom) { BottomTabView(selectedTab: $selectedTab, showListView: $showListView, showSearchView: $showSearchView, onSearchSelected: { showSearchView = true showListView = false }, onHomeSelected: { showSearchView = false showListView = false }, onListSelected: { showListView = true showSearchView = false }) } .fullScreenCover(isPresented: $showSearchView) { SearchView(viewModel: viewModel, showSearchView: $showSearchView, selectedTab: $selectedTab, showListView: $showListView) } .fullScreenCover(isPresented: $showListView) { ListView(selectedTab: $selectedTab, showListView: $showListView, showSearchView: $showSearchView) .environmentObject(viewModel) } .environmentObject(viewModel) } }
Replies
0
Boosts
0
Views
524
Activity
Sep ’24
Graphics problem under Monterey (Intel Iris 1536 MB chip)
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.
Replies
0
Boosts
0
Views
672
Activity
Jan ’22
Setting unable seach for app
In the previous version it was possible in the setting to search directly for an app, and then go on the setting and for example disable the notifications. In iOS 18 you cannot do it anymore, you have to click on notification, and then search by scrolling the full list. It would be nice if you can add again the search feature for the apps in the settings.
Topic: Design SubTopic: General
Replies
0
Boosts
0
Views
513
Activity
Nov ’24
Carplay CPTabBarTemplate custom icons
Hello, I am a product designer trying to understand the UI design limitations of CarPlay. I am designing a scene where a CPTabBarTemplate will appear. From what I can read in the CarPlay development documentation, I understand that it should be possible to assign a custom icon for each tab with tabImage: UIImage?, if I am not mistaken. However, any reference I have found always uses SF Symbols, which makes me wonder if they can actually be customized. And on the other hand, if they are customizable, could any PNG be used for the tab that might compromise the driver's safety? Thank you in advance.
Replies
1
Boosts
0
Views
1.1k
Activity
Jun ’24
Whats is new on UI fo 2023
Hey devs! i would like to know if the new UI finally will be different o r is the same. Thank you, Shirley B.
Replies
1
Boosts
0
Views
1.2k
Activity
May ’22
How can I get the String transformed to fit the UIFont's table?
How can I get the String transformed to fit the UIFont's table? The characters (Unicode) included in the original String are all wrong. This original String is intended to be displayed normally when displayed or rendered in a UITextView using a specific UIFont. In other words, both the original String and UIFont files are not normal. Even after applying it to UITextView or UILabel, the rendering is displayed as normal characters, but when I import it as a String variable as text and display it in the log, it is still abnormal original characters. So, in the case of UITextView, even if the user makes a selection and then copies or searches, it does not work normally. I want to get the rendered (converted) String of this original String through this specific UIFont.
Replies
0
Boosts
0
Views
1.4k
Activity
Feb ’23