locked
How to show an indication of a bottom appBar ?

    Question

  • I want to show an indicator of an app bar like the one below ,its found on the email app

    19karabo91

    Friday, November 07, 2014 7:08 AM

Answers

  • I think it's not only Appbar. check the code as below:

    <Page
        x:Class="indicationAppbar.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:indicationAppbar"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d">
    
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Grid.RowDefinitions >
                <RowDefinition Height="*"/>
                <RowDefinition Height="12"/>
            </Grid.RowDefinitions>
            <Grid Grid.Row="1" Background="Blue" Tapped="Grid_Tapped" >
                <TextBlock Text="******" HorizontalAlignment="Right"  />
            </Grid>
        </Grid>
        <Page.BottomAppBar >
            <CommandBar Background="Blue" >
                <AppBarButton Icon="Add" Label="Add"/>
            </CommandBar>
        </Page.BottomAppBar>
    </Page>
    

        public sealed partial class MainPage : Page
        {
            public MainPage()
            {
                this.InitializeComponent();
            }
    
            private void Grid_Tapped(object sender, TappedRoutedEventArgs e)
            {
                this.BottomAppBar.IsOpen = true;
            }
        }


    在現實生活中,你和誰在一起的確很重要,甚至能改變你的成長軌跡,決定你的人生成敗。 和什麼樣的人在一起,就會有什麼樣的人生。 和勤奮的人在一起,你不會懶惰; 和積極的人在一起,你不會消沈; 與智者同行,你會不同凡響; 與高人為伍,你能登上巔峰。

    Friday, November 07, 2014 7:58 AM