I have developed Windows 8 application. and when I try to run it , to test it on another laptop ; the design got worst and everything appear in bad way.(Fonts, images, ..)
Is that related to the resolution ? If yes How I can solve it ?
How was your app developed? Is this a xaml/cs app or html/js app for windows 8 store apps? Is it in the store yet or only testing? Are multiple resolutions supported?
You'll want to test out various resolutions to see how your app handles them. Two links to test out here with your application:
Windows Store app Development Snack: Simulator tips & tricks
Scaling to different screensre
Another area to check is pixel density. Follow the guidelines for scaling to pixel density to ensure your app looks great when scaled.
Related
My app is ready for release so I need to make the required screenshots for App Store Connect. I use the CN1 simulator to do that.
Today Apple requires 4 screen sizes if the app is for both iPhones and iPads:
iPhone 6.5" 1284 x 2778
iPhone 5.5" 1242 x 2208
iPad Pro 3rd gen 12.9" 2048 x 2732
iPad Pro 2nd gen 12.9" 2048 x 2732
For 3 & 4 the CN1 skin 'iPadPro' can be used (and I can upload identical screenshots if I understand correctly), for 2 the skin 'iPhone8Plus' can be used, but which skin can be used for 1, the iPhone 6.5"?
From help.apple.com:
For iPhone, screenshots for 6.5-inch iPhone Xs Max and 5.5-inch
devices (iPhone 6s Plus, iPhone 7 Plus, iPhone 8 Plus) are required.
These screenshots will scale down for smaller device sizes.
Screenshot specifications:
6.5 inch (iPhone 12 Pro Max, iPhone 11 Pro Max, iPhone 11, iPhone XS Max, iPhone XR), 1284 x 2778 pixels (portrait), Required if app runs
on iPhone.
I don't see any appropriate skins in the CN1 skin download list. Is there one that can be used?
P.S. My app supports 8 languages and let's say I want to show 5 different screenshots, do I really have to provide 8 x 5 x 4 = 160 screenshots? How do other developers deal with this?
I suggest using one of the app screenshot generator companies like these to generate screenshots in the various resolutions for iOS/Android. There are many such companies you can search for, these are a few:
https://theapplaunchpad.com/
https://app-mockup.com/
https://www.appstorescreenshot.com/
https://launchkit.io/
https://play.google.com/store/apps/details?id=cn.gavinliu.snapmod&hl=en_US
This is the best approach as it will always work (even if a new phone comes out tomorrow or requirements change). Notice I'm not affiliated with any of these companies... I did use a few of them for our apps.
Making a skin isn't hard but isn't trivial either. I built a tool a while back that generates skins but it's unmaintained. I find it easier to just add a skin in the project directly here:
https://github.com/codenameone/codenameone-skins/tree/master/Phones/iPhoneX
See the iPhoneX skin. The main challenges here are:
Finding an image of the iPhone where the screen is actually in correct pixel proportions (this is surprisingly hard)
Then generating the images that represent the screen surface areas
Editing the properties file for correct font size, pixel density etc.
Then you can just add it to the bash script in the root/XML build and run the script to generate a skin file. Ideally also submit a PR to the project.
I'm not asking you to do that. I'm just not sure when we'll get around to this bug as there are many issues and tasks in queue and most people pick the first option for appstore submissions (or use physical device screenshots).
Is there a way to detect that Windows Mobile 10 transitioned into continuum mode?
The message-box on Windows Phone does not look anything like the one on Desktop and our designers want parity. I want to write our own version, but I only want it to work on Phone - I want the default one on desktop or when the app transitions to continuum on phone.
Any ideas?
I could not find anything on the web nor find any API that allows me to detect it.
I may be wrong but I don't think there is an API for Continuum. The idea of Continuum for Phone is that you're going from a fixed display size to something that is variable. The best way to detect this would be using the Visual State Triggers or checking if the size of the window has changed.
By also checking that the device family, AnalyticsInfo.VersionInfo.DeviceFamily, is Windows.Mobile, you'll know that you're using a phone device which is currently in the Continuum mode.
To detect if app is running in Continuum mode you'll need to check two things: DeviceFamily and UserInteractionMode.
public static bool IsInContinuum()
{
if (DeviceFamily() == DeviceFamilyType.Mobile && UIViewSettings.GetForCurrentView().UserInteractionMode == UserInteractionMode.Mouse)
return true;
else
return false;
}
Quote from this post:
"With Continuum, “touch” will always be returned when your app is on the mobile device, and “mouse” will always be returned when your app is on the connected display."
So you'll need to check if app runs in Continuum in SizeChanged event.
Due to MSDN Documentation Below,
There's no spesific trigger for Windows 10 Mobile continuum feature detection.
Continuum for Universal Apps
In order to find a solution on Mobile Apps, you can benefit from adaptive UI, you can check the app via screen resolution change Window.Current.SizeChanged, then you can combine with Device family AnalyticsInfo.VersionInfo.DeviceFamily to check if device is in Continuum mode.
Hi I am developing a Windows 8 C# / Xaml Metro application. I have taken grid template project and customized to my design requirement.
When I am testing the application in Windows 8 simulator it works fine, but when I run the application in Windows 8 desktop using VS2012 local machine option I am facing many problems.
If I am using standard resolution of 1366 * 768 it works fine.
If I am using a low resolution like 1280 * 720 etc (low end resolutions), the screen shrinking in many cases and it causes many problem, including irregular and inconsistent look.
My doubt is:
As per my knowledge is that Metro unique feature is to scale/render in different resolutions in same way, then why is it not able to achieve it properly?
Am I missing anything very important regarding Windows 8 Metro screen resolution?
How to make the Metro app work in different resolutions of desktop in same way and give a consistent look?
Please let me know.
Thanks in advance.
This MSDN article is an excellent source on how to scale your app:
Scaling To Different Screens
Points from the article that may be relavent to you:
The minimum screen resolution for an app is 1024 x 768. Your resolution above (1280 x 720) does not meet this minimum.
For the grid graphics - it may help if you provide the suggested sizes of (100%, 140%, and 180%). For example, for the standard grid size (250 x 250), you should provide images of the sizes of 250 x 250 (100%), 350 x 350 (140%), and 450 x 450 (180%). You have to use one of the two naming schemes (file name scheme, or folder name scheme) for your app to automatically select the size. For example, if your graphic in the xaml is named "mygraphic.jpg", then you can provide the scaled images named "mygraphic.scale-100.jpg", "mygraphic.scale-140.jpg", and "mygraphic.scale-180.jpg".
Since you are not very specific in indicating what is wrong, it is hard to suggest other things. Definitely take a look at the article.
Wrap your content panel in a Viewbox. It will scale the content to fill the available space.
i want to port one of my windows phone 7 apps to the windows 8 metro style plattform.
the problem is, that i need a element like the hubtile which i use from the silverlight toolkit for windows phone.
is there something equal in the windows 8 metro style platform? maybe open source like the silverlight toolkit.
i dont want to add the livetile outside my app, this is easy. i want to have something like hubtile for WP7 for win8. This means a tile which is inside my application.
If I'm right I'm planning to do the same task. I didn't find any reference of a control which performs like a HubTile. Thus, I decided importing the one from the Silverlight Toolkit (for Windows Phone). Luckily it worked almost smoothly, you can see my sample at:
https://github.com/hmadrigal/playground-dotnet/tree/master/MsWinPhone.EmbedFont (tested on Windows 8 RP and Visual Studio 2012 RC)
Kind regards,
Herber
you can work with the live tiles of course and in several ways. You can use badge notifications, toast notifications, and so on.
I'll suggest you to take a look to this documentation.
And also take a look to those two samples: App tiles and badge sample and Push and periodic notifications client-side sample
By the way don't forget to enable the features you need in the package manifest.
I was wondering if it's possible to show an app's live tile in my own MetroStyle app in Windows 8.
Short answer : no.
Longer answer : You can't show another app's live tile directly in your app, but you can probably put together something that looks and feels like a live tile. If the other app is another one of your apps, you can probably send your tile updates to the original app, and also provide the data to the host app (in which you want to show this tile). It shouldn't be too hard to do, and the Silverlight Toolkit for Windows Phone has a HubTile control that givers the basis of something similar for that platform.
If the app whose tile you want to access is not something you control, you won't be able to get any of the "live" data due to the heavily sandboxed nature of Metro apps.