When the Xcode Previews app opens on the device, this is the error message in Xcode: RemoteHumanReadableError: Failed to update preview.
Error encountered when sending 'display' message to agent.
I tried cleaning the build folder and quitting then reopening Xcode to no avail.
Using Xcode 12.0.1 previewing on iPhone 11.
Post not yet marked as solved
I was wondering whether objects in Core Data (and CloudKit) conform, or are able to be conformed, to the Transferable protocol. As far as I can see there is no underlying implementation yet, but maybe this will be added as a future feature so that SwiftUI and Core Data can work better together.
In the WWDC22 session "Enhance collaboration experiences with Messages" at 10:21, a struct call Note was implementing the transferRepresentation required property and returned an object of type CKShareTransferRepresentation from its body. I couldn't find any reference to this type anywhere in the documentation and nothing else was mentioned in the session video. Maybe this is something that is going to be added soon or was removed after the video was made.
Since I want to use Core Data in my SwiftUI app and want to enable sharing features, such as collaboration via the shared database, NSManagedObject subclasses need some way of conforming to the Transferable protocol. I was hoping there would be a specialised way to do this, and the aforementioned type from the session video sort of hinted at this.
I am just asking here to see if anyone has any information about this – whether this feature is about to be released, how this issue can be solved, or another way to do this. Any help is appreciated.
I have added two methods to an extension of URL so I can load and save and images.
extension URL {
func loadImage(_ image: inout UIImage) {
if let loaded = UIImage(contentsOfFile: self.path) {
image = loaded
}
}
func saveImage(_ image: UIImage) {
if let data = image.jpegData(compressionQuality: 1.0) {
try? data.write(to: self)
}
}
}
I use this extension in a view:
@State private var image = UIImage(systemName: "xmark")!
private var url: URL {
let paths = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)
return paths[0].appendingPathComponent("image.jpg")
}
var body: some View {
Image(uiImage: image)
.onAppear {
url.load(&image)
}
.onTapGesture {
url.save(image)
}
}
However this isn't working.
The image isn't loaded from the document directory because its probably isn't being saved.
Is there anyway to rewrite this extension or another alternative to loading and saving a UIImage?
Or is this just a bug with Xcode 12/iOS 14?
Post not yet marked as solved
I am attempting to create a custom font picker (similar to the one in Pages) using SwiftUI, because the current UIFontPickerViewController isn't sufficient enough for my app.
When running the app and presenting FontPickerView in a sheet, the app seems to pause, the sheet doesn't appear, and a lot of dialog continuously pops up in the Xcode console.
This is an example of what keeps showing:
CoreText note: Client requested name ".SFUI-Regular", it will get TimesNewRomanPSMT rather than the intended font. All system UI font access should be through proper APIs such as CTFontCreateUIFontForLanguage() or +[UIFont systemFontOfSize:].
The .SFUI string changes with different font styles, for example -Bold, -Compressed, -SemiExpandedLight...
I believe the problem lies when accessing the UIFont family and font name properties and methods.
Is there a reason why this is happening? A possible solution?
Help is appreciated.
Here is some code you can test (Xcode 13 beta 3):
extension Character {
var isUppercase: Bool {
String(self).uppercased() == String(self)
}
}
extension UIFont {
// Will show dialog from here
class func familyName(forFontName fontName: String) -> String {
var familyName = ""
familyNames.forEach { family in
fontNames(forFamilyName: family).forEach { font in
if font == fontName {
familyName = family
}
}
}
return familyName
}
}
struct FontPickerView: View {
@Environment(\.dismiss) private var dismiss
@ScaledMetric private var linkPaddingLength = 24
@State private var searchText = ""
@State private var linkSelection: String?
@Binding var selectedFontName: String
// Will show dialog from here
private var familyNames: [String] {
UIFont.familyNames.filter {
$0.contains(searchText) || searchText.isEmpty
}
}
// Will show dialog from here
private var familyPickerBinding: Binding<String> {
Binding {
UIFont.familyName(forFontName: selectedFontName)
} set: {
selectedFontName = UIFont.fontNames(forFamilyName: $0)[0]
}
}
var body: some View {
NavigationView {
List {
Picker("All Fonts", selection: familyPickerBinding) {
ForEach(familyNames, id: \.self, content: pickerRow)
}
.labelsHidden()
.pickerStyle(.inline)
}
.listStyle(.insetGrouped)
.searchable(text: $searchText, placement: .navigationBarDrawer)
.navigationTitle("Fonts")
.navigationBarTitleDisplayMode(.inline)
.toolbar {
Button("Cancel", action: dismiss.callAsFunction)
}
}
}
private func linkPadding(forFamilyName familyName: String) -> CGFloat {
familyPickerBinding.wrappedValue == familyName ? 0 : linkPaddingLength
}
private func familyText(forFamilyName familyName: String) -> some View {
Text(familyName)
.font(.custom(familyName, size: UIFont.labelFontSize))
}
private func familyTextWithStyles(forFamilyName familyName: String) -> some View {
ZStack(alignment: .leading) {
NavigationLink("Style options", tag: familyName, selection: $linkSelection) {
FontStylesView(selection: $selectedFontName, family: familyName)
}
.hidden()
HStack {
familyText(forFamilyName: familyName)
Spacer()
Button(action: { linkSelection = familyName }) {
Label("Style options", systemImage: "info.circle")
.labelStyle(.iconOnly)
.imageScale(.large)
}
.buttonStyle(.borderless)
.padding(.trailing, linkPadding(forFamilyName: familyName))
}
}
}
private func pickerRow(forFamilyName familyName: String) -> some View {
Group {
if UIFont.fontNames(forFamilyName: familyName).count == 1 {
familyText(forFamilyName: familyName)
} else {
familyTextWithStyles(forFamilyName: familyName)
}
}
}
}
struct FontStylesView: View {
@Binding var selection: String
let family: String
var body: some View {
List {
Picker("Font Styles", selection: $selection) {
// Will show dialog from here
ForEach(UIFont.fontNames(forFamilyName: family), id: \.self) { font in
Text(fontType(forFontName: font))
.font(.custom(font, size: UIFont.labelFontSize))
}
}
.labelsHidden()
.pickerStyle(.inline)
}
.navigationTitle(family)
}
private func fontType(forFontName fontName: String) -> String {
if let index = fontName.lastIndex(of: "-") {
var text = String(fontName.suffix(from: index).dropFirst())
// Add spaces between words.
let indexes = text.enumerated().filter { $0.element.isUppercase }.map { $0.offset }
var count = 0
indexes.forEach { index in
guard index > 0 else { return }
text.insert(" ", at: text.index(text.startIndex, offsetBy: index + count))
count += 1
}
return text
} else {
return "Regular"
}
}
}
(There are a few bugs that I am going to fix.)
Post not yet marked as solved
Here is my code simplified.
struct TileView: View {
@Binding var editMode: EditMode
var columns = [GridItem(.adaptive(minimum: UIScreen.main.bounds.width / 4))]
var body: some View {
LazyVGrid(columns: columns, spacing: 16) {
ForEach(0 ..< 5, id: \.self) { num in
ZStack(alignment: .topLeading) {
GroupBox(label: Text("Label")) {
Text("Content")
}
.contextMenu {
Button {
} label: {
Label("Delete", systemImage: "trash")
}
}
// this is the work around for the delete action
if editMode == .active {
Button {
} label: {
Label("Delete", systemImage: "minus.circle.fill")
.imageScale(.large)
.foregroundColor(Color(.systemRed))
.backgroundColor(Color(.systemFill)
.clipShape(Circle())
.labelStyle(IconOnlyLabelStyle())
.offset(x: -10, y: -10)
}
}
}
.padding(.horizontal, 4)
}
}
}
.padding(.horizontal)
}
}
Is there any way I can add an .onMove or .onDelete modifier to the ForEach and have those actions work when editing, or something else similar (maybe implementing a List to make it work)?
If not, is there a workaround for the move action (since I already have a delete action workaround)?
Thanks in advance for any solutions.
Is there any way to add destructive actions (such as a delete button in red) or separators to the new Menu in iOS and iPadOS as shown in the Build/Design with iOS pickers, menus and actions talks?
There's no way that I know of with .contextMenu and I was wondering if there was a way or a workaround.
Is there any way to set preferred actions for alerts in SwiftUI?
You can set .cancel roles for alert buttons, but they appear in bold and I want the other preferred action to be in bold.
I could set the preferred action to have the .cancel role, but I don't think you're supposed to do it like that.
I haven't found a proper way yet, but I haven't played around with alerts enough to know.
Thanks for any suggestions.
I am trying to replicate the timer picker from the Clock app, shown below, using SwiftUI.
DatePicker doesn't have a countDownTimer mode like UIDatePicker does, but then that doesn't show seconds even though the countDownDuration property is in seconds.
I am currently trying to use a custom UIPickerView with two components (minutes and seconds), all wrapped inside a UIViewRepresentable.
This sort of works, but I can't seem to get the min and sec labels to be positioned where they are.
Any help on this matter would be much appreciated.
Post not yet marked as solved
I think that the list row separator insets needs to be fixed in SwiftUI.
For example, when using the .sidebar list style in a compact environment, the separators are inset to a fixed position, and depending on the list row's content, will look normal or out of place.
In one of last year's session videos (wwdc20-10026), Apple even said how to use separators properly, insetting them to align with the primary content of the cell.
If there is a way that I don't know of to control this, I would very much like to know.
Otherwise this needs to be sorted either introducing a new view modifier, or automatically deciding how much to inset by based on the list row content: with Label, inset to align with the title.
Post not yet marked as solved
I have decided to try out a light theme in Xcode (don’t ask why), when light mode is on, and then use a dark theme when the system switches to dark mode. However, when Xcode goes dark, the editor stays with the light theme and doesn’t switch to an equivalent dark one.
I would like to know if there is a way to have Xcode automatically do this - for example, in light mode use Presentation (Light) and in dark mode use Presentation (Dark).
As of yet, I haven’t found a solution within Xcode, but maybe there is a way to control this by using a custom theme?
Post not yet marked as solved
I have stumbled upon a problem that I somehow haven't come across previously. It seems like a simple thing that can be done in SwiftUI that I can't seem to solve.
I would like to be able to switch between GroupedListStyle and InsetGroupedListStyle for compact and regular horizontal size classes, respectively.
In iOS 13, since there was no InsetGroupedListStyle, SwiftUI automatically switched between the two on change of horizontal size class, but this feature has been removed. I'd like to have thought a replacement for this had been implemented but supposedly not (that I know of).
I thought that applyingSwift
.listStyle(horizontalSizeClass == .compact ? GroupedListStyle() : InsetGroupedListStyle())would work, but apparently not. Although they both conform to ListStyle, Xcode says they have mismatching types.
I tried then extracting it to a variable:Swift
private var listStyle: some ListStyle {
if horizontalSizeClass == .compact {
return GroupedListStyle()
} else {
return InsetGroupedListStyle()
}
}That didn't work resulting in the same error.
Naively, I added @ViewBuilder to see if that would work until realising these weren't views being returned.
There is no type erased list style (AnyListStyle) so that can't be applied in this situation.
I thought about making a custom ListStyle but the protocol requirements put me off. Even a custom ViewModifier didn't work.
Is this even possible in SwiftUI, or am I missing something obvious?
Post not yet marked as solved
I have a basic ARSCNView that detects images and displays information about them.
The image detected is currently covered in a slightly transparent black with the text overlaid in a transparent white colour.
Ideally I'd like the background behind the text to be a blur view with that transparent black tint, so it blurs the image that is being detected.
I started trying to implement a UIVisualEffectView with a UIBlurEffect but that didn't work. I also looked up SKEffectNode with a CIFilter but that resulted in nothing changing.
Can you use UIBlurEffect or an alternative blur view to apply to the plane or planeNode?
All solutions appreciated.
Swift
func renderer(_ renderer: SCNSceneRenderer, nodeFor anchor: ARAnchor) - SCNNode? {
guard let imageAnchor = anchor as? ARImageAnchor, let name = imageAnchor.referenceImage.name, let datum = data[name] else { return nil }
let spacing = Float(0.005)
let node = SCNNode()
let plane = SCNPlane(width: imageAnchor.referenceImage.physicalSize.width, height: imageAnchor.referenceImage.physicalSize.height)
plane.firstMaterial?.diffuse.contents = UIColor.black.withAlphaComponent(0.99)
// add blur to this plane with the black tint
let planeNode = SCNNode(geometry: plane)
planeNode.eulerAngles.x = -.pi / 2
node.addChildNode(planeNode)
let titleNode = textNode(datum.title, font: UIFont.boldSystemFont(ofSize: 10))
titleNode.pivot = SCNMatrix4MakeTranslation(titleNode.boundingBox.min.x, titleNode.boundingBox.max.y, .zero)
titleNode.position.x -= Float(plane.width) / 2 - spacing
titleNode.position.y += Float(plane.height) / 2 - spacing
planeNode.addChildNode(titleNode)
let descriptionNode = textNode(datum.description, font: UIFont.systemFont(ofSize: 4), maxWidth: Int(imageAnchor.referenceImage.physicalSize.width * 500))
descriptionNode.pivot = SCNMatrix4MakeTranslation(descriptionNode.boundingBox.min.x, descriptionNode.boundingBox.max.y, .zero)
descriptionNode.position.x -= Float(plane.width) / 2 - spacing
descriptionNode.position.y = titleNode.position.y - titleNode.height - spacing
planeNode.addChildNode(descriptionNode)
return node
}
private func textNode(_ string: String, font: UIFont, maxWidth: Int? = nil) - SCNNode {
let text = SCNText(string: string, extrusionDepth: 0.5)
text.flatness = 0.1
text.font = font
text.firstMaterial?.diffuse.contents = UIColor.lightText
if let maxWidth = maxWidth {
text.containerFrame = CGRect(origin: .zero, size: CGSize(width: maxWidth, height: 100))
text.isWrapped = true
}
let textNode = SCNNode(geometry: text)
textNode.scale = SCNVector3(0.002, 0.002, 0.002)
return textNode
}
I have a UISplitViewController with a separate view controller for compact width. The master view controller shows a table view with a grouped style. Regular size class is insetGrouped and compact is grouped.
The view controllers have two paths, compact and regular width, but the only differences between the two are the table view style. The classes are the same as is the table view content.
I have to present a modal with a table view controller inside that needs to adapt to the size class. Before the modal is presented, I instantiate the right view controller for the current size class, however if the size class changes during presentation, the table view style doesn't change accordingly.
Is there a better way to handle the user changing the size class? Or just a general way to use a UISplitViewController and UITableView.Style with different size classes?
Many thanks for any solutions.
I have a macOS app and i want to align a VStack of HStacks so that the label in the HStack in aligned .trailing and the other view is aligned .leading relative to all the other HStacks.
An example would be in Settings > General on Big Sur where the labels are aligned and the other controls (pickers, toggles) are aligned with each other.
How can I achieve this in SwiftUI?
VStack {
HStack {
Text("Label1") // align trailing with others
Picker("Picker1", selection: $picker1) { ... } // align leading with others
}
Divider()
HStack {
Text("Label2") // align trailing with others
Toggle("Toggle1", isOn: $toggle1) // align leading with others
}
Divider()
HStack {
Text("Label3") // align trailing with others
Picker("Picker2", selection: $picker2) { ... } // align leading with others
}
}
Post not yet marked as solved
I have a macOS app that allows users to type in numbers which I originally used a custom NSWindow for but now using .keyboardShortcut(_:modifiers:).
I’ve put a CommandMenu in the App file attached to the WindowGroup Scene but then that appears in the menu bar at the top. Every time one of the keys are pressed the menu bar section flashes which can get quite distracting.
Is there a way that you can add a CommandMenu or just the keyboard shortcuts so they are not in the menu bar or at least not visible to the user?
.commands {
CommandMenu("Keyboard") {
Group {
Button("0") { print("0") }
.keyboardShortcut("0", modifiers: .numberPad)
... // 1 to 8
Button("9") { print("9") }
.keyboardShortcut("9", modifiers: .numberPad)
}
Button("Delete") { print("delete") }
.keyboardShortcut(.delete, modifiers: .numberPad)
Button("Enter") { print("enter") }
.keyboardShortcut(.return, modifiers: .numberPad)
}
}
BabyJ.