Page 1 of 1

Translucent UI?

Posted: Sun Oct 20, 2013 4:06 pm
by richardmac
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?

Posted: Mon Oct 21, 2013 6:18 am
by Jellicle
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

Re: Translucent UI?

Posted: Wed Oct 23, 2013 6:11 pm
by richardmac
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?

Posted: Tue Nov 12, 2013 1:36 am
by endernafi
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 8)


~ Ender Nafi

...
..
.

Re: Translucent UI?

Posted: Fri Feb 21, 2014 10:13 pm
by ekek
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