初始化 Xamarin Forms 时未应用文本样式

Question

我有一个 UWP 应用并试用 Embedded Xamarin Forms。嵌入本身到目前为止有效。但我注意到某些 TextStyles 在我初始化 Forms 后不再起作用。

没有表格：

Forms.Init 之后：

唯一不同的是App.xaml.cs中的这一行：

Xamarin.Forms.Forms.Init(e);

TextBlock 的代码是：

<TextBlock x:Name="TitlePage"
                   Text="Hello"
                   Style="{StaticResource PageTitleStyle}" />

还有风格：

<Style x:Key="PageTitleStyle"
       TargetType="TextBlock">
    <Setter Property="VerticalAlignment"
            Value="Center" />
    <Setter Property="FontWeight"
            Value="SemiLight" />
    <Setter Property="FontSize"
            Value="{StaticResource LargeFontSize}" />
    <Setter Property="TextTrimming"
            Value="CharacterEllipsis" />
    <Setter Property="TextWrapping"
            Value="NoWrap" />
    <Setter Property="Margin"
            Value="{StaticResource PageTitleMargin}" />
</Style>

我创建了一个最小示例，您可以在这里找到：https://github.com/NPadrutt/EmbeddedFormsTest

版本：

• VS 15.5.2
• Xamarin.Forms 2.5.0.121934
• Microsoft.NETCore.UniversalWindowsPlatform 6.0.5

Answer 1

当你执行Xamarin.Forms.Forms.Init(e);时，它会加载Xamarin中定义的ResourceDictionary。因此，在调用此代码行之后，文本可能会显示 Xamarin Forms 中定义的样式，而不是您在 UWP 中定义的样式。详情可以查看Init方法的代码sn-p。

更新：

Init 方法通过此代码行合并样式

return new Windows.UI.Xaml.ResourceDictionary {
Source = new Uri("ms-appx:///Xamarin.Forms.Platform.UAP/Resources.xbf")

您会在 Xamarin 中的 Resource.xaml 中找到以下样式。

<Style x:Key="PageTitleStyle" TargetType="TextBlock">
    <Setter Property="FontWeight" Value="Bold" />
</Style>

与您定义的 x:key (PageTitleStyle) 相同，以便您的样式将被覆盖。 只需更改您的风格的x:key它不会受到Xamarin资源的影响，例如PageTitleStyle2。

如果你想使用你在 UWP 应用中为 Xamarin 窗体定义的样式，你可以使用 Custom Renderers。 TextBlock 是 UWP 的原生控件，Xamarin Forms 中对应的控件是 Label。详情请见Renderer Base Classes and Native Controls。您应该在 Xamarin Forms 中有一个 Label 控件，并为 Label 创建一个自定义渲染器，并在 UWP 中设置目标类型为 TextBlock 的样式。例如：

public class MyLabelRenderer : LabelRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Label> e)
    {
        base.OnElementChanged(e);
        Control.Style= (Windows.UI.Xaml.Style)App.Current.Resources["PageTitleStyle"];
    }
}

更多示例您可以参考this。