iOS custom keyboard blur view as background - ios

This is really simple, but maybe not easy?
I'm trying to build a custom keyboard app for iOS, and so far I've made a concept work pretty well. But I really want to have the whole container/background view to be a blur view (frosted glass effect built in iOS), much like the system keyboard. It's very subtle, but I really want that effect.
Any idea how to apply it? Help!

One solution I found (which is great but not ideal) is to simply set the background color of the ViewController to transparent. By giving it a color with alpha = 0, it has the same color as the system keyboard background.
But this doesn't let you go any further in terms of transparency, so the blur is very subtle.

Related

Blurred / semi-transparent background in rich iOS10-notification's ViewController?

I'm working on advance notifications in iOS 10 for our app and have been asked by our designer, if I can do blurred/semi-transparent background for ViewController's part (like on the image below):
As you can see - behind the kitten it's possible to distinguish icons below the notification.
I've been trying some dummy ideas like set View's background to Clear (or semi-transparent color), etc. - but nothing worked.
Is it feasible? If yes - how can it be implemented?
Thanks!

Blur then focus Effect

I am making a single view application in Xcode and I am having a little trouble*(By little I mean BIG trouble!)
I wanted to make a clone of the Apple's News app home page where the buttons are are blurry than come to focus.I want to use that effect for three different ui elements.I have been trying for days but no success. :(
Is there a way of doing the blur than focus animation to a label a button And image view? If so can you please guide me on how to do it?
Thank you for your time.

How to access the system selected menu item blue color?

I'm working on an app that has a custom NSView on a NSStatusBar which performs all of the drawing when the user clicks it. But here's the problem, the color I'm currently drawing as the view's background color is not the same as the system blue color.
My app's color:
Twitter's menu item color (system):
As you clearly see, my blue color is way lighter than the system. This is the code I'm currently using (and worked perfectly on versions older than Yosemite):
[[NSColor selectedMenuItemColor] set];
NSRectFill(rect);
I've even tried color picking the menu item's color but it seems like the color is affected by the wallpaper below the menu bar.
Any ideas on how to achieve the system look?
As you said, in Yosemite, docks, status bars etc. are affected by whatever is behind them. Try enabling System Preferences > Accessibility > Display > Reduce Transparency and you'll see what your color looks like without this feature./
Here is an idea - Maybe you should use the Vibrancy effect and derive from NSVisualEffectView. I knew that I've seen a very similar thread somewhere here in the past, and it took me quite some time to find it. Here it is:
Trouble matching the vibrant background of a Yosemite NSMenuItem containing a custom view
I think Matthes' answer to that question would lead you to the resolution of your issue. Be sure to check it out. I hope it will help - Good luck and report back!

How to implement a real time iOS7 blur effect in the UITableViewCell's background

I want the UITableViewCell's background to have an iOS7 blur effect. It's dynamic, means, while the cell is scrolling, its blurred background should change depend on the color below.
I found some relative topics.
iPhone SDK - Frosted Glass (iOS 7 Blur) Effect. It introduce GPUImage. It about still image, I didn't figure out how to make a dynamic one.
iOS 7 dynamic blur effect like in Control Center. It use UIToolbar as the background of cell, taking advantage of system built-in blur effect. It works great, but just the transparency is a little low. I have adjusted the alpha of tool bar, but it doesn't ideal.
Just like you said, there is possibility to use UIToolbar to get real-time blur. Here is a little class to get desired modification of appearance:
https://github.com/ivoleko/ILTranslucentView

iOS; Is It Possible To Set An Animated Icon As A UITabController Icon?

I'm trying to figure out a nice way to add a "busy" animation to my app.
Since it's such a modeless app, I don't want the animation to be too obtrusive, but I think that animations in the top bar are way too easy to miss.
I'd like to set an animation in the UTIabBar of my app, indicating that the viewcontroller for that tab is busy.
I spend a lot of time generating animations (I use Adobe Illustrator or 3D modelers, and that can be a big task).
UITabController does some funky effects to icons, and I'm wondering if it would puke on an animated UIView.
Has anyone done this? Is it possible?
As a UITabBar, this is not practically possible, and would result in a pretty nauseous UI experience anyhow.
It might work better if you used subtly animated controls as part of a more general flamboyant UI - but tread carefully - aim for clarity above flashiness.

Resources