7. Labor segédanyagok

Források

Snippet 01. RecipeDetailsPage - Pictures section and progress controls

<HubSection Header="Pictures" 
            x:Uid="PicturesSection"
            Padding="{StaticResource FirstHubSectionPadding}" 
            HeaderTemplate="{StaticResource HubSectionHeaderTemplate}">
    <DataTemplate>
        <StackPanel Orientation="Vertical">
            <ContentControl ContentTemplate="{StaticResource ExtraImagesTemplate}" Content="{Binding}"/>
            <Grid Visibility="{Binding IsDownloadInProgress, 
                                       Converter={StaticResource BoolToVisibilityConverter}}"
                  Margin="0,30,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>

                <ProgressBar Minimum="0" Maximum="100"
                             Foreground="Aquamarine" 
                             Value="{Binding DownloadProgress}"
                             Margin="0,0,20,0"/>
                <AppBarButton Grid.Column="1" IsCompact="True" Icon="Cancel" 
                              Command="{Binding CancelDownloadCommand}"/>
            </Grid>
        </StackPanel>
    </DataTemplate>
</HubSection>

Snippet 02. RecipeDetailsPageViewModel - Progress properties

private bool _isDownloadInProgress;
public bool IsDownloadInProgress
{
    get { return _isDownloadInProgress; }
    set { SetProperty(ref _isDownloadInProgress, value); }
}

private double _downloadProgress;
public double DownloadProgress
{
    get { return _downloadProgress; }
    set { SetProperty(ref _downloadProgress, value); }
}