How change System Bar Progress Indicator Color in Windows Phone 8.1 (Windows Runtime, Universal) - xaml

How change System Bar Progress Indicator Color in Windows Phone 8.1 (Windows Runtime, Univesal) like Facebook Beta App.
Image:
http://imgur.com/4Mm4SWV
Obs.:
1 - The phone accent color it's not white (FGS)...
2 - The foreground color in system bar was already hooked to white...
3 - I already tried change the App.Resources like "PhoneAccentColor" and nothing...

Edit: Understood question incorrectly. Will get back when I find a solution.
To achieve that you have to change the StatusBar ForegroundColor property. Since there is no way to change it through XAML, it has to be done through code behind like so:
StatusBar statusBar = StatusBar.GetForCurrentView();
statusbar.ForegroundColor = Colors.Black;
///And then show or hide the Progressindicator like so
await statusBar.ProgressIndicator.ShowAsync();
await statusBar.ProgressIndicator.HideAsync();
I'm using this and it works perfectly.
For more info on the StatusBar (and it's baked in ProgressIndicator) check out these blog posts by Shawn Kendrot:
Differences between the new StatusBar in Windows Phone XAML Apps and the SystemTray
Showing the system ProgressIndicator in a Windows Phone 8.1 XAML app

Related

Hide status bar in Windows Phone 8.1 with XAML

I'm trying to hide status bar in Windows Phone 8.1. I see a thread to do this (Hide Status bar in Windows Phone 8.1 Universal Apps), but this is C#. I would like to hide this status bar in XAML. Reason is that Expression doesn't detect the code in class constructor. When I launch the app all is working, but in Blend it still display the status bar, and so I can't make correctly the design...
My question is : Is there a way to hide status bar in XAML (via a property in Page tag or other) ? Or it is possible to force Blend to detect whatever I write in constructor ?
Thanks you
There is no way to hide the status bar in XAML.
But you can hide it in Expression Blend.
Look to the Device Tab and then unselect the Show Status Bar tick as shown in the picture.

Windows Universal App Message Dialog with Progress Bar

I have a progress bar user control that I would like to act like a MessageDialog so that it blocks the screen until the progress bar is 100%. Does anyone have a suggested way of doing this or a good example? Thanks!
I ended up using the Callisto library with the Custom Dialog that mimics the MessageDialog behavior. Here is an example/reference: https://github.com/timheuer/callisto/wiki/CustomDialog
As far as I can understand you are using UWP (Windows 10), then you can use ContentDialog. You can put any content in it, including the progress bar.

White Border Brush On AppBarButton - Windows Phone 8.1 (Runtime / Universal App)

this is only happening in Windows Phone 8.1 Preview for Developers, so I think it's a bug. I'm looking for some workaround.
The AppBarButtons are with a white border brush while focusing, take a look in the bottom of the image:
I noticed this only happens when I override CommandBarForegroundThemeBrush, in my case to Black, and the phone theme is Black. When the phone theme is White, the border is black.
If someone know any workaround please tell me. Or the right place to submit this issue to the wp team.
I tried changing a lot of resources, including FocusVisualBlackStrokeThemeBrush and FocusVisualWhiteStrokeThemeBrush, but it has no effect.
Thanks.
I've had this issue with a couple apps and just request it for the whole application on start in the App.xaml.cs constructor.
public App()
{
this.RequestedTheme = ApplicationTheme.Dark;
this.InitializeComponent();
this.Suspending += this.OnSuspending;
}

How to provide windows 8 color theme for Metro app Listview?

I am developing a windows 8 metro app in which I styled my Xaml listview using StandardStyles.Xaml and changed its Selection color. Now I want to alter it like to change its selection color based on windows theme. ie) If you are changing to a theme in windows 8 its corresponding listview also will change its selection color. Ex): PC Settings. how can I get this? also I want to hide the selection tick mark in listview if possible?

Windows 8 metro UI: what is a new place for tray notification icons?

Before windows 8, if application want to non-intrusively inform user that something happens, it displays tray icon, maybe animated. For example, if e-mail application finds a new e-mail, it displays a new tray icon (outlook) or animate it's own icon in tray (all other e-mail clients).
With new Windows 8 Metro UI it's a new screen with tiles that supposed to be a main thing user will use to launch and switch apps. Where is no tray area in this mode, but many other things - charms area, something like status area that displays clock and battery usage etc.
According to Microsoft Metro UI design guides - what is the new place for poor e-mail app notification icon?
I think what you want is a notification. There are three kinds of notifications: a tile update, a badge update on the tile or a "toast" in the upper right corner of the screen (when in another application). The various options for these types of notifications are listed here.
The new place to let someone know your app has updated information is the tile itself.
These are called "Live Tiles" because they're intended to be dynamic, and change as new data becomes available.
http://www.winsupersite.com/article/windows8/windows-8-feature-focus-tiles-143175