Windows Phone 8图像超链接

Question

I started to develop some apps for WP8 and I have one question. so that's what i want to do: create a new button on xaml mainpage file. and when on click="butt1_Click" to show a new messagebox or something like this(maybe a new StackPanel) that will contain:

Item 1 , Item 2, Item 3.... I will try to explain this in xaml and if someone can transform the code in C#..

    <Hyperlink 
Content="Item 1" Name="HyperlinkImage"
FontSize="18" Width="175" Height="75" 
Margin="140,350,140,185" NavigateUri="/Assets/myimage.png/"/>

I will explain this in HTML, maybe that way someone will understand what I want to do:

<a href="/Assets/myimage.png/"> Item 1 </a>

Thanks Alot!

Here's a little image on what I'm plaining to do: http://img12.imageshack.us/img12/5769/zylk.jpg

Answer 1

Try something like this:

On MainPage.xaml add:

<StackPanel>
    <Button Content="Image 1" Tag="/Assets/AlignmentGrid.png" Click="ImageButtonClicked" />
    <Button Content="Image 2" Tag="/Assets/ApplicationIcon.png" Click="ImageButtonClicked" />
    <Button Content="Image 3" Tag="/Assets/Tiles/FlipCycleTileMedium.png" Click="ImageButtonClicked" />
</StackPanel>

(Note that all buttons have the same event handler)

In MainPage.xaml.cs add:

private void ImageButtonClicked(object sender, RoutedEventArgs e)
{
    NavigationService.Navigate(
        new Uri("/ImagePage.xaml?path=" + 
                HttpUtility.UrlEncode((sender as Button).Tag.ToString()),
                UriKind.Relative));
}

Add a page ImagePage.xaml and add the following to it:

<Image x:Name="TheImage" />

Then in ImagePage.xaml.cs

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    string path = "";

    if (NavigationContext.QueryString.TryGetValue("path", out path))
    {
        if (!string.IsNullOrWhiteSpace(path))
        {
            this.TheImage.Source =
                new BitmapImage(new Uri(path, UriKind.RelativeOrAbsolute));
        }
    }
}

This lets you define in the XAML the image to show on a separate page when the button is clicked.
Hope this helps.