xamarin.forms - 他のページをホストできる Xamarin ページを作成するにはどうすればよいですか?

Question

Windows Phone では使用されているが、Windows デスクトップでは使用できないコントロールをPage模倣する Xamarin クラスを作成したいと考えています。そのため、複数の子をホストし、一度に表示できるのは 1 つだけであり、ユーザーが子を切り替えることができる独自のコントロールも必要です。これについてどうすればいいですか？PivotTabbedPagePage

Answer 1

それは自分で書くしかないと思います。CarouselViewを使用し、それを Grid または AbsoluteLayout または RelativeLayout に追加します (つまり、背景に配置して、その上にタイトルのカルーセルを追加できるようにします。または、それをしたくない場合もあります。その場合は、単に垂直スタック レイアウトを使用します)。また、ナビゲーション用のカスタム コントロールを追加し、ページ タイトル カルーセルと実際のページ カルーセルの間で変更を同期する必要があります。

Answer 2

ビューでページをホストする方法に関するこのブログ投稿を見つけました。それに基づいて、次のビュークラスを作成しました。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;

namespace SGB
{
    public class PageView : View
    {
        public PageView()
        {
        }

        public static readonly BindableProperty ContentProperty = BindableProperty.Create<PageView,Page> (s => s.Content, null);

        public Page Content {
            get
            {
                return (Page)GetValue (ContentProperty); 
            }
            set
            { 
                SetValue (ContentProperty, value);
                LayoutContent();
            }
        }

        protected override void OnSizeAllocated(double width, double height)
        {
            base.OnSizeAllocated(width, height);
            LayoutContent();
        }

        private void LayoutContent()
        {
            if (Content != null)
            {
                Content.Layout(new Rectangle(0, 0, Width, Height));
            }
        }
    }
}

およびこのレンダラー クラス:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Windows.UI;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

using Xamarin.Forms;
using Xamarin.Forms.Platform.WinRT;

using Page = Xamarin.Forms.Page;

using SGB;

[assembly: ExportRenderer(typeof(PageView), typeof(SGB.Windows.PageViewRenderer))]
namespace SGB.Windows
{
    public class PageViewRenderer : ViewRenderer<PageView, FrameworkElement>
    {
        private Page currentPage;
        private FrameworkElement FrameworkElement;

        public PageViewRenderer()
            : base()
        {
        }

        protected override void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);

            if ((e.PropertyName == "Content") || (e.PropertyName == "Renderer"))
            {
                SetPage(((PageView)Element).Content);
            }
        }

        private void SetPage(Page page)
        {
            if (page == currentPage)
            {
                return;
            }

            if (currentPage != null)
            {
                ((IPageController)page).SendDisappearing();

                currentPage.Parent = null;
            }

            currentPage = page;

            if (page != null)
            {
                var renderer = page.GetOrCreateRenderer();
                FrameworkElement = renderer.ContainerElement;
                SetNativeControl(FrameworkElement);

                page.Parent = FindPage();

                ((IPageController)page).SendAppearing();
            }
        }

        private Page FindPage()
        {
            for (Element element = Element; element != null; element = element.Parent)
            {
                if (element is Page)
                {
                    return (Page)element;
                }
            }

            return null;
        }
    }
}

ContentPageこれで、 aを含む を作成でき、PageView必要なものが手に入りました。