Xamarin.Forms<三>

Page主要分为ContentPage、MasterDetailPage、NavigationPage、TabbedPage和CarouselPage。
ContentPage
一个单独的页面，可以放一个或多个控件，属于page里面是最底层的元素。

    /// <summary>
    /// ContentPage
    /// </summary>
    public class TestContentPage : ContentPage
    {
        public TestContentPage()
        {
            //隐藏上方的工具栏
            NavigationPage.SetHasNavigationBar(this, false);
            //该page绑定的Model类
            this.BindingContext = new TestModel();
            //该Page的显示内容
            this.Content = TestStackLayout();
            //该Page工具栏的Title显示
            this.Title = "Test页";
            //工具栏的工具
            ToolbarItem textToolbarItem1 = new ToolbarItem("Test", "test.jpg", () =>
            {
                DisplayAlert("工具", "you click this toolbar", "OK");
            }, 0, 0);

            ToolbarItem textToolbarItem2 = new ToolbarItem("Test", "test.jpg", () =>
            {
            }, 0, 0);
            //工具的点击事件绑定
            textToolbarItem2.SetBinding(ToolbarItem.CommandProperty, "SubmitCommand");

            this.ToolbarItems.Add(textToolbarItem1);
            this.ToolbarItems.Add(textToolbarItem2);
            //背景图片
            this.BackgroundImage = "test.jpg";
            //背景颜色
            this.BackgroundColor = Color.Blue;
        }

        /// <summary>
        /// stacklayout布局
        /// </summary>
        /// <returns></returns>
        public StackLayout TestStackLayout()
        {
            var textName = new Label
            {
            };
            textName.SetBinding(Label.TextProperty, "TestName");

            var textImage = new Image
            {
            };
            textImage.SetBinding(Image.SourceProperty, "ImageSource");

            var testViewCellSL = new StackLayout
            {
                Orientation = StackOrientation.Horizontal,
                Padding = new Thickness(5, 10, 20, 30),
                Spacing = 10,
                Children =
                {
                    textImage,
                    textName,
                },
            };
            return testViewCellSL;
        }
    }

MasterDetailPage
一个收缩页，一个详细显示信息页，这个研究的不太多，只是做个一个例子，感觉还不错。

可以参考：https://github.com/xamarin/xamarin-forms-samples/blob/master/FormsGallery/FormsGallery/FormsGallery/MasterDetailPageDemoPage.cs。

NavigationPage
一个page的堆栈，用做主界面的，打开一个新的page，往堆栈中压一个page，退出一个page，则从堆
栈中将最上层的page，即显示的page抛出去。

var pushBtn = new Button
            {
                Text = "Push",
            };
            pushBtn.Clicked += (sender, e) =>
                {
                    //压入一个页面
                    this.Navigation.PushAsync(new TestContentPage());
                };

            var popBtn = new Button
            {
                Text = "Pop",
            };
            popBtn.Clicked += (sender, e) =>
            {
                //抛出当前页面
                this.Navigation.PopAsync();
            };

TabbedPage
一个Tab一个Page，不过我感觉这个不太好使，用了一段时间就放弃了，Tab的位置是固定的，不能设置。

    /// <summary>
    /// TabbedPage
    /// </summary>
    public class TestTabbedPage : TabbedPage
    {
        public TestTabbedPage()
        {
             this.Children.Add(new TestContentPage(){Title = "First"});
             this.Children.Add(new TestContentPage(){Title = "Second"});
             this.Children.Add(new TestContentPage() { Title = "Third" });

             //刚进入显示的tab页
             this.SelectedItem = Children.Where(x=>x.Title == "Second").FirstOrDefault();
        }
    }

CarouselPage
多个滑动Page，这个还是可以的。属性与TabbedPage基本一致。

页面我都尝试过，不过最后还是主要放在了ContentPage和CarouselPage上。

官方网址：http://developer.xamarin.com/guides/cross-platform/xamarin-forms/controls/pages/