Windows Phone Glance Features - Developer Access? - windows-phone-8

As a developer what WP Glance features can I program into my apps?
My phone tells me my current splashscreen isn't Glance compatible and nor are any of those of other apps on my phone. The fact this information is available suggests that it is possible to make such a splashscreen. Can we do this as ordinary developers, and if so, how? Or is it only for Microsoft and selected partners?
What about notifications on the Glance screen? Can we add those to our apps capabilities?

I managed to get the content of my wide tile onto the lock screen and onto the Glance screen, which will do me for now.
This is how I did it.
On my wide tile I have 3 lines of content. In TileAgent.ScheduledAgent.cs I set:
WideBackContent = "Line1" + "\n" + "Line2" + "\n" + "Line3";
This appears as the text content of my wide tile and after further changes to the project as 3 lines on the lock screen. On the glance screen the CRLFs get lost and it appears as one line.
To achieve this I added a lock screen icon to the project and made some changes to the app manifest file and that was it!
1) Lock Screen Icon
I created a 38x38 png file with just white and transparent pixels called LockImage.png and put it in the Assets directory immediately under the main project directory.
2) Update app manifest for Lock Screen Icon
In the
<Tokens><PrimaryToken><TemplateFlip>
section I set:
<DeviceLockImageURI IsRelative="true" IsResource="false">Assets\LockImage.png</DeviceLockImageURI>
3) Update app manifest for wide tile text on lock / glance screen
Immediately after the Tokens section I added:
<Extensions>
<Extension ExtensionName="LockScreen_Notification_TextField" ConsumerID="{111DFF24-AA15-4A96-8006-2BFF8122084F}" TaskID="_default" />
</Extensions>
4) On the phone
In Settings/Lock Screen there is a section:
notifications
Choose an app to show detailed status.
Here I chose my app and then my wide tile text appeared on the lock screen.
In settings / glance screen I set glance screen always on (you may want a less battery intensive mode).
Then under content where it says "Select notifications and other content from lock screen settings" I set "Detailed status notification" to "On"
I still get the message "Your current app does not work with glance screen" which is fine. My apps lock screen isn't used as the glance screen but the all important text appears albeit with the CRLFs removed.

Related

Flutter - Displaying Admob Adverts and Google Maps on the same screen

I have a flutter app utilising firebase_admob and google_maps_flutter.
These two packages do not seem to be able to coexist on the same screen.
My app displays an application wide Advert that sits underneath the Bottom Navigation bar and persists when different screens / widgets are displayed.
When the Google Map tab is selected, the advert disappears leaving blank space. It automatically reappears when you switch from the map tab. Although this is not a major problem it does look a bit dodgey!
I originally used the admob_flutter package but instead of closing the advert when the map screen was selected, the graphics for the entire app became corrupt, replacing images with black squares and rendering strange artefacts everywhere.
I was wondering if anyone had come across this issue and what they did to work around it.
I am currently on the master channel of flutter as this seems to have resolved some other issues I had with maps crashing the app entirely.
Thanks in advance.

What is the purpose of the badge logo in a Windows 10 Store application?

When using Visual Studio 2015 to make a Windows 10 Store application, the package manifest (Package.appxmanifest) lets you add a Badge Logo in 5 different resolutions. What is the Badge Logo for?
The badge logo images are used in some tile templates and on lock screen notifications. The badge is the small logo you often see next to a number on smaller tiles, for example showing an unread message count. On larger tiles this will appear in a corner.
See more at https://msdn.microsoft.com/en-gb/library/windows/apps/hh779719.aspx (yes this page is Win8 documentation but still applies.)

Changing badge logo for notifications on lock screen in Windows Store app

In the Package.appxmanifest under Notifications I have changed the badge logo to a new 24x24 pixel logo, but it seems like I'm stuck with the old logo on the lock screen no matter what.
In the manifest the new logo is declared:
<LockScreen Notification="badgeAndTileText" BadgeLogo="Assets\BadgeLogoNew.png" />
But it is still the old logo that is shown in the lock screen.
I have even searched my computer and deleted all instances of the old logo, but it is still shown in the lock screen.
If I deploy for remote debugging on a "clean" PC, the new badge logo is shown.
Any hints would be appreciated.
Solution found:
Change the app name in Package.appxmanifest and in Package.StoreAssociation, then deploy again and the new badge logo will be displayed on the lock screen. Remember to change back the app name.

Android application on Tizen

I am working on Tizen. Developing an application on Tizen which has been already developed by me on Android.
I have to place an image in the background.and then place button on it. Click on that button and receive its action in javascript.
How can I place image in the background.
Is their any way to transfer android application on Tizen platform.
Can we make our android application on Tizen?
background-image in CSS can do it.
E.g. put mesh_background_1280x720.jpg into images directory than fix your style.css:
body {
background-image: url("../images/mesh_background_1280x720.jpg");
}
For me this works.
You can do it by using Jquery Mobile.
.ui-icon-myapp-custom {
background: url("settings.png") no-repeat rgba(0, 0, 0, 0.4) !important;
}
in HTML,
<a href="#user_info" data-role="button" data-theme="b" data-iconpos="right" data-icon="myapp-custom" >
Custom Icon
</a>
For detail, check
http://jquerymobile.com/test/docs/buttons/buttons-icons.html
Currently there is no support in Tizen SDK to convert Android app to Tizen. But there is a way. A company Open Mobile developed ACL(Application Compatible Layer) for tizen. If you have Android app, you can submit it to them, they can convert it for Tizen. All application credit will be name on you. They will get a amount from samsung. Search ACL in Tizen store, you will find several application under ACL.
I can tell you how to do this using Tizen Native (WYSIWYG). If you are seeking a code based answer, then ignore this. HOWEVER, for those trying to learn and navigate within Tizen Studio this is very helpful!
Start Tizen Studio
File/New Tizen Project
Template / Next
Mobile / Next
Native Application / Next
UI Builder Single View (Bottom Left) / Next
In the Project Explorer (Top Left) open the tree to Layout / Layout.xml (Double click to open the Layout).
Choose Design Tab (Center)
In Palette , UI Container (just to right of center)
Drag "Grid" from the Palette onto your screen
In Properties Tab (far right or turn on: Window/ Show View/ Other/ choose properties OK)
Change Col Count to 720 and Row Count to 1280
Drag "Grid" from the Palette onto your screen
Now you should see more (22) UI Components
Drag "Background" from the Palette onto your screen
If it does not automatically resize (Hello BUG) then do the following. Drag to a little LARGER then your screen size (assuming HD, Look into this I think this is REQUIRED by the Tizen Store).
With Background highlighted, again go to Properties Tab, bottom Variation Attributes make:
Left 0, Top 0, Width 720, Height 1280. The first few times it will give you trouble until you figure out that the BG resized window can't go higher than the BLUE TOP and the window should be larger on the bottom, until you manually type in the CORRECT SIZE as shown above.
Now go to or open your Resource Tab (just drag and drop files here from Windows Explorer) and find your background image that you already RESIZED CORRECTLY in Adobe PS and used SAVE FOR WEB to reduce jpg file size.
Drag onto Background "layer" on your Screen.
For a button you can:
Drag "BUTTON" from UI components onto Background OR BETTER is to drag "IMAGE" from UI components onto Background...
Then drag and drop (PRE-MADE BUTTON from Adobe PS) image from the Resource Manager Tab onto the empty image place holder. You will have to resize it manually in the Properties Tab to get the correct proportions.
REPEAT for more Images and Buttons and Text since the built in text "Label" is horrible to say the least. You can always make any of these do Button Actions.
This is as far as I have come, now I need to learn how to program said buttons and actions.
Whew! This will save you many weeks!
Wish I had found a step by step like this!
Now where to post this?
IO
P.S. If you find this useful. Tick the little black up arrow to up vote this. Purely to help others, I receive no reward for "likes".

HTMLControl on WM 6.1 - VGA

I am facing trouble enabling "High Resolution" mode in WM6
Professional. I am using a HTMLView.dll to embed an HTMLControl in our
application. By default the "HTML" Shown is not in "High Resolution"
Mode - The App is appearing all zoomed up and as how it is displayed
in lesser resolution Emulators/devices.(QVGA)
I have already referred to a few links suggested from folks. Most of
the links point to https://learn.microsoft.com/en-us/previous-versions/aa454895(v=msdn.10)
which offers a solution to turn off the Emulation layer in WM6 by
adding a line to the resource file.
HI_RES_AWARE CEUX {1} // To turn off the emulation layer
This is because of an accepted bug - discussed at -
https://social.msdn.microsoft.com/Forums/en-US/4d3c837d-16f4-4ae4-acc2-96bb8d573111/htmlview-too-large-on-wm6-vga
Doing the HI_RES_AWARE didn't help as the view on the HTMLControl was
the same. I want to imitate the same functionality that IE Mobile does
when I select Menu->View->High Resolution, which does show the HTML
the way it's supposed to be shown (Smaller - so that more HTML View
screen is achieved).
I have already tried to modify the DTM_ZOOMLEVEL which I normally set
when an HTML is written to the HTMLControl - But even the least zoom
setting doesn't zoom out sufficiently. The view on the IE mobile's high
resolution mode is much better.
I have also tried getting the width and height of the screen by using
the GetDeviceCaps() method, but this only returns me the screen size,
which will at the max help me to modify my created window's size.
The issue that I am facing is how to enable the high resolution mode
automatically on my html pages (here I am not creating the UI for
mobile device, it's only the html page).
Any pointers?
I've researched a lot and from the resources and my experience. You're stuck with a QVGA resolution for the HTML Control on WM 6.1 - it's like hardcoded from Microsoft.
No point in dragging your quest forward. End it and re-design your UI to look good on QVGA resolution.