iOS14 How to blurred widget background - widget

just like system batteries or Siri Shortcuts widget.

An Apple engineer replied to this question to say that it is currently impossible for 3rd party app developers to blur the backgrounds of their Widgets.
https://developer.apple.com/forums/thread/655990

Related

Is It Possible To Make a Transparent Google-Chrome Window?

The use-case for this feature would be for a video chat application. In the application a user can share their desktop screen, and over top of that we overlay a second transparent google-chrome window. This extra layer will display annotations made by remote participants directly onto the presenter's screen, for example remote participants could write notes, circle items, or point at items with their mouse-cursor.
This sort of collaborative screen-share functionality is currently possible (sort of) with Zoom, Tandem, and Around.co, however these are all native desktop applications, not web-apps that run in a browser. I was wondering if it would be possible to build something comparable within the Chrome browser?

Swipe activated core-drawer-panel?

I've thrown together a page based on the paper ui elements and love how mobile-friendly it is. But it does fall short with some functionality. For instance, I'd love for users to be able to swipe out the drawer of my core-drawer-panel, instead of using the button I'v provided on the toolbar.
What I'm looking for is along the lines of the Gmail app for Android.
Does anyone have an example page where this is used to good effect?
There is currently a pull request pending which will add swipe to open the drawer. See for details.
You can use a core-scaffold instead of core-drawer-panel

Limitations using Facebook Unity Integration on WebPlayer

we are using Facebook's Unity SDK on the Facebook Web Platform (using Unity WebPlayer).
We went for the non-html approach so we only provide the .unity3d file url. (Unity Integration button is active)
Using this method we have this three problems:
1) we find no way to customize the Unity loading screen. This method and this method only work using old html integration way.
2) on Windows platforms, any Facebook floating div, such as chat windows or search dialog result, make the game to be invisible. (if fact facebook javascript sent the game canvas to -10000 x-position)
3) we can't use a custom html tiled background image. We might change the background after Unity is loaded but the transition doesn't look good
My questions are:
Is is possible to solve them and still using Unity Integration method?
Do you suggest us to go for the old html integration method?
Thanks!
We are working to resolve this soon.
Unfortunately for certain browsers, Unity will always draw on top of everything. That means when chat windows pop up they would appear under the game. We try to keep the game around if this isn't the case.
Does Application.ExternalEval() with JS not work for you?
The benefits you get from using the Unity Integration is that:
the dialogs will appear in game, so your players won't be kicked out of fullscreen if they are there.
cross platform would be easier, as you don't have to integrate a different SDK if you also export to Android and iOS
don't have to manage the web page on canvas
Unless you want more DOM control directly through JS/HTML before the game loads, it's probably better to stick with the Unity Integration.
I hope that helps your decision making.

Are there any ActionScript 3 components/UI optimised for use in Adobe AIR touch/mobile applications?

I have been searching for about a week now and found such pure AS3 UI/components:
What I'm trying to create is (Adobe AIR mobile) options/settings menu for game and depending on the size/pixel density of a particular screen
may require scrolling down options, mimicking the scrolling lists of Android with visual indicator of list location and the visual clue when reaching the end of the list
with the inertia too
MinimalComps (minimalcomps.com)
Razorberry (razorberry.com/blog/components/)
But they are all optimised for mouse clicks and use scrollbars as the interaction area for example
(uses minimalcomps, try to use it in browser on mobile touchscreen, very fiddly to use, in fact had to zoom in just to get past the conditions screen(!!))
I've had no luck finding any information or tutorial to create menu system in Adobe AIR mobile in pure AS3 (it usually just links to Flex or AIR desktop applications)
I only found one example of game pure AS3 with source to show, http://blogs.adobe.com/cantrell/archives/2010/05/my_presentation_on_multiscreen_development.html
but it doesn't show you how to implement basic touch menus/UI or interface,
I've been meaning to give mad components a try, they look very promising. Not sure if they'll solve your particular problem, but they do seem to outperform a similarly equipped Flex app (based on other developer's comments ;)
Look at foxhole components :
source and example
And You can also look at this project i working on , its extension for MinimalComps that works like Flex display system and have databinding . With little style work and extend few components You can use it on touchscreens.
source: https://github.com/turbosqel/Extended-MinimalComps
example: http://turbosqel.pl/ExMinimalComps/simple/
Feathers UI powered by Starling (fully GPU-rendered UI)
Its officially supported by Adobe, 100% open source and skinnable. See apps and games that use it for their UI. Docs are here.
This is the recommended method as of 2014-2015. For example, foxhole components is now depreciated in favor of Feathers.

How can I most performantly display musical chord sheets in HTML5?

I am currently working on my final year project for my degree in Software Engineering. I have decided that my project will be to develop a web application using HTML5 that will display chord sheets in a web browser (specifically Google Chrome). The idea is that each member of a band might have some sort of device in front of them (iPad, laptop etc.) which can access the application where they can log in, view the chords for the songs as the progress through a set and add annotations which are stored in the database and then shown to the user each time the song is displayed on their screem.
However, I am having a problem with how best to display all this in a browser window. I want it to have a similar appearance to that of a PDF document displayed in a browser window in that the user is able to scroll horizontally and vertically and zoom in and out as if they were viewing a PDF document. Is using SVG graphics the best way to achieve this? Or is there another way?
Rendering speed is going to be important as the idea is that this will be a system that could potentially be used in live situation, and I need to make sure I keep page loading/rendering times as low as possible.
I would greatly appreciate any thoughts you have!
Check out Vexflow! It’s an open-source web-based music notation rendering API, written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 canvas and SVG.
Here’s a demo and here’s a tutorial.