Translucent UI?
Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller
-
- Livecode Opensource Backer
- Posts: 211
- Joined: Sun Oct 24, 2010 12:13 am
Translucent UI?
I am beginning the process of updating my app (HAT by Cool Classroom Software) to look more "native" on iOS 7. One of the new features of iOS 7 is the translucent window that displays your settings in a nifty way - think "Control Center" on an iOS 7 iPhone. I know LiveCode can spoof that, but I'm wondering, is there now in 6.1.2 a built-in way to do this? Or are people just spoofing it? I've done a little bit of searching on this topic but come up empty so far.
Re: Translucent UI?
Not natively supported - you'll have to spoof it. A blended graphic object is probably the best way. I think the blur effect that Apple's own apps use isn't even available to iOS developers using xCode.
Gerry
Gerry
14" MacBook Pro
Former LiveCode developer.
Now recovering.
Former LiveCode developer.
Now recovering.
-
- Livecode Opensource Backer
- Posts: 211
- Joined: Sun Oct 24, 2010 12:13 am
Re: Translucent UI?
I'm pretty sure it's supported in XCode - They talk about how to use it in the iOS Human Interface Guidelines on the developer site. I'm thinking I would rather just do something different rather than try to fake the real thing - I don't think I can fake it well enough to fool people...
Re: Translucent UI?
Gerry is right about this.
Apple doesn't provide their own blur script to the developers, readily.
I'm not saying that it's not doable with Xcode; just it's not easy one-liner.
Try a search through StackOverFlow; there are a lot of guys discussing how to accomplish this.
There are a couple of plugins for Xcode, though, FXBlurView is one of them.
But neither of them is good for animating backgrounds.
That is; if the background is still, they do a good job;
but if there is a video or moving things in the background, that blur plug-ins' performances drop down significantly.
I'm not sure if it can be done in LiveCode; performance is the key, here.
Using a blurred background for the entire screen {see the attached image} is not that hard, I think.
Calling a blur script from the preOpenCard would do and with use of ImageMagick it may not delay the card's opening time.
But a sliding down-to-top blur view, like the "Control Center"?
Constantly taking snapshots of the screen, and blurring that portion in milliseconds as the blur view slides up with the finger's movement!
Do it with LiveCode and I'll pay for that; many of us would pay for that
~ Ender Nafi
...
..
.
Apple doesn't provide their own blur script to the developers, readily.
I'm not saying that it's not doable with Xcode; just it's not easy one-liner.
Try a search through StackOverFlow; there are a lot of guys discussing how to accomplish this.
There are a couple of plugins for Xcode, though, FXBlurView is one of them.
But neither of them is good for animating backgrounds.
That is; if the background is still, they do a good job;
but if there is a video or moving things in the background, that blur plug-ins' performances drop down significantly.
I'm not sure if it can be done in LiveCode; performance is the key, here.
Using a blurred background for the entire screen {see the attached image} is not that hard, I think.
Calling a blur script from the preOpenCard would do and with use of ImageMagick it may not delay the card's opening time.
But a sliding down-to-top blur view, like the "Control Center"?
Constantly taking snapshots of the screen, and blurring that portion in milliseconds as the blur view slides up with the finger's movement!
Do it with LiveCode and I'll pay for that; many of us would pay for that

~ Ender Nafi
...
..
.
~... together, we're smarter ...~
__________________________________________
macOS Sierra • LiveCode 7 & xCode 8
__________________________________________
macOS Sierra • LiveCode 7 & xCode 8
Re: Translucent UI?
There is a lesson showing how to blur an image. The downsize if that the algorithm is slow
http://lessons.runrev.com/s/lessons/m/4 ... r-an-image
http://lessons.runrev.com/s/lessons/m/4 ... r-an-image