XAML in Xamarin.Forms 基礎篇 電子書

XAML in Xamarin.Forms 基礎篇 電子書
XAML in Xamarin.Forms 基礎篇 電子書

Xamarin.Forms 快速入門 電子書

Xamarin.Forms 快速入門 電子書
Xamarin.Forms 快速入門 電子書

2017/02/01

Xamarin FAQ 2-001 : 如何變更導航工具列背景顏色

問題

當在設計一個具有導航頁面功能的應用程式時候,若想要變更導航工具列的背景顏色,以符合這個應用程式的視覺設計,該如何處理呢?

解答

想要設計一個具有導航頁面功能的應用程式,當然需要建立一個 NavigationPage 頁面,並且在 App.xaml.cs 這個 Xamarin.Forms 的進入點 Code Behind內的方法 OnInitialized,使用這個程式碼,告知這個應用程式,都具有導航頁面的功能 NavigationService.NavigateAsync("NaviPage/MainPage?title=Hello%20from%20Xamarin.Forms");
    public partial class App : PrismApplication
    {
        public App(IPlatformInitializer initializer = null) : base(initializer) { }

        protected override void OnInitialized()
        {
            InitializeComponent();

            NavigationService.NavigateAsync("NaviPage/MainPage?title=Hello%20from%20Xamarin.Forms");
        }

        protected override void RegisterTypes()
        {
            Container.RegisterTypeForNavigation<MainPage>();
            Container.RegisterTypeForNavigation<NaviPage>();
            Container.RegisterTypeForNavigation<Next1Page>();
        }
    }
接著,您需要在 NavigationPage 這個頁面中,指定使用 NavigationPage.BarBackgroundColor 來指定導航工具列的背景顏色。
<?xml version="1.0" encoding="utf-8" ?>
<NavigationPage xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
                prism:ViewModelLocator.AutowireViewModel="True"
                x:Class="XFNaviBarColor.Views.NaviPage"
                BarBackgroundColor="Gray"
                >
    <!--使用  NavigationPage.BarBackgroundColor 來指定導航工具列的背景顏色-->

</NavigationPage>
Xamarin-跨平台手機應用程式設計入門-粉絲團

沒有留言:

張貼留言