Total Newbie Question: How to display an image when a button is clicked?

Question

Simple enough. I created a button, that when clicked is to display an image. Just a simple jpeg or whatever.

From the Toolbox I dragged an "image" box over to the Designer, but from there I'm stumped. After doing all types of searches, none of the answers pertain to Windows 8, C# and Visual Studio 2012.

Please help! Thanks so much!

And question 2: Are their any online video tutorials on programming for Windows 8 in C#? I've found only stray ones on YouTube that only go so far. There were some wonderful ones for Windows Phone that were very helpful and I was curious if there were some for Windows 8 as well.

Answer 1

add this xaml into a Page

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Button
            Content="set image"
            Click="ButtonBase_OnClick"></Button>
        <Image x:Name="myImage" Grid.Row="1"></Image>
    </Grid>

and define the click handler in the code-behind file, like this..

        private void ButtonBase_OnClick(object sender, RoutedEventArgs e)
        {
            myImage.Source = new BitmapImage(new Uri("ms-appx:/Assets/Logo.png"));
        }

---

http://babaandthepigman.spaces.live.com/blog/

Answer 2

Question2

• Everything about Windows 8.

   

   

  1. http://channel9.msdn.com/Events/Windows-Camp/MSDN-Webcast-Series-Building-Windows-8-Metro-Style-Apps
  2. http://channel9.msdn.com/Events/Windows-Camp/Windows-8-Developer-Camp-On-Demand
  3. http://channel9.msdn.com/Events/Build/Build2011
  4. http://msdn.microsoft.com/en-US/windows/apps
• Windows 8 Dev Camp in a box
  1. http://www.microsoft.com/en-us/download/details.aspx?id=29854 (8 Sessions, contains documents which take you through each step)
  2. http://msdn.microsoft.com/en-us/jj206431  (Virtual labs which you can use to practice above)
• Windows 8 User experience training
  1. http://www.windowsuserexperiencetraining.com/sessions/wux-001.aspx
• Blogs to watch out for
  1. http://blogs.msdn.com/b/windowsappdev/
  2. http://timheuer.com/blog/  
  3. http://www.silverlightshow.net/

Answer 3

Thanks for the answers, guys!

Not there is one problem (likely just me) but when I did all of the code as shown, and tried to run it, I got an error:

"The type or namespace name 'Bitmapimage' could not be found (are you missing a using directive or an assembly reference?)"

I went over everything to make sure I didnt mis-type, so I completely stuck again.

Answer 4

Ah yes, you would need this line at the top of your code-behind file

using Windows.UI.Xaml.Media.Imaging;

---

http://babaandthepigman.spaces.live.com/blog/