= $u_time + 86400) { $modifiedDate = get_the_modified_time('F jS, Y'); echo 'Última modificación: '.$modifiedDate.''; } }?>

Progress Ring en Windows y Windows Phone

Mostrar un “Progress Ring” al cargar datos advierte al usuario de que la aplicación esta “haciendo cosas”, y así no tiene la sensación de que se ha quedado parada.

En este caso vamos a añadir un Progress Ring con un mensaje de la siguiente manera:

<ProgressRing IsActive="{Binding LoadingResultsProgressRing,Mode=TwoWay}"
  Visibility="{Binding LoadingResultsProgressRing,Mode=TwoWay,
      Converter={StaticResource BoolToVisibility}}"                 
  Style="{StaticResource ProgressRingStyle}" />
  <TextBlock Text="?Cargando Datos" x:Uid="DataLoading"
      Style="{StaticResource BS_TextBlockBlueTitle}"/>

Tanto la visibilidad como si esta activo o no el componente lo vamos a controlar mediante una propiedad de tipo  bool desde la View Model: “LoadingResultsProgressRing”

Los posibles valores que adquiere la propiedad Visibility son: Visible y Collapse, por lo que vamos a necesitar un Converter que tranforme nuestro valor de tipo bool.

    public class BooleanToNegationVisibilityConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, 
         object parameter, string language)
        {
            return (value is bool && (bool)value) ? 
                Visibility.Visible: Visibility.Collapsed;
        }

        public object ConvertBack(object value, Type targetType, 
          object parameter, string language)
        {
            return value is Visibility && 
              (Visibility)value == Visibility.Visible;
        }
    }

 

Finalmente, un estilo para nuestro Progress Ring

<Style x:Key="BS_TextBlockBlueTitle" TargetType="TextBlock"
    BasedOn="{StaticResource BS_TextBlock}">
    <Setter Property="Foreground" Value="{StaticResource Blue}" />
    <Setter Property="FontSize" Value="{StaticResource BS_FontSizeTitle}" />
</Style>
<SolidColorBrush x:Key="Blue"
   Color="{StaticResource BlueColor}"></SolidColorBrush>
<Color x:Key="BlueSabadellColor">#FF0099CC</Color>

 

Leave a Reply

Your email address will not be published. Required fields are marked *