I want to create an application that has multiple touch surfaces, preferably using the Metro/WinRT APIs. However, much of what I've read indicates that Metro is confined to a single (primary?) monitor. Is that true?
Metro style applications are full screen, single screen only. There is no way to have a dual-screen application.
I have tested Win8 with multiple monitors. The metro interface is only ever available on a single monitor, with the othe always displaying the 'traditional' desktop. You can switch which monitor displays the metro UI, but cannot render it on both.
Microsoft heard this request and added multi-monitor support to Windows 8.1. See the Windows.UI.ViewManagement namespace, specifically the ProjectionManager and ApplicationViewSwitcher classes. There's also a Projection sample for this.
Related
Flipborad mobile app has a unique style, the screen will split in two half and the lower part will rotate on the upper part.
Can any one give some hint how to develop such a thing with HTML5 for Hybrid mobile apps?
I think this might be of use
http://engineering.flipboard.com/2015/02/mobile-web/
Flipboard is using react to render layout on canvas. That's why it's so quick and gives unlimited possibilities. However it's not very accessible unless you put a lot of effort into that.
These jquery.mobile-1.4.2.min.js and jquery-1.10.2.min.js are auto included in all of my HTML pages, while developing the UI screens using jquery mobile.
But this Auto-added JS files causes a delay/sluggishness while navigating between the multiple screens.
Is there any way to improve the sluggish behaviour?
I've used the Worklight 6.1 project you've emailed me, added the Android environment to it and ran it in the Android Emulator(!) (with API level 19 - Android 4.4) and did not observe any sluggishness.
In fact, your application does not even contain any animations. The pages simply switch from one to another. So, no slowness even in the emulator...
You'll need to create a test case application demonstrating what you are referring to because right now it is not reproducible. Also mention if you are testing it on a device or not - which device model and which Android version.
I'm developing a win8 / winrt xaml app. In my app I need to know if the orientation of the tablet is vertical or horizzontal..
Where can I find this information? I tried to use ActualWidth and ActualHeight properties but without any success.
I try to take a look at:
Frame
Application
Window
But I can't find what I'm looking for!
Any suggestion?
static property Windows.UI.ViewManagement.ApplicationView.Value will return the following values.
FullScreenLandscape
Filled
Snapped
FullScreenPortrait
Actually, since the ApplicationView.Value is deprecated in Windows 8.1, I'd recommend not using that for your app now. DisplayProperties provides some data here in their API. Also, depending on your scenario you may not want to think only about the device orientation but the Window size itself that your app is in. In Win8.1 since you can have 50/50 split, your app may be in a "taller than wider" viewport which effectively is a portrait view as well.
If your app relies on knowing portrait to make assumptions about edges of the physical device, then that is different, but consider looking at Window size and determining if "taller than wider" is a good indication for your app and use that to trigger any changes.
I am working on a web app that will be run off a local server on Windows 8 on Chrome. Unfortunately, Chrome doesn't seem to handle touch events very well. For example, often instead of clicking on a button, it will select it instead. Is there any way I can make it behave more like native touchscreen apps do?
I can't make it a metro app because I need to talk to a Python service.
I've done some testing in Chrome with a touch screen and don't seem to run into this issue (of course not doubting you are though!). If you have a site I'd be more than happy to check it out.
One option is to try scaling the content larger, I'm wondering if your touch surface is very sensitive to tiny movements upon touch and treating it as a touch/scroll ie select. Try a simple test in the browser to start by increasing the size before trying any css scaling transforms (which I'm not sure how in this how well that approach would even work)
What type of hardware is it being tested on?
Can you elaborate a bit more on the python service? What part of the service makes it so you can't interact with it? Is it just an http service object or something else?
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.