XAMARIN FORMS Aula 18 - Cor da StatusBar e da Navbar

Vamos continuar nosso projeto de banco de dados na nossa aula de Xamarin Forms. Hoje, vamos finalizar a interface das áreas de login e criação de acesso. Para isso vamos mudar a cor da barra de navegação (naviBar, navigationbar) e da barra de status do Andoroid (statusbar).

Aula indispensável para continuarmos nosso projeto de app no Xamarin forms com banco de dados.

Código para a página CriarAcesso:

<Grid>

            <StackLayout>

                <!-- Titulo -->

                <StackLayout Padding="80" VerticalOptions="Start" HorizontalOptions="Center">

                    <Label Text="CRIAR ACESSO" FontSize="Title" TextColor="Black" FontAttributes="Bold"/>

                </StackLayout>

                <!-- Tela de criação -->

                <StackLayout VerticalOptions="Center">

                    <Frame BackgroundColor="Transparent" Margin="20">

                        <StackLayout>

                            <Label Text="E-mail" FontSize="Body" TextColor="Black" HorizontalOptions="Start"/>

                            <Entry x:Name="TXTCriarEmail" Keyboard="Email" ReturnType="Next"

                           ClearButtonVisibility="WhileEditing"/>

                            <Label Text="Senha" FontSize="Body" TextColor="Black" HorizontalOptions="Start"/>

                            <Entry x:Name="TXTCriarSenha" Keyboard="Default" ReturnType="Next" IsPassword="True"

                           ClearButtonVisibility="WhileEditing" />

                            <Label Text="Confirmar Senha" FontSize="Body" TextColor="Black" HorizontalOptions="Start"/>

                            <Entry x:Name="TXTConfirmarSenha" Keyboard="Default" ReturnType="Done" IsPassword="True"

                           ClearButtonVisibility="WhileEditing" />

                        </StackLayout>

                    </Frame>

                    <Button x:Name="BTNCriarAcesso" Text="Criar" BackgroundColor="Black" TextColor="White"

                    CornerRadius="20" HorizontalOptions="Center"/>

                    <Button x:Name="BTNCancelar" Text="Cancelar"

                    FontAttributes="Italic" TextTransform="None"

                    BackgroundColor="Transparent" TextColor="Red" 

                    CornerRadius="20" HorizontalOptions="Center"/>

                </StackLayout>

            </StackLayout>

            <BoxView x:Name="BVTelaPreta" Color="Black" Opacity="0.5" IsVisible="false"/>

            <ActivityIndicator x:Name="ACTRoda" Color="white" IsVisible="false" IsRunning="False" Scale="0.2"/>

        </Grid>

Código para a página Sobre:

<StackLayout HorizontalOptions="Center" VerticalOptions="Center">

            <Image Source="newbie_badge.png"/>

            <Label Text="Criado por: Elias Ribeiro&#10;contato@newbieaulas.com.br&#10;newbieaulas.com.br"

                   TextColor="Black" FontSize="Large"

                   HorizontalTextAlignment="Center"

                   />

        </StackLayout>

Código da Navigation Bar:

<ResourceDictionary>

            <Color x:Key="Primary">transparent</Color>

            <Style TargetType="NavigationPage">

                <Setter Property="BarBackgroundColor" Value="{StaticResource Primary}" />

                <Setter Property="BarTextColor" Value="Black" />

            </Style>

        </ResourceDictionary>

Abraços e até a próxima!

Seja meu patrão: https://www.patreon.com/newbieaulas/

Para encontrar mais aulas como esta, ou outras diferentes, acesse nosso índice clicando aqui!