Hello everyone,
I'm working on a fun project for my teacher and want to give my software an Apple-inspired look. Specifically, I'm trying to create image buttons similar to Apple's design (as shown in the image).
I need a button with an image that darkens its background when the user hovers over it with the mouse. Any suggestions on how to achieve this effect would be greatly appreciated.
For now, I have this code :
import SwiftUI
struct StudentRow: View {
@Environment(\.modelContext) private var modelContext
var student: Student
@State private var isHover = false
var body: some View {
HStack {
Text(student.name)
Image(systemName: "xmark")
.opacity(isHover ? 0.9 : 0.1)
.bold()
.onTapGesture {
deleteStudent(student, modelContext: modelContext)
}
.onHover { hovering in
isHover = hovering
}
}
.padding()
}
}
However, I'm not entirely satisfied with the outcome of this code.
(Trust me, the outcome is the same when using the magnifying glass icon)
plz help
General
RSS for tagExplore the art and science of app design. Discuss user interface (UI) design principles, user experience (UX) best practices, and share design resources and inspiration.
Post
Replies
Boosts
Views
Activity
So, I run a website about my high school football team, and I created an app that would send score updates to people, provide the schedule, region and local team records. You could log in to adjust whether you get notified every score, or every quarter, or neither. However, when I uploaded it to Apple, it was rejected for it being too minimal. I mean, it does what people would want it to do, which if they can't make it to the game they'll get notified on score updates, the schedule, etc. I don't know what features to add to make it "less minimal". Any suggestions?
Also, idk what tags to use for this so, I apologize if I put it in the wrong place.
Hello,
I would like to detect when the app is task killed (i.e. removed from background). I thought "applicationWillTerminate" is called at that time, but not called.
How can I detect if the app is deleted from background.
Thanks for your help in advance.
We've been using our app for the past year, and a user came back today that after three minutes, their phone starts getting hot and the screen dims. He is using 17.6.1 with an iPhone 14 max. No one else is seeing an issue, but with the posts online about 17.6.1 battery drain, I wonder if our AR app is somehow more sensitive to the issue.
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
1) The situation:
8-bit grayscale still radiology-images,
comparing to cheapest PC-displays:
= appear "literally disgusting" on MacBook|M3;
= appear "very bad" on iPAD|M2;
= appear "just bad" on available iMAC (though this situation is ~correctable).
Typical example (photo of 3 displays; the same 8-bit BMP or PNG by default view/preview on MacBook, iPAD, Windows): "https://ic.pics.livejournal.com/jbstphr/26474885/18157/18157_original.jpg"
** 2) The problem:**
in cheapest PC-desktop/laptop a radiologist (or any human at all) distinguishes sRGB "gray 0..255 " (within 1..3 LeastSignificantBits)
in default MacBook ~ 4 LSB in dark gray-tones disappear (i.e "gray 0" appears absolutely same as "gray 16")
in default iPAD ~ 3 LSB in dark gray-ones disappear (i.e "gray 0" looks identical to "gray 8")
3) The question:
= what could be stated in user-manual of a radiology-gadget to guide an end-user ?...
= to adjust still gray-scale image_presentation of 8-bit BMP, PNG, GIF, TIFF, DCM (~sRGB-color-space) in:
3a) MacBook "AppleSilicon",
3b) iPAD "AppleSilicon";
assuming standard preview_app, Osirix, ImageJ;
assuming that one places "3a,3b" near against cheapest PC-display on market;
= so that:
"gray 0..16" and "gray 240..255" are distinguishable in "3a,3b" not much worse tnan in cheapest PC-display
4) Comment
4a) Apple's PTC seemingly is weird S-like curve, to improve moving_imaging_impression sacrificing objective information of still-imaging presentation.
4b) Alternate color-profiles in MacBook's system_setting are 100% useless for the task.
4c) Adjust of white_point in MacBook,iPAD is <99%> useless for still radiology imaging (which needs adjustment of the black_point).
4d) Dedicated S-curve-like XLAT from PC-sRGB to APple's gray-scale isn't suitable, because of
= the gadget is most world-wide-spread of it's case;
= experience of existing Windows, Android-users can't be disturbed by few potential MAC-users;
= double XLAT "sRGB => adhoc_color_space =>sRGB" (without overcomplicated & non_robust sentinels) causes pixellation (i.e. ~"gray 3.4.5" all become "gray 4")
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 am running into an issue with the latest 2 beta drops of 18 when using Stage Manager with an external monitor. I have the ipad directly below the monitor and when I move the mouse to the other screen it shifts dramatically right then go to the proper position about an inch up the screen. This issue can easily be duplicated. I can share a video if I am given the proper way to do so. This worked fine with the first beta release. Please contact me because it will cause issues when the gold release is dropped. I have found smaller bugs but this is bad.
Hello,
Our app rejected by following reason:
Guideline 4.3 - Design
We noticed your app shares a similar binary, metadata, and/or concept as apps previously submitted by a terminated Apple Developer Program account.
Submitting similar or repackaged apps is a form of spam that creates clutter and makes it difficult for users to discover new apps.
Next Steps
Since we do not accept spam apps on the App Store, we encourage you to review your app concept and submit a unique app with distinct content and functionality.
Resources
Some factors that contribute to a spam rejection may include:
Submitting an app with the same source code or assets as other apps already submitted to the App Store
Creating and submitting multiple similar apps using a repackaged app template
Purchasing an app template with problematic code from a third party
Submitting several similar apps across multiple accounts
Learn more about our requirements to prevent spam in App Store Review Guideline 4.3.
iOS App 1.0App Version
Rejection Reasons:
4.3.0 Design: Spam
The application is 100% developed by our team and I am 100% sure of it. How can we do it ? Please help.
尊敬的苹果审核官
您好
1.我们按照审核要求,这次提交审核中我们重新建了一个Xcode 项目,重构了代码功能及结构,删除了没用到的第三方库,图片资源、功能模块。
2.好多之前没用到的第三方库,资源已经被删除掉了,我们不明白为什么还会有 4.3 的审核意见,希望苹果审查官给一些详细改进意见。
3.为了能上线苹果市场,我们已经花费大量的精力,时间在配合更正 一些产品功能,开发人员加班加点的弄了好几周时间,希望审查官能给一些明确的改进意见,非常感谢。
4.期待digibuy应用能早日的审核上线,不枉费大家的共同努力。
Hello dear friends, I created the application from scratch, but Apple writes to me to do it as a mistake, please tell me 😭😭😭
Guideline 4.3(a) - Design - Spam
We noticed your app shares a similar binary, metadata, and/or concept as apps previously submitted by a terminated Apple Developer Program account.
Submitting similar or repackaged apps is a form of spam that creates clutter and makes it difficult for users to discover new apps.
Next Steps
Since we do not accept spam apps on the App Store, we encourage you to review your app concept and submit a unique app with distinct content and functionality.
Resources
Some factors that contribute to a spam rejection may include:
Submitting an app with the same source code or assets as other apps already submitted to the App Store
Creating and submitting multiple similar apps using a repackaged app template
Purchasing an app template with problematic code from a third party
Submitting several similar apps across multiple accounts
Learn more about our requirements to prevent spam in App Review Guideline 4.3(a).
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.
Hello ,
I am developing mobile apps in B2C model for Service industry and would like to know if the Merchant API (see below) can be used within the iOS app to onboard a Merchant . Typical case for the API here would be for E Commerce platform providers to onboard the customers in the web . However here, Instead of Web, this API would be integrated within the iOS APP. Service providers would download my App and within the App , service providers would provide the information to register for Apple Pay so that they can receive the payment directly from customer instead of using a payment platform like Stripe.
Please advise if this is technically feasible .
https://developer.apple.com/documentation/applepaywebmerchantregistrationapi
Thanks,
Jmkochi
I have an iPhone 14 with the iOS version 18 Beta Version. My phone does not ring. Callers are immediately prompted to leave a voicemail. Even my wife, who is designated a favorite has this happen.
I’ve gone to Settings and checked Sounds & Haptics. It appears to be set correctly.
Please help. Should I go to the local Apple Store for hands on help?
Thank you.
Bo Kirk
I know that the general San Francisco (SF) fonts (Text, Display, Pro, etc.) are exclusive to Apple, its products, and its affiliates. But when it comes to SF Mono, I am unsure of its official status. Is it open source? I know many companies often release their monospace font under the OFL license (i.e., Twilio Sans Mono, Intel One Mono, Ubuntu Mono (et al), Roboto Mono (et al), and more). As I've previously said, I also know that Apple is very protective it its brand.
The thing that really confuses me is that the page for Microsoft's Open Source projects (opensource.microsoft.com) actually uses SF Mono! Are Apple and MS collaborating on this? There is no repository on GitHub or the Apple Developer website, but why is a competitor to Apple using their font? (I am using Windows, so the SF fonts aren't installed on my device, they use the font from their own CDN on their website)
Please make the apps be able to be white and a color like you did with black
Can we get a customizable iMessage color change???? That would be great. Would love to change my blue bubble to either yellow or pink!!!!!
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 ?
Hi everyone, I have a file with a navigation stack and i want the background of it to be a blurred image however there's like a line dividing the body of the navigation stack and the navigation bar where the image isn't being blurred, is there any way to get rid of this and make it so the blurred image background connects the two? i've already tried changing the appearance of the navigation bar when it's initialized. I also have my code below for reference:
var body: some View {
NavigationStack {
ZStack {
Image("HomeBKG") // this is the background image
.resizable()
.scaledToFill()
.ignoresSafeArea()
VisualEffectBlur(effect: UIBlurEffect(style: .systemMaterial)) // this is what i used to blur the image
.ignoresSafeArea()
ScrollView {
ColorManager.bkgColor
.ignoresSafeArea()
VStack {
Text("Recommended")
.foregroundStyle(.primary)
.font(.headline)
.padding()
RoundedRectangle(cornerRadius: 15)
.frame(width: 300, height:200)
.foregroundStyle(Color(UIColor.systemBackground))
.shadow(color: .primary.opacity(1), radius: 10)
Spacer()
Text("News")
.foregroundStyle(.primary)
.font(.headline)
.padding()
RoundedRectangle(cornerRadius: 15)
.frame(width: 300, height:200)
.foregroundStyle(Color(UIColor.systemBackground))
.shadow(color: .primary.opacity(1), radius: 10)
Text("Exchange Rates")
.foregroundStyle(.primary)
.font(.headline)
.padding()
RoundedRectangle(cornerRadius: 15)
.frame(width: 300, height:200)
.foregroundStyle(Color(UIColor.systemBackground))
.shadow(color: .primary.opacity(1), radius: 10)
}
} // end zstack
}
.navigationTitle("Hub")
.toolbar {
ToolbarItem(placement: .navigationBarTrailing) {
NavigationLink(destination: UVSettings()) {
Image(systemName: "gearshape.fill")
}
}
}
} // end navigation stack
}
}`
```
Hi,
When putting an image that uses systemName next to a text will they be baseline aligned by default ?
--
Kindest Regards