Techie Brains

how to add images from file location WPF

In this article am going to explain about navigation using XAML and C# in windows 8 Store Apps

















Step 3: Add another Xaml BlankPage1.Xaml.

private void Navigate_Tapped_1(object sender, TappedRoutedEventArgs e)
{
   Frame.Navigate(typeof(BlankPage1));
}

private void goForward_Tapped_1(object sender, TappedRoutedEventArgs e)
{
   if (Frame.CanGoForward)
   {
      Frame.GoForward();
   }
}

Step 5: Open BlankPage.Xaml add below code which has one TextBlock and a button.

<Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
   <TextBlock x:Name="pageTitle" Text="Page 2" Style="{StaticResource PageHeaderTextStyle}" Margin="0,0,30,450"/>
   <Button Content="Go to Page 1" x:Name="Navigate" Tapped="Navigate_Tapped_1"></Button></Grid>

Step 6: Place below code in BlankPage.Xaml.cs.

private void Navigate_Tapped_1(object sender, TappedRoutedEventArgs e)
{
   if (Frame.CanGoBack)
   {
      Frame.GoBack();
   }
}

Step 7: Now run the application, click of Go to Page 2 button as shown below.

Windows 8 Store Apps- App bar with C# and XAML


Today am going explain you Implementation of App bar in windows 8 store Apps with C# and XAML

private void Open_Click(object sender, RoutedEventArgs e)
{
   Action.Text = "Open File button of application bar clicked.";
}

private void Play_Click(object sender, RoutedEventArgs e)
{
   Action.Text = "Play button of application bar clicked.";
}

private void Pause_Click(object sender, RoutedEventArgs e)
{
   Action.Text = "Pause button of application bar clicked.";
}

private void makeSticky_Click_1(object sender, RoutedEventArgs e)
{
   Action.Text = "Clicking on screen won't hide the app bar.";
   bottomAppBar.IsSticky = true;
}

Step 12: Now run the application again. Click on Make AppBar sticky and open AppBar again. Now click on any place on the screen outside AppBar won't hind the AppBar.

From CodeBehind (MainPage.Xaml.cs)

public MainPage()
{
   this.InitializeComponent();
   bottomAppBar.Opened += bottomAppBar_Opened;
   bottomAppBar.Closed += bottomAppBar_Closed;
}

Or

From Xaml (MainPage.Xaml)

void bottomAppBar_Closed(object sender, object e)
{
   Action.Text = "Application Bar closed.";
}

void bottomAppBar_Opened(object sender, object e)
{
   Action.Text = "Application Bar opened.";
}

Step 15: Now run the application and you will notice corresponding event is getting triggered on Closed and Opened of AppBar.

This ends the article of creating AppBar using C# and Xaml.