VisualEffectView | Dynamic blur background view with tint color | iOS library

Try this:

At the moment you are using a number of separate CustomDrinkViewModel, and so a change in one does not relate to the others.

Although I cannot see where you actually change the customDrinkDocument, try these modifications:

In the viewDidLoad() function of your view controller, make sure you run your dataLoader to fetch the data.

After the data is loaded in the data loader, you need to send a message to the view controller saying data is ready to display.

You can do this through:

• a protocol/delegate
• using a closure as a completion handler
• setting up an observer for the @Published attribute you have
• (if you're on the iOS 15 beta) using async/await There are lots of ways to do this part, and I can explain in more detail if you pick one.

Once you have the data, run reloadData() on the table view.

Figured it out! Without any hacks too thankfully lol

In order to achieve this look without the nasty artifacts in the question you have to do a few things the way macOS wants them.

1. Don't set your NSWindow.backgroundColor = .clear!
This is the cause for the nasty artifacts above in the first place! Leaving your window's color as is will make sure the window functions properly when changing screens. NSVisualEffectView captures the image behind the window and uses that for the background so there's no need to make anything transparent.

2. Make sure to include .titled in the window's styleMask!
Failure to do so will render the window without rounded corners. If you attempt to add rounded corners (like I did) to the SwiftUI view you will still have an opaque background on the NSWindow itself. If you then set your window's background color to .clear (like I did again) the shadow chop issues will ensue! However, this does not mean that the title bar will get in the way, it won't, we'll get to that in a bit.

3. Add your NSVisualEffectView to your SwiftUI view!
I found this to be easier than adding the visual effect to the NSWindow.contentView as a subview.

1. So start off by setting up your NSWindow and AppDelegate! ⤵︎
All you're doing is making sure the titlebar is present but hidden.

You can't share a single visual effect view which you move between cells. (A view can only exist once in thew view hierarchy. If you add it as a subview in 2 places, it gets removed from the first place).

Your code should also use if indexPath.row >= 5, not if indexPath.row == 5

I would suggest creating a custom subclass of UICollectionViewCell that has a public blurView IBOutlet. Install a blur view in the cell in your XIB/storyboard. In your tableView(_:cellForRowAt:) method, hide the blur view if the row is < 5, else un-hide it.

Take a look at this tutorial: https://medium.com/better-programming/ios-pdfkit-ink-annotations-tutorial-4ba19b474dce

It is just a little bit hacky but it records the drawings directly as PDF Annotations that can be saved with the PDF. The PDF must not be secured in order to alter it.

PencilKit is very nice for the low latency drawing and built-in set of features. You would save the drawing separately as a PKDrawing which is pretty convenient. PKDrawing doesn't allow you to store bitmaps (text from a textbox for example).

I am also new to Flutter but generally speaking I would create a stateful widget to store the state of the button bar. Then you create the button bar as a stateless widget (using Container(child:Row(children...)

In the stateful widget you wrap the call of the stateless widget with whatever enables swiping (haven't used this so far). In there you will have something like setState(() {expanded = !expanded}) and possibly you call the stateless widget with something like

You need to add alignment in frame

The problem is that you are setting swipingPhotosController's frame in viewWillLayoutSubviews() --- but the views have not yet been laid out.

You need to do that in viewDidLayoutSubviews() (did not will).

However, viewDidLayoutSubviews() gets called many times, particularly since you are changing the frame again in scrollViewDidScroll().

So, you need to set a flag to only set the frame in viewDidLayoutSubviews() once (or again, if the scrollView frame has changed).

Not being sure how or when you were setting your SwipingPhotosController's properties, I did it this way to test: