OMG. Such a hidden technique that I didn't know before. Drag and drop UIView onto the top bar of UIViewController in Storyboard, and setup UI from there to convey the sense that such UIView was meant to be used with this UIViewController. I often create a completely separate UIView, then load it from code although that UIView might be used with this UIViewController only. Good job!
Thanks Brian for a kick ass tutorial. I like that it's short and sweet. You make playing with Xcode and learning Swift fun then what I've seen so far. I'm a FAN.
Super cool tutorial 🤙👊📱🤓 what if you have a longer tableview, scroll down a bit and then push a button to open the popup :( it opens way up within the first entire view of the screen. Is there a way to just pin the popup to the bottom or so? Can't figure it out. 🥴
hello sir, i hope you make a video about delegate protocol show PopUp (UIview) using TableViewCell. Clicking on item cell will show PopUp. Really looking forward to hearing from you.
Thank you Brian! I learned a lot from your amazing tutorials! Could you please make a tutorial of how to select multiple images from photo library? Thank you very much!
amazing tutorial, but i wanna ask something, did i really need a uiview to put item on top of that blurvieweffect? like for example i wanna put image on top of that blurView, can i just straight put my image on top of that blurView or i have to put that image on uiview just like you demonstrate?
What do you recommend for a popup that displays information from an online database in it. A view controller that presents ontop of the current viewcontroller without dismissing it using a presentation controller or a sub view like you did in the video? If I use a viewcontroller there will be a problem dismissing the view controller that comes after the popup since the pop up view controller will still be displayed. Your response is much appreciated! Thanks for the video :D
Thanks for the easy-to-follow tutorial. I like how you demonstrate something significant in such a short thing. One issue is that the rest of the form is still active. There is only the + button, but shouldn't it be disabled, and the popup function like a modal form?
Brian, Thanks for yet another really cool video. If you wanted more that one button in the box is there an easy way to group them together in the animate in?
This was a great tutorial. Thank you Brian for taking the time to make it and post it. Def. going to remember this for some of my future app designs. A++
Very helpful tutorial, even for total beginner! However, I spent some time wondering why this exact code does not work in Xcode 8 with Swift 3. I needed to replace: effect = visualEffectView.effect visualEffectView.effect = nil with visualEffectView.isHidden = true and then self.visualEffectView.effect = self.effect with visualEffectView.isHidden = false So it is enough to just show/hide the visualEffectView. Do you have any tips how to also blur navigation bar? I have "Connecting..." pop-up (witch Cancel button) for connecting to BLE device, but I can press the Back button in the navigation bar when in fact it should be blurred :(
Thank you for the video :) But sadly the blur effect doesn't work on a ARView correctly. Is there any alternative for that, or at least a way to darken the arview when the popup is visible?
Thanks v much Brian for this and all your help with your tutorials! Just to add something helpful, set self.visualeffectview.isUserInteractionEnabled = true for AnimateIN, and = false for animateOUT. in that way, if there are UI elements , buttons etc, behind the blur view once it loads, the user cannot press them and interact with them (they still can even though they are barely visible unless doing this trick). Many thanks again, you're the best!
Ran into this issue as well when putting the button in the middle of the screen rather than in the navigation bar. I used Bojan's method of hiding the visualEffectView first and it worked. (It works best by putting it in the completion handler. If you put it in the animation the blur effect disappears too early.) Filippos method also works. From what I can tell, both display the same to the user
Thank you for the useful tutorial! But when I place the visual effect on top of a button that I previuosly added, the button stop to work. If I reduce the area of the effect and keep the button out of its boundaries then it works again. How can I avoid that issue? I was looking for some kind of “move object to background” like Adobe Illustrator but without success
How do I make a blur effect appear only on a certain part of an image? I have an app idea and in this app I want the user to be able to select a photo and paint over it with 2 colors. Once the user hits done the 1st color does nothing to the image and the 2nd color makes the area that was painted blurred (both colors do not appear after the user hits done) how do I separate the part of the image that was painted the 1st color from the part of the image that was painted with the 2nd color and blur that part without blurring the edges??? I mean keeping the edges sharp but blurred
Hi Brian! Thank you for an amazing tutorial!! But I am having an issue with my program when I reach the 11th minute of the video. When I try to run the app on iPhone6 after setting visualeffectview to nil, it throws an exception for the reason I am not aware of. do you have an idea what could have happened considering that I strongly followed every step of the tutorial? Thanks!
But how is that done? Your video is great, don't get me wrong. It does exactly what you describe but most of the time, the popup will be over a usable interface with buttons and such. I had the problem Martin-Phillippe and Ufuk K (above) had. I couldn't touch any buttons because the blur was on top, even though hidden. I can move it higher so that it's above my buttons in the hierarchy but then the buttons don't blur and that's not what I wanted.
I have placed this visual effect view on top of my wkwebview to blur the web view and focus attention on the popover. But this appears to prevent me from interacting with the webview. Any idea how to fix that?
Help! I dragged the Visual Effect View on, but the blur is not showing over my content at all :( Fortunately the popup animation is working beautifully.
Thanks for the awesome videos! I had no clue you could add subviews to that top bar in the interface builder. This is a game changer for me. Don't stop making videos!
really fantastic video but as I ran my application i keep getting 'fatal error: unexpectedly found nil while unwrapping an Optional value' anybody know whats up? I am using latest version of xcode/swift 3. I have tried as Bojan pointed out below to do the changes as ishidden true and false instead of the self.visualEffectView.effect = self.effect but error persists anyway. EDIT: Actually I've worked it out, it was to do with unwrapping visualEffectView which you simply put as visualEffectView? instead. now it runs without error but doesn't blur. Could it be because I have a map on the view controller? I was hoping it would blur out a map view and other bits.
Brian, in my project I have a button in the middle of the main view, behind the visual effect view and I cannot press it. How do I completely remove it only display it when the button is pressed?
Hi Brain, It is a great tutorial but it doesn't work with my application. Blur view disabled all stepper and text field actions. If the button out of blur view cover area it works but anything under doesn't. Can you help me to fix this issue pls.
Hey, for the line effect = visualEffectView.effect in viewDidLoad() im getting the error Thread 1: Fatal error: Unexpectedly found nil while unwrapping an Optional value, anyone know why/whats wrong?
When I rotate the device, position of this popup gets messed up (partially of the screen). It is possible to detect that change and reposition the popup? Maybe possible even with that cool animation which is used for other static elements in the UI?
I solved, added this to my class. override func viewDidLayoutSubviews() { super.viewDidLayoutSubviews() // Device orientation could have just been changed - reposition the popup view if currently shown if connectingView.isDescendant(of: self.view) { connectingView.center = self.view.center } }
+Bojan Potočnik great to hear. You can also check out the follow video to learn how you can solve that by applying constraints in code th-cam.com/video/6EEMofQG93I/w-d-xo.html
With Xcode 8, Apple reintroduced autoresizing masks. They are ideal for things like pinning a view to all the edges and stuff like that. For more complicated stuff you still need to use constraints.
Hey, I solved this problem by unchecking "User Interaction Enabled" on "Visual Effect View" and marked it on "View" under the parent. After that I wrote this: @IBAction func makeBlur(_ sender: Any) { animateIn() visualEffectView.isUserInteractionEnabled = true } @IBAction func dismissBlur(_ sender: Any) { animateOut() visualEffectView.isUserInteractionEnabled = false } I hope that will help you!
OMG. Such a hidden technique that I didn't know before. Drag and drop UIView onto the top bar of UIViewController in Storyboard, and setup UI from there to convey the sense that such UIView was meant to be used with this UIViewController. I often create a completely separate UIView, then load it from code although that UIView might be used with this UIViewController only. Good job!
Thanks Brian for a kick ass tutorial. I like that it's short and sweet. You make playing with Xcode and learning Swift fun then what I've seen so far. I'm a FAN.
Thanks for sharing such a tips as drag and drop to top bar, never heard of it before. Keep recording!!
Amazing and simple tutorial. Just what i am looking for. Thanks a bunch!
Super cool tutorial 🤙👊📱🤓 what if you have a longer tableview, scroll down a bit and then push a button to open the popup :( it opens way up within the first entire view of the screen. Is there a way to just pin the popup to the bottom or so? Can't figure it out. 🥴
This tutorial was really helpful for an app I am making! Thanks a lot!
Thats great to hear! Thanks man!
what a great tutorial. i always wondered how people do such animations. never new that code is so small.
@AR Ehsan
What app are you making? Just curious :)
Just an exercise app :)
Is it in app store now or are you still developing?
Dude your tutorial is amazing!!! So clear and concise!
hello sir, i hope you make a video about delegate protocol show PopUp (UIview) using TableViewCell. Clicking on item cell will show PopUp. Really looking forward to hearing from you.
You are awsome please upload more videos to help people enroll on this area.
Thank you Brian! I learned a lot from your amazing tutorials!
Could you please make a tutorial of how to select multiple images from photo library?
Thank you very much!
amazing tutorial, but i wanna ask something, did i really need a uiview to put item on top of that blurvieweffect? like for example i wanna put image on top of that blurView, can i just straight put my image on top of that blurView or i have to put that image on uiview just like you demonstrate?
Brian, It is awesome!
What do you recommend for a popup that displays information from an online database in it.
A view controller that presents ontop of the current viewcontroller without dismissing it using a presentation controller or a sub view like you did in the video?
If I use a viewcontroller there will be a problem dismissing the view controller that comes after the popup since the pop up view controller will still be displayed.
Your response is much appreciated! Thanks for the video :D
Great tutorial. Thanks Brian!
Thanks! Keep up the great work! Great video!
Thanks for the easy-to-follow tutorial. I like how you demonstrate something significant in such a short thing.
One issue is that the rest of the form is still active. There is only the + button, but shouldn't it be disabled, and the popup function like a modal form?
Brian, Thanks for yet another really cool video. If you wanted more that one button in the box is there an easy way to group them together in the animate in?
This was a great tutorial. Thank you Brian for taking the time to make it and post it.
Def. going to remember this for some of my future app designs. A++
Very helpful tutorial, even for total beginner! However, I spent some time wondering why this exact code does not work in Xcode 8 with Swift 3. I needed to replace:
effect = visualEffectView.effect
visualEffectView.effect = nil
with
visualEffectView.isHidden = true
and then
self.visualEffectView.effect = self.effect
with
visualEffectView.isHidden = false
So it is enough to just show/hide the visualEffectView.
Do you have any tips how to also blur navigation bar? I have "Connecting..." pop-up (witch Cancel button) for connecting to BLE device, but I can press the Back button in the navigation bar when in fact it should be blurred :(
this saved the program thank you
I love you man, thanks so much for this tutorial
Thank you for the video :) But sadly the blur effect doesn't work on a ARView correctly. Is there any alternative for that, or at least a way to darken the arview when the popup is visible?
Thanks v much Brian for this and all your help with your tutorials! Just to add something helpful, set self.visualeffectview.isUserInteractionEnabled = true for AnimateIN, and = false for animateOUT. in that way, if there are UI elements , buttons etc, behind the blur view once it loads, the user cannot press them and interact with them (they still can even though they are barely visible unless doing this trick). Many thanks again, you're the best!
thank you so much man ... saved me
Glad it helped
Ran into this issue as well when putting the button in the middle of the screen rather than in the navigation bar. I used Bojan's method of hiding the visualEffectView first and it worked. (It works best by putting it in the completion handler. If you put it in the animation the blur effect disappears too early.) Filippos method also works. From what I can tell, both display the same to the user
Can we make tab bar and navigation bar blurred also??
Great Tutorial Thanks
Thanks for your video. I have buttons under the UIVisualEffectView. If it is invisible, the buttons and textfields don't work :(
Thank you very much. It works like a charm :)
Thank you 🌹
Helpful tutorial 👍🏻
Yeah, you really cool, man! Thanks for video! :)
Fantastic tutorial!
thank you so much it was really helpful
wow so nicely done
Thank you for the useful tutorial! But when I place the visual effect on top of a button that I previuosly added, the button stop to work. If I reduce the area of the effect and keep the button out of its boundaries then it works again. How can I avoid that issue? I was looking for some kind of “move object to background” like Adobe Illustrator but without success
Hi Brian, can i also remove/apply the Blur Effect by just reducing the alpha of the mask to 0/1?
Thanks
How do I make a blur effect appear only on a certain part of an image? I have an app idea and in this app I want the user to be able to select a photo and paint over it with 2 colors. Once the user hits done the 1st color does nothing to the image and the 2nd color makes the area that was painted blurred (both colors do not appear after the user hits done) how do I separate the part of the image that was painted the 1st color from the part of the image that was painted with the 2nd color and blur that part without blurring the edges??? I mean keeping the edges sharp but blurred
thanks for this tutorial. i have a question. could you help me please? how can i open window in tableview? i should use table view for open popup.
You might find the following repo interesting: github.com/Backelite/MaryPopin
You could open up a MaryPopin in didSelectRowAtIndexPath
Thanks very much!
This is awesome.
Hi Brian! Thank you for an amazing tutorial!!
But I am having an issue with my program when I reach the 11th minute of the video.
When I try to run the app on iPhone6 after setting visualeffectview to nil, it throws an exception for the reason I am not aware of.
do you have an idea what could have happened considering that I strongly followed every step of the tutorial?
Thanks!
same problem, how did you fix it? if you remember
@@medoalmouhtadi930 sorry, I don't remember now... :(
Ashirgaziyev it’s actually fixed now 😃 thx anyways doe 🤙🏼
@@medoalmouhtadi930 great! What was the problem? how did you fix it?
Hi Brian, thanks for the tips ! But how make this effect on the nav bar too ?
You would need to put the visual effect view on top of everything which should probably be done in code.
But how is that done? Your video is great, don't get me wrong. It does exactly what you describe but most of the time, the popup will be over a usable interface with buttons and such. I had the problem Martin-Phillippe and Ufuk K (above) had. I couldn't touch any buttons because the blur was on top, even though hidden. I can move it higher so that it's above my buttons in the hierarchy but then the buttons don't blur and that's not what I wanted.
Could you put the blur view inside the pop up and still work?
what software are u using
I have placed this visual effect view on top of my wkwebview to blur the web view and focus attention on the popover. But this appears to prevent me from interacting with the webview. Any idea how to fix that?
Amazing!
How do I constrain this view to it's parent view ? Thanks
hello, how to set this pop view's constrain, if i change the device, width is too big. thanks
Thank you very much
Help! I dragged the Visual Effect View on, but the blur is not showing over my content at all :( Fortunately the popup animation is working beautifully.
You Rock!!! Thanks
Holy cow! Thank you!
Thanks for the awesome videos! I had no clue you could add subviews to that top bar in the interface builder. This is a game changer for me. Don't stop making videos!
Thanks a lot Matt!
I had no clue either - subview insight!!! Thank you so much! My storyboards thank you!
really fantastic video but as I ran my application i keep getting 'fatal error: unexpectedly found nil while unwrapping an Optional value' anybody know whats up? I am using latest version of xcode/swift 3. I have tried as Bojan pointed out below to do the changes as ishidden true and false instead of the self.visualEffectView.effect = self.effect but error persists anyway.
EDIT:
Actually I've worked it out, it was to do with unwrapping visualEffectView which you simply put as visualEffectView? instead.
now it runs without error but doesn't blur. Could it be because I have a map on the view controller? I was hoping it would blur out a map view and other bits.
Do you need a mac for this?
any clue how to do this on android studio? I result similar to longpressing an image in instagram? buttons and all
Brian, in my project I have a button in the middle of the main view, behind the visual effect view and I cannot press it. How do I completely remove it only display it when the button is pressed?
did you fix it ?
how to blur navigation bar also ???? any one help me
Hi Brain, It is a great tutorial but it doesn't work with my application. Blur view disabled all stepper and text field actions. If the button out of blur view cover area it works but anything under doesn't. Can you help me to fix this issue pls.
Did you fix it ?
Go to the Visual Effect View and in attributes uncheck user INteraction Enabled, Next go to its child View and make sure User Interaction is enabled
how can i add two different pop ups by same animation ?
Hey, for the line effect = visualEffectView.effect in viewDidLoad() im getting the error Thread 1: Fatal error: Unexpectedly found nil while unwrapping an Optional value, anyone know why/whats wrong?
The popup doesn't stay centered while device is rotation, how do I fix this? : (
When I rotate the device, position of this popup gets messed up (partially of the screen). It is possible to detect that change and reposition the popup? Maybe possible even with that cool animation which is used for other static elements in the UI?
I solved, added this to my class.
override func viewDidLayoutSubviews() {
super.viewDidLayoutSubviews()
// Device orientation could have just been changed - reposition the popup view if currently shown
if connectingView.isDescendant(of: self.view) {
connectingView.center = self.view.center
}
}
+Bojan Potočnik great to hear. You can also check out the follow video to learn how you can solve that by applying constraints in code th-cam.com/video/6EEMofQG93I/w-d-xo.html
What is self
Im having a problem, the pop up box takes too long to appear
Спасибо! :) Очень хорошо и понятно объясняешь.
P.S. извините за мой русский)
thanx brother
Amazing
How to do it generically.
How would the
effect = UIVisualEffectView.effect
VisualEffectView.effect = nil
work in Swift 3?
make sure you type
effect = visualEffectView.effect
visualEffectView.effect = nil (notUIVisualEffectView)
Did you find out the answer to this?
Hey Brian, I tried making a purchase by putting in the discount coupon, it says that the coupon has expired. :/
Hey Chaitanya,
thanks a lot! Could you try it one more time. It should work fine now.
Nope, Still not working mate.
+Chaitanya Ramji Could you try it one last time :) It should definitely work this time.
Why dontu use constraints?
With Xcode 8, Apple reintroduced autoresizing masks. They are ideal for things like pinning a view to all the edges and stuff like that. For more complicated stuff you still need to use constraints.
nothing works under Blur view :(
Hey, I solved this problem by unchecking "User Interaction Enabled" on "Visual Effect View" and marked it on "View" under the parent. After that I wrote this:
@IBAction func makeBlur(_ sender: Any) {
animateIn()
visualEffectView.isUserInteractionEnabled = true
}
@IBAction func dismissBlur(_ sender: Any) {
animateOut()
visualEffectView.isUserInteractionEnabled = false
}
I hope that will help you!
I think my wife would be upset with me if I bought that STD package. For those prices you’d think I’d need to see a doctor 😉