Visual Design

RSS for tag

Discuss animation, branding, color, layout, typography, and other elements of great looking apps.

Posts under Visual Design tag

34 Posts
Sort by:
Post marked as solved
7 Replies
3.3k Views
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
Posted
by
Post marked as solved
2 Replies
887 Views
I have in my project different code which is responsible for the blur effect in my app. In tvOS 13 this worked fine but in tvOS 14 I have to remove the code otherwise the app will crash. What exactly do I have to change in the code to make it run on tvOS 14. Thanks for the help. private func sharedSetup(effect: UIBlurEffect, radius: CGFloat = 90) {			 let UICustomBlurEffect = NSClassFromString("_UICustomBlurEffect") as! UIBlurEffect.Type let raw = effect.value(forKey: "_style") as! Int let style = UIBlurEffect.Style(rawValue: raw)! let effect = UICustomBlurEffect.init(style: style)						 effect.setValue(1.0, forKey: "scale")		 effect.setValue(radius, forKey: "blurRadius")			 effect.setValue(UIColor.clear, forKey: "colorTint") self.blurEffect = effect	 }
Posted
by
Post not yet marked as solved
1 Replies
792 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
4 Replies
6.2k Views
We are using custom UITableViewCell in UITableview. While we testing our application on iOS15 beta 2 version, we observe extra space in between 2 UITableViewCells. Same UI is working fine on iOS 14 and below. Do we need to make any extra changes to handle this for iOS 15 or it will be fixed in next iOS 15 beta release?
Posted
by
Post not yet marked as solved
0 Replies
489 Views
The new SF Symbols palette color feature was working perfectly for me in beta 4, but as soon as I installed beta 5 all my symbols started rendering in a single color. After some debugging, I realized that this is only happening when the image is created via drawRect. Hopefully this is just a minor bug that will be fixed in the next beta, as I just spent an entire week moving everything over to custom symbols (and I have to render them via drawRect)...
Posted
by
Post not yet marked as solved
1 Replies
363 Views
The color of the UIMenu in my application has changed from light to dark when I upgraded my device to iOS 15. Do I need to override a property or write other code in order to keep the color of the UIMenu consistent with other iOS versions?
Posted
by
Post marked as solved
5 Replies
560 Views
I change the text of a label dynamically (so I do not know the text of the label) how can I animate the size to fit. I am looking for a smooth, elegant transition for design purposes. What I have tried:         NSAnimationContext.runAnimationGroup({ (context) in             context.duration = 4.0 label1.stringValue = "long, long text"             label1.animator().sizeToFit()         })
Posted
by
Post not yet marked as solved
1 Replies
863 Views
Hello! I am having trouble with my quiz game - sometimes (not always) after completing a level, the screen darkens and the game becomes unresponsive. I am unable to click anywhere on the screen. I've been scratching my head about this issue for several weeks now and can't get to the bottom of it. I'd really appreciate some help/advice on the matter if anyone knows that's wrong. I've attached the error log as it was too long to add here. Many thanks, Ermes Error log:
Posted
by
Post not yet marked as solved
0 Replies
456 Views
Hi, I'm a developer working on a plugin that maps the tracking values based on font size in Figma (design tool). I want to support the New York font, however I realize there are 4 optical sizes: Small, Medium, Large, and Extra Large. Is there a documentation that outlines which font sizes are mapped to which variation when rendered on iOS? I'm assuming it's similar to how SF Pro Display is used at size 20 instead of SF Pro Text. Knowing the mapping will help designers see a more accurate representation of the text in Figma. Thanks.
Posted
by
Post marked as solved
2 Replies
1.1k Views
Dear community, Yesterday I update Xcode from 12.5.1 to 13.0 and I came across a lot of compile error. Until before the update all was working great, but I suppose probably some syntax rules changes with the update for iOS 15.  .background(Color.systemBlue) error: Type 'Color' has no member 'systemBlue'  .maxWidth(.infinity) error: Cannot infer contextual base in reference to member 'infinity' Value of type 'Image' has no member 'maxWidth' .aspectRatio(contentMode: .fit) error: Cannot infer contextual base in reference to member 'fit'  Image(.system("line.horizontal.3.circle.fill")) error: Type 'String' has no member 'system' .font(.largeTitle, weight: .bold) errors: - Cannot infer contextual base in reference to member 'bold' - Extra argument 'weight' in call  Image(section.logo) .resizable() .height(32) error: Value of type 'Image' has no member 'height' Command CompileSwift failed with a nonzero exit code I hope that this one will fix by itself Basically I got 23 errors... and the code before yesterday was working great. Thanks to those who will help me, hoping it will be useful to other users, Martin
Posted
by
Post not yet marked as solved
0 Replies
344 Views
I'm working on a custom keyboard extension, and am currently a bit stuck on a feature. The goal is to color certain words that a user types in the preview of messaging apps - like how the emoji keyboard colors words orange that can be converted to emojis. My general understanding is that this is done through MFMessageComposeViewController, with the target of the coloration being the body of this object. It looks like UIApperance can be used in this case, but I'm really not sure how to put it all together. Long story short, does anyone have an idea on how to take the text of a custom keyboard like "Hello from Cupertino!" and color, for example, Hello red and Cupertino blue in the preview before the message is sent? Thanks so much :)
Posted
by
Post not yet marked as solved
1 Replies
600 Views
What animation program do most developers or designers use for adding animations to their apps? I am a graphic/UI designer and have been working with XCode lately to develop an app. I would like to add animations to buttons, menus, and even full blown instructional animations for the user on how to use our products. I have used CoreAnimator, Adobe Animate and struggled with both. Adobe animate has issues with sizing for different devices and I have been working with them for months now trying to resolve the issue as it doesn't seem to be the constraints in Xcode. I am not the best at coding but I am willing to learn. Do I need to learn Core Animation code to be able to animate buttons menus etc? Or are libraries easier? As for the full blown instructional animations I feel like that would be more a long the lines of something similar to Adobe Animate? TIA!
Posted
by
Post not yet marked as solved
0 Replies
314 Views
Can you submit the app screenshots in the Display P3 color space? Will they be displayed correctly on the App Store? It is aberrant not to find this info in the documentation. The guidelines for the App of the Day and Feature Story cards are just as vague, only the resolution is specified. However, the provided templates are sRGB. This old post got me worried: https://stackoverflow.com/questions/54809327/appstore-connect-displayed-screenshots-wrong-colorspace
Posted
by
Post not yet marked as solved
0 Replies
250 Views
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!!
Posted
by
Post not yet marked as solved
0 Replies
317 Views
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.
Posted
by
Post not yet marked as solved
0 Replies
288 Views
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.
Posted
by
Post not yet marked as solved
1 Replies
344 Views
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
Posted
by
Post not yet marked as solved
1 Replies
217 Views
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
Posted
by