如何使用社区工具包 NuGet Package 中的 TabView 重新创建此处展示的设计？ （详情中提供链接）

Question

我在重现此处链接中提供的设计时遇到问题： Extending TabbedPage in Xamarin Forms

我从头开始创建了一个项目并使用了提供的所有片段。 我在共享项目中创建了一个文件夹，并添加了一个继承 TabbedPage 的 class。 在 Android 项目中，我创建了一个 CustomRenderer 文件夹，其中包含最后一个片段，它在所选选项卡项下添加了一行：

public class ExtendedTabbedPageRenderer : TabbedPageRenderer
    {
        Xamarin.Forms.TabbedPage tabbedPage;
        BottomNavigationView bottomNavigationView;
        private bool firstTime = true;

        protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.TabbedPage> e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null)
            {
                tabbedPage = e.NewElement as ExtendedTabbedPage;
                bottomNavigationView = (GetChildAt(0) as Android.Widget.RelativeLayout).GetChildAt(1) as BottomNavigationView;
                bottomNavigationView.NavigationItemSelected += BottomNavigationView_NavigationItemSelected;
            }

        }
       
        protected override void OnLayout(bool changed, int l, int t, int r, int b)
        {
            base.OnLayout(changed, l, t, r, b);
           
            if (firstTime && bottomNavigationView != null)
            {
                for (int i = 0; i < Element.Children.Count; i++)
                {
                    var item = bottomNavigationView.Menu.GetItem(i);
                    if (bottomNavigationView.SelectedItemId == item.ItemId)
                    {
                        SetupBottomNavigationView(item);
                        break;
                    }
                }
                firstTime = false;
            }
        }

        void BottomNavigationView_NavigationItemSelected(object sender, BottomNavigationView.NavigationItemSelectedEventArgs e)
        {
            SetupBottomNavigationView(e.Item);
            this.OnNavigationItemSelected(e.Item);
        }

        //Adding line view
        void SetupBottomNavigationView(IMenuItem item)
        {
            int lineBottomOffset = 8;
            int lineWidth = 4;
            int itemHeight = bottomNavigationView.Height - lineBottomOffset;
            int itemWidth = (bottomNavigationView.Width / Element.Children.Count);
            int leftOffset = item.ItemId * itemWidth;
            int rightOffset = itemWidth * (Element.Children.Count - (item.ItemId + 1));
            GradientDrawable bottomLine = new GradientDrawable();
            bottomLine.SetShape(ShapeType.Line);
            bottomLine.SetStroke(lineWidth, Xamarin.Forms.Color.DarkGray.ToAndroid());

            var layerDrawable = new LayerDrawable(new Drawable[] { bottomLine });
            layerDrawable.SetLayerInset(0, leftOffset, itemHeight, rightOffset, 0);

            bottomNavigationView.SetBackground(layerDrawable);
        } 
}

但无济于事，如果我运行该项目，我看不到对 TabbedPage 所做的任何更改。

如果可能的话，我想按照问题标题中的说明使用 TabView 重新创建此设计，或者至少了解我在这里做错了什么。

谁能帮我解决问题？ 我还可以提供我的项目结构，以帮助您更好地理解我的问题。 提前致谢，非常感谢任何回复。

Answer 1

如果您查看那篇 xamgirl 文章的示例源代码，您会发现它们省略了 ESSENTIAL 行[assembly: ExportRenderer(...在命名空间声明之前：

using Xamarin.Forms;
using CustomTabbedPage.Droid;

[assembly: ExportRenderer(typeof(ExtendedTabbedPage), typeof(ExtendedTabbedPageRenderer))]
namespace CustomTabbedPage.Droid
{
    public class ExtendedTabbedPageRenderer : TabbedPageRenderer

如果没有该行，Xamarin 将不知道使用您的自定义渲染器。

如果名称不同，请替换ExtendedTabbedPage和ExtendedTabbedPageRenderer的名称。

将CustomTabbedPage.Droid替换为自定义渲染器文件中的命名空间。 请注意，这也必须在using...;

---

重要提示：正如所写，此渲染器将不会用于TabbedPage class。

它只会用于ExtendedTabbedPage: TabbedPage class。

有关使用它的示例，请参阅文章或其来源。

IIRC，要将它用于您应用中的所有TabbedPage ，请将该基本行更改为：

[assembly: ExportRenderer(typeof(TabbedPage), typeof(ExtendedTabbedPageRenderer))]