Hi all,
I am currently working on a user interfacing using SwiftUI where I have created custom button cards which have a mask modifier containing a RoundedRectangle with a corner radius of 15. The cards are displayed properly in the interface but when hovering over card with the iPad cursor using the hoverEffect() modifier or tapping and holding to show a context menu the corners aren't rounded and you can see a space where the rounded corners should be.
Thanks!
Here is the code for the custom card.
var body: some View {
Button(action: {}) {
ZStack {
Color("MainColor")
VStack(spacing: 20) {
Spacer()
Text("Card content here")
.font(.largeTitle)
.bold()
Spacer()
}
.padding()
}
}
.contentShape(RoundedRectangle(cornerRadius: 15, style: .continuous))
.buttonStyle(.plain)
.mask(RoundedRectangle(cornerRadius: 15))
.contextMenu {
Button(action: {}) {
Label("Edit", systemImage: "pencil")
}
Button(role: .destructive) {
// Edit goes here
} label: {
Label("Delete", systemImage: "trash")
}
}
.hoverEffect()
}
OwenMason
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution
Post
Replies
Boosts
Views
Activity
Hello everyone,
I am developing an application using UIKit and am attempting to use a custom svg symbol in a button, however I am able to adjust the font size statically but am unable to allow the user to adjust the font size based on the user's accessibility font size settings. I have the following code for the image configuration:
let imageConfiguration = UIImage.SymbolConfiguration(textStyle: .body)
button.setImage(UIImage(named: "image", in: Bundle.main, with: imageConfiguration)!, for: .normal)
Any help would be greatly appreciated!
Cheers!