Question

我对Xaml很新，我遇到了一个问题。我想在我的应用程序中使用FontAwesome图标，并在完成教程后，我可以以编程方式使用图标（代码如下）。

Content = new StackLayout
            {
                Children = {
                    new FontIcon(FontIcon.Icon.Globe) {TextColor=Color.Red }
                  },
                VerticalOptions = LayoutOptions.CenterAndExpand,
                HorizontalOptions = LayoutOptions.CenterAndExpand,
            };

但是，当我尝试在Xaml中实现它时 - 它会崩溃我的应用程序。

共享类扩展标签的代码：

using Xamarin.Forms;

namespace myApp.Fonts
{
    public class FontIcon : Label
    {
        public const string Typeface = "FontAwesome";

        public FontIcon(string faIcon = null)
        {
            FontFamily = Typeface;  
            Text = faIcon;
        }

        public static class Icon
        {
            public static readonly string Gear = "";
            public static readonly string Globe = "\uf000";
        }
    }
}

Xaml代码...请注意，我已经在使用xmlns：local代替另一个类

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="myApp.TestPage"
             xmlns:ctt="clr-namespace:myApp.Fonts">


<ctt:FontIcon  FontIcon ="\uf000" VerticalOptions="Center" HorizontalOptions="Center" />

我猜这个问题出在这一行：

<ctt:FontIcon  FontIcon ="\uf000" VerticalOptions="Center" HorizontalOptions="Center" />

我不确定如何通过xaml访问该类，或者是否可以使用xlmns：ctt

EDIT ---------------------------------------------- ---------------------------

我使用了debug，这是实际的错误：

System.MissingMethodException：找不到类型为myApp.Fonts.FontIcon的默认构造函数

编辑2：

我这样做了：

public FAIcon()
        {

        }

在xaml：

<custom:FAIcon FontFamily = "Typeface" Text = "\uf000" VerticalOptions="Center" HorizontalOptions="Center" />

该应用程序现在不会崩溃，但它会显示纯文本而不是图标

这是我的android渲染器：

[assembly: ExportRenderer(typeof(FontIcon), typeof(FARenderer))]

namespace myApp.Droid.Renderers
{
    public class FARenderer : LabelRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
        {
            base.OnElementChanged(e);
            if (e.OldElement == null)
            {
                Control.Typeface = Typeface.CreateFromAsset(Forms.Context.Assets, FontIcon.Typeface + ".ttf");
            }
        }
    }
}

Answer 1

如果您总是想使用FontAwesome，请在构造函数中设置它：

public const string Typeface = "FontAwesome";

public FAIcon()
{
  FontFamily = TypeFace;
}

不要在你的XAML中这样做，它只是将FontFamily设置为“TypeFace”而不是你想要的

<custom:FAIcon FontFamily = "Typeface" ...

C＃Xaml - 使用自定义类 - 以编程方式工作，但不在Xaml中

1 个答案: