×
Namespaces

Variants
Actions

Coding4Fun - usando o controlo AboutPrompt

From Nokia Developer Wiki
Jump to: navigation, search

Este artigo mostra como aplicar o controlo "AboutPrompt" do Coding4Fun toolkit. Este control permite mostrar a informação “Sobre” ou “Acerca de” de uma aplicação Windows Phone.

WP Metro Icon UI.png
WP Metro Icon Tools.png
SignpostIcon XAML 40.png
WP Metro Icon WP8.png
SignpostIcon WP7 70px.png
Article Metadata

Exemplo de código
Código fonte: About Page Sample

Testado com
Aparelho(s): Nokia Lumia

Compatibilidade
Artigo
Tradução:
Por saramgsilva
Última alteração feita por hamishwillee em 25 Nov 2013


Introdução

O Coding4Fun Toolkit contém um controlo ‘‘‘AboutPrompt’’’, que é um popup para ajudar na rápida implementação da funciondalidade sobre a aplicação.


Este exemplo irá suportar:

  • Nome da aplicação
  • Versão da aplicação
  • Copyright
  • Sumário da aplicação
  • Referências web: website, suporte e políticas de privacidade

Tip.pngTip: Para uma implementação avançada e customizada, deve-se consultar o artigo Página avançada Sobre para aplicações de Windows Phone.

Implementação

Para começar devemos criar um projeto, que será independente do target que pretendemos, uma fez que esta funcionalidade é independente. Depois de criado o projecto, devemos instalar o pacotes do NuGet com as referências do Coding4Fun:

Coding4Fun installPackage.png



Comecemos por adicionar o controlo à nossa aplicação:

  private void BtnAboutClick(object sender, EventArgs e)
{
var aboutprompt = new AboutPrompt ();
aboutprompt.Show();
}

Em seguida, podemos “correr a aplicação”. Como se poderá analisar, o popup apresentado irá conter o Nome e a Versão. No entanto, poderemos adicionar mais informações.



Para adicionar mais informações, iremos criar um UserControl com a informação adicional, no final este controlo será atribuído à propriedade Body do controlo AboutPrompt.

Para manter a congruência entre exemplos, iremos ter como base o exemplo criado para o artigo Página avançada Sobre para aplicações de Windows Phone.


O controlo AboutControl.xaml irá ser definido da seguinte forma:

<UserControl x:Class="NokiaDev.AboutPageSample.Controls.AboutControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
d:DesignHeight="480" d:DesignWidth="480">
 
<Grid x:Name="LayoutRoot" Background="{StaticResource PhoneChromeBrush}">
<StackPanel Margin="0,-12,0,24">
<TextBlock Style="{StaticResource PhoneTextLargeStyle}" Text="by saramgsilva" />
 
<TextBlock Style="{StaticResource PhoneTextNormalStyle}"
FontSize="{StaticResource PhoneFontSizeMedium}"
Margin="12,12,0,0" FontWeight="Bold"
Text="Copyright (c) 2013 Nokia Developer Wiki." />
 
<TextBlock Style="{StaticResource PhoneTextNormalStyle}"
Margin="12,24,0,0" FontSize="{StaticResource PhoneFontSizeSmall}"
TextWrapping="Wrap">
This application show an 'About page' sample for Windows Phone applications.
<LineBreak/>See more about it, please see the following reference:
</TextBlock>
<HyperlinkButton NavigateUri="http://www.developer.nokia.com/Community/Wiki/About_page_for_Windows_Phone_applications"
Foreground="{StaticResource PhoneAccentBrush}"
TargetName="_new" FontSize="{StaticResource PhoneFontSizeSmall}"
HorizontalAlignment="Left"
Content="About page for Windows Phone applications" />
 
<TextBlock Style="{StaticResource PhoneTextNormalStyle}"
Margin="12,24,0,12" FontWeight="Bold"
Text="More informations:"
FontSize="{StaticResource PhoneFontSizeMedium}" />
 
<HyperlinkButton NavigateUri="http://www.developer.nokia.com/"
Foreground="{StaticResource PhoneAccentBrush}"
TargetName="_new"
HorizontalAlignment="Left"
Content="Website" />
 
<HyperlinkButton NavigateUri="http://www.developer.nokia.com/"
Foreground="{StaticResource PhoneAccentBrush}"
TargetName="_new"
HorizontalAlignment="Left"
Content="Support" />
 
<HyperlinkButton NavigateUri="http://www.developer.nokia.com/"
Foreground="{StaticResource PhoneAccentBrush}"
TargetName="_new"
HorizontalAlignment="Left"
Content="Privacy Policy" />
 
</StackPanel>
</Grid>
</UserControl>



A página principal, HomePage.xaml, será:


<phone:PhoneApplicationPage
x:Class="NokiaDev.AboutPageSample.Views.HomePage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d"
shell:SystemTray.IsVisible="True">
 
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
 
<!--TitlePanel contains the name of the application and page title-->
<StackPanel Grid.Row="0" Margin="12,17,0,28">
<TextBlock Text="Nokia Developer Wiki Samples" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock Text="Article" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
<TextBlock Text="About page for Windows Phone applications"
FontSize="{StaticResource PhoneFontSizeSmall}"
Foreground="{StaticResource PhoneAccentBrush}"
Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
 
</StackPanel>
 
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<phone:WebBrowser Source="http://www.developer.nokia.com/Community/Wiki/About_page_for_Windows_Phone_applications" />
</Grid>
</Grid>
 
<phone:PhoneApplicationPage.ApplicationBar>
<shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
<shell:ApplicationBarIconButton IconUri="/Images/appbar.about.png" Text="About" x:Name="btnAbout" Click="BtnAboutClick"/>
<shell:ApplicationBar.MenuItems>
<shell:ApplicationBarMenuItem x:Name="AboutMenuItem" Text="About" Click="BtnAboutClick"/>
</shell:ApplicationBar.MenuItems>
</shell:ApplicationBar>
</phone:PhoneApplicationPage.ApplicationBar>
</phone:PhoneApplicationPage>



Em code behind, no HomePage.xaml.cs, definimos o comportamento quando clicamos na apção “About”:


namespace NokiaDev.AboutPageSample.Views
{
using System;
 
using Coding4Fun.Toolkit.Controls;
 
using NokiaDev.AboutPageSample.Controls;
 
/// <summary>
/// The home page.
/// </summary>
public partial class HomePage
{
/// <summary>
/// Initializes a new instance of the <see cref="HomePage"/> class.
/// </summary>
public HomePage()
{
InitializeComponent();
}
 
/// <summary>
/// The button about click.
/// </summary>
/// <param name="sender">
/// The sender.
/// </param>
/// <param name="e">
/// The e.
/// </param>
private void BtnAboutClick(object sender, EventArgs e)
{
var aboutprompt = new AboutPrompt { Body = new AboutControl() };
aboutprompt.Show();
}
}
}

Note.pngNote: Este exemplo não implementa o padrão de desenvolvimento MVVM


O resultado final é o seguinte: The final result is as shown in the screenshot below:

“Sobre” ou “Acerca” a aplicação Windows Phone usando o controlo Coding4Fun

Referências

http://coding4fun.codeplex.com/

http://channel9.msdn.com/coding4fun

Coding4Fun Blog

This page was last modified on 25 November 2013, at 22:25.
57 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.

 

Thank you!

We appreciate your feedback.

×