Create elegant and intuitive apps that integrate seamlessly with Apple platforms.

Design Documentation

Posts under Design tag

34 Posts
Sort by:
Post not yet marked as solved
1 Replies
791 Views
Hi! I am working on the UI/UX project for Apple apps(iPhone/watchOS etc.) using FIGMA. I don't have any Apple device from where I could use 'SF Font' family natively. I have tried the alternative fonts but none of them appealed to me and my client too. I also downloaded their resources but still it changes the file after I edit the text. Thanks in Advance.
Posted
by
Post not yet marked as solved
1 Replies
790 Views
I recently got into IOS development and i was wondering if there was any good third party library for top tabs. Or do you have to create the tabs and pager view yourself? (by top tabs, i mean the ones you see on Instagram, Twitter, Reddit etc.)
Posted
by
Post not yet marked as solved
1 Replies
444 Views
Hello. I am looking to make an app, the app would be for apple watch, and iOS. My team has experience using unity for various things and thought using it for this might be plausible. While I know there might need external support as unity doesn't have its own methods, I was hoping maybe to ask the community of developers already here, and get feedback on good ways to move forward with this project as it would be a big opportunity for us. So first is we would like to use unity to make the app. Is this possible to export to our planned devices, in any of your experiences or knowledge? Second, if this does not seem viable from your experience, is there another similar program that we can use, thats fairly user friendly and is usable on pc? Third, if this too seems like an impossible route, we are considering as a last resort to get mac devices to work on the project. I believe using storyboard? (The mac program for making apps like this, might have stated the name incorrectly) if this looks like the path we will need to take, just let me know option 3 seems to be the best idea. There isnt so much a question for the 3rd option, we just want to avoid needing several mac computers when we only plan to get one for exporting purposes. If anyone would like better clarification of my question please let me know but due to NDAs information specifics may be limited. Also any and all advice or thoughts are welcome. Keep in mind our ideal goal is to use PC for the creation of our app if we can, as thats what we have, and unity or something similar as thats where our skillset is and the app itself is capable of being made with these tools but exporting to the apple watch might be the challenge needing overcoming. Thank you in advance to everyone. And thanks for having such a supportive community to reach out to for assistance. Cheers
Posted
by
Post marked as solved
3 Replies
741 Views
Hi, This is how I'm currently configuring an UICollectionView sidebar cell. let rowRegistration = UICollectionView.CellRegistration<UICollectionViewListCell, SidebarItem> { (cell, indexPath, item) in var contentConfiguration = UIListContentConfiguration.sidebarSubtitleCell() contentConfiguration.text = item.title contentConfiguration.secondaryText = item.subtitle contentConfiguration.image = item.image cell.contentConfiguration = contentConfiguration } In order to specify the selection background color of the cell I'm setting the backgroundConfiguration property. This work as expected: let rowRegistration = UICollectionView.CellRegistration<UICollectionViewListCell, SidebarItem> { (cell, indexPath, item) in var contentConfiguration = UIListContentConfiguration.sidebarSubtitleCell() contentConfiguration.text = item.title contentConfiguration.secondaryText = item.subtitle contentConfiguration.image = item.image cell.contentConfiguration = contentConfiguration var backgroundConfiguration = UIBackgroundConfiguration.listSidebarCell() backgroundConfiguration.backgroundColorTransformer = UIConfigurationColorTransformer { [weak cell] (color) in if let state = cell?.configurationState { if state.isSelected || state.isHighlighted { return UIColor(named: "Primary")! } } return .clear } cell.backgroundConfiguration = backgroundConfiguration } Now I also need to change the text color based on the cell selection. When the cell is selected the text should be white. I tried to set the colorTransformer of textProperties of contentConfiguration like so: contentConfiguration.textProperties.colorTransformer = UIConfigurationColorTransformer { [weak cell] (color) in if let state = cell?.configurationState { if state.isSelected || state.isHighlighted { return .white } } return .black } Unfortunately the text color does not change after the cell has been selected. What am I doing wrong? Can anyone help me? Thank you
Posted
by
Post not yet marked as solved
2 Replies
254 Views
I have a game on the App Store, and a website that promotes the game. On the website, I'd like to indicate that the game is Game Center-capable. Question: Can I use the Game Center logo on my website for this purpose? I saw this and this, but they don't seem to answer my question. Maybe I'm missing something, though? To be specific: a small version of the logo would appear atop a description of the game. Thanks!
Posted
by
Post not yet marked as solved
0 Replies
225 Views
Would might be a good approach to estimating a VNVideoProcessor operation? I'd like to show a progress bar that's useful enough like one based the progress Apple vends for the photo picker or exports. This would make a world of difference compared to a UIActivityIndicatorView, but I'm not sure how to approach handrolling this (or if that would even be a good idea). I filed an API enhancement request for this, FB9888210.
Posted
by
Post not yet marked as solved
1 Replies
271 Views
Hi, I need to understand what are the pros and cons for third party app store without using the AppStore. Thanks in advance
Posted
by
Post not yet marked as solved
0 Replies
294 Views
Good day together, I am currently trying to adjust the height of my TextEditor automatically. The whole thing should not increase further once 3 lines are reached. The whole thing is modeled after the text field in the iMessage app. Now to my problem: I'm trying to recreate the whole thing in SwiftUI and so far it works quite well, but I currently have the problem that the height of the control is not automatically adjusted and I unfortunately do not know how to do it best. Does anyone have a suggestion or even a solution for this? SwiftUI Snippet: VStack{           List{           }.listStyle(.plain)           HStack(alignment: .center){             Button{                             }label:{               Image(systemName: "plus.circle")                 .resizable()                 .frame(width: 25, height: 25, alignment: .center)             }             HStack{               TextEditor(text: $message)                 .focused($focusedField, equals: .messageView_TextEditor)                 .foregroundColor(self.message == "Message" ? .gray : .primary)                 .frame(height:35.0)                 .onTapGesture {                   if self.message == "Message"{                     self.message = ""                   }                 }                 .padding(.leading,10)                               Button{                                 }label:{                 Image(systemName: "arrow.up.circle.fill")                   .resizable()                   .frame(width: 25, height: 25, alignment: .center)                   .padding(.trailing,5)                   .foregroundColor(.green)               }             }.overlay(               RoundedRectangle(cornerRadius: 8)                 .stroke(Color.gray, lineWidth: 1)             )           }           .padding(.bottom)                                 }
Posted
by
Post not yet marked as solved
1 Replies
204 Views
I am trying to publish a very simple app which loads an external JSON which contains cooking recipes. When I submitted the app, the JSON contained only a couple of recipes and the verification team rejected claiming the article 4.2.0 (minimal design functionality); I asked more info and they told me to add more to the app; now I asked what the exactly mean, more entries in the external JSON file? Because this will be done slowly and has of course nothing to do with the app itself. Any hint? Thanks
Posted
by
Post not yet marked as solved
1 Replies
274 Views
Hello all, I am currently facing a problem, I have an ImageView on a view. Buttons for user interaction should be placed on it at different positions. The buttons must always remain at exactly this position on the image, no matter how large the mobile / the image is scaled. Unfortunately I haven't found a solution yet that could help me. As an example of what my problem is currently I have inserted two images. On the first picture (size Iphone 11) the button is fitting on the picture. On the second (size Iphone SE) however the button is no longer where it should be. I hope that you can help me. Greetings Dominik Picture 1: Picture 2:
Posted
by
Post not yet marked as solved
0 Replies
216 Views
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!
Posted
by
Post not yet marked as solved
1 Replies
296 Views
Hello, I'm working with a health / university organization that wants a mobile application for their educational content. (In short, it's CMS / course content. Similar to what you could build in WordPress or BlackBoard.) One idea is that we could wrap an app around a webview to render CMS content. My concern is that the app could be rejected due to Apple's guidelines on apps having to provide a unique, value-added experience for mobile: https://developer.apple.com/app-store/review/guidelines/#minimum-functionality I understand this, but given that this is a health/university organization and having a mobile app is a requirement for their contracts, would we still be able to push the app forward? To add onto this, our other option is to use the CMS in a headless way and render HTML through native components using a plugin, but it will still be quite some time before we would have an experienced truly catered to native / mobile. I can see that there are a good number of "information" apps from other organizations, that I could see being rejected for these same guidelines but weren't... so I think we have at least a half-decent chance of making our case, but: I don't want to take any chances and I need to know what to tell the organization stakeholders what they should do regarding the app through their business / organizational account. Has anyone has any experience with this?
Post not yet marked as solved
0 Replies
343 Views
Hey guys! I've got a website and it works fine for every device, except for those using IOS 15.4, i've readed the update notes, but theres nothing that indicates which is the problem on my code or what can i do to solve. Im using NextJS and Styled Components. Here's what happens, i've tested in other IOS's and other devices and it works fine, it's just in those with 15.4 update. Here's how it should work.
Posted
by
Post not yet marked as solved
0 Replies
188 Views
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!
Posted
by
Post not yet marked as solved
0 Replies
163 Views
I have collection view inside tableview cell the problem is when I change semanticContentview of the collection view the collection view for the first time not taking the full width of the screen for the first cell only as below: and this for foreceLeftToRight: here is the code in my tableview cell     var width:CGFloat!{didSet{         if let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout{             flowLayout.estimatedItemSize = CGSize(width: width-10, height: 300)             flowLayout.scrollDirection = .horizontal             flowLayout.minimumInteritemSpacing = 10             flowLayout.minimumLineSpacing = 10             flowLayout.collectionView?.translatesAutoresizingMaskIntoConstraints = false             flowLayout.sectionInset = UIEdgeInsets(top: 0, left: 5, bottom: 0, right: 5)             flowLayout.collectionView?.clipsToBounds = false         }              }}     override func awakeFromNib() {         super.awakeFromNib()         initXib()         collectionView.delegate = self         collectionView.dataSource = self         collectionView.isPagingEnabled = true         collectionView.semanticContentAttribute = .forceRightToLeft     }
Posted
by
Post not yet marked as solved
3 Replies
276 Views
I’ve an UIAlertController to allow blocking an user from my app, and another one to report them with a bunch of reasons. However I can’t decide which UIAlertController.Style to use. Report action contains a 5 reasons to report, plus the cancel action. If you choose the Other reason, you get a third alert with a text field to fill in the reason. Then there is the block alert with a simple Yes/No choice. Report alert then/or Block alert both come from UIMenu actions in a navigation bar’s UIBarButtonItem. Following the Apple human guidelines, I should: Use an action sheet — not an alert — to offer choices related to an intentional action. So it seems pretty clear that I should use the action sheet style for the first Report alert, as it’s intentional and contains more than 2 actions. But then I have to use an alert style if the user uses the Other option and has to write their reason. And what about the Block alert than comes next in any case or from a dedicated action in the UIMenu? To sum up: UIBarButtonItem -> UIMenu -> Report & Block UIActions -> 5 Report reasons / Yes or No for Block Block handler can be independent, but it is also called if any report reason is selected If Other report reason is selected, an alert with text field is initially shown to specify the reason I’m confused, which style should I use for all 3 of them?
Posted
by
Post marked as solved
4 Replies
242 Views
I have a standard UITableViewController and I have added an MKMapKit map neatly on the top half of the screen (and the table in the bottom half). During runtime, if we scroll through the table records, the map scrolls up as well. What I wanted to do was have the map static, not scrolling, while I scroll the table. Any ideas on how to accomplish this, please?
Posted
by
Post not yet marked as solved
2 Replies
195 Views
Hello Devs and Support, I am a new developer with a challenge to build a MacOS app that captures preliminary data from clients (text, signatures, jpgs and pdfs) and then pulls that data into a database where a secondary app automatically extracts the data into a word document template. I have been researching to find documentation and support on how to implement this using SwiftUI and have only managed to build a basic content view: //  ContentView.swift //  Client Form // //  Created by Andrew Duncan Poole on 2022/05/10. // import SwiftUI struct ContentView: View {     @State var firstName = ""     @State var lastName = ""     @State var companyName = ""     @State var isExchange: Bool = true     @State var description = "This book is about .."     @State var price = ""     @State private var scrollViewContentSize: CGSize = .zero     @State private var categoryIndex = 0     var categorySelection = ["Action", "classic","Comic Book","Fantasy","Historical","Literary Fiction","Biographies","Essays"]               var body: some View {         ScrollView(.horizontal, showsIndicators: true) {             HStack (spacing: 1) {                          Form {                              Section(header: Text("CE Technical File Preliminary Data")) {                     TextField("First Name", text: $firstName)                     TextField("Last Name", text: $lastName)                     TextField("Company Name", text: $companyName)                     Toggle(isOn: $isExchange) {                         Text("I'm interested in an exhange")                     }                     .frame(width: 650)                 }                          Section() {                 Picker(selection: $categoryIndex, label: Text("Categorie")) {                     ForEach(0 ..< categorySelection.count) {                         Text(self.categorySelection[$0])                     }                 }             }             Section(header: Text("Description")) {                 TextEditor(text: $description)             }                          Section {                 Button(action: {                     print("submitted ..")                 }) {                     Text("Publish now")                 }             }         }                                       }.navigationTitle("Simplimedica Client Form")             }         }      struct ContentView_Previews: PreviewProvider {     static var previews: some View {         ContentView()         }     } } Is there anyone who can PLEASE advise where I can find further assistance be it tutorials or sample code for this...
Posted
by