近年来号负责人让了单任务让自身开一个因Json格式的富文本UMG插件,了解UE4
Slate的且应有了解,其实UE4中从带了一个富文本Slate控件—SRichTextBlock,该控件主要是对XML文本进行剖析,实现了Fancy
Text,Hyperlink,Wiget,Image的效益,本文将SRichTextBlock的实现方式开一个粗略的辨析,也终究工作笔记吧。

UE4随笔

void SRichTextBlock::Construct( const FArguments& InArgs )
{
BoundText = InArgs._Text;
HighlightText = InArgs._HighlightText;

TextStyle = *InArgs._TextStyle;
WrapTextAt = InArgs._WrapTextAt;
AutoWrapText = InArgs._AutoWrapText;
WrappingPolicy = InArgs._WrappingPolicy;
Margin = InArgs._Margin;
LineHeightPercentage = InArgs._LineHeightPercentage;
Justification = InArgs._Justification;
MinDesiredWidth = InArgs._MinDesiredWidth;

{
    TSharedPtr<IRichTextMarkupParser> Parser = InArgs._Parser;
    if ( !Parser.IsValid() )
    {
        Parser = FDefaultRichTextMarkupParser::Create();
    }

    TSharedPtr<FRichTextLayoutMarshaller> Marshaller = InArgs._Marshaller;
    if (!Marshaller.IsValid())
    {
        Marshaller = FRichTextLayoutMarshaller::Create(Parser, nullptr, InArgs._Decorators, InArgs._DecoratorStyleSet);
    }

    for (const TSharedRef< ITextDecorator >& Decorator : InArgs.InlineDecorators)
    {
        Marshaller->AppendInlineDecorator(Decorator);
    }

    TextLayoutCache = MakeUnique<FTextBlockLayout>(TextStyle, InArgs._TextShapingMethod, InArgs._TextFlowDirection, InArgs._CreateSlateTextLayout, Marshaller.ToSharedRef(), nullptr);
    TextLayoutCache->SetDebugSourceInfo(TAttribute<FString>::Create(TAttribute<FString>::FGetter::CreateLambda([this]{ return FReflectionMetaData::GetWidgetDebugInfo(this); })));
}
}

int32 SRichTextBlock::OnPaint( const FPaintArgs& Args, const FGeometry&         AllottedGeometry, const FSlateRect& MyCullingRect, FSlateWindowElementList& OutDrawElements, int32 LayerId, const FWidgetStyle& InWidgetStyle, bool bParentEnabled ) const
{
// OnPaint will also update the text layout cache if required
LayerId = TextLayoutCache->OnPaint(Args, AllottedGeometry, MyCullingRect, OutDrawElements, LayerId, InWidgetStyle, ShouldBeEnabled(bParentEnabled));

return LayerId;
}

经分析以上代码,不难看出,SRichTextBlock是于 TUniquePtr<
FTextBlockLayout > TextLayoutCache
中实现的,在TextLayoutCache的贯彻过程遭到都更了哪步骤为?
1、构造Parser,用于解析XML文本,解析结果存储于FTextLineParseResults中,FTextLineParseResults中来点儿单分子变量FTextRange
Range,TArray< FTextRunParseResults >
Runs,其中Range表示解析文本的界定,Runs中存储了每个要素的渲染属性,其布局如下所示:

struct SLATE_API FTextRunParseResults
{
FTextRunParseResults( FString InName, const FTextRange& InOriginalRange)
    : Name( InName )
    , OriginalRange( InOriginalRange )
    , MetaData()
{

}

FTextRunParseResults( FString InName, const FTextRange& InOriginalRange, const FTextRange& InContentRange)
    : Name( InName )
    , OriginalRange( InOriginalRange )
    , ContentRange( InContentRange )
    , MetaData()
{

}

FString Name;
FTextRange OriginalRange;
FTextRange ContentRange;
TMap< FString, FTextRange > MetaData; 

};

Name为元素名称,OriginalRange为一个素如Image在XML文本中的克,ContentRange为要素所带动文本以XML文本中之界定要Hyperlink中的文本,MeteData存储了要素的属性信息。

2、构造Decorator,用于获取要素对应的Style并创立响应的ISlateRun如FSlateImageRun,每一样栽素都有一个相应之ISlateRun,要素的渲染在那相应的ISlateRun的OnPaint中形成。

3、构造Marshaller,Marshaller其实就是一个摄,其打算是于TextLayOutCache中履行Parser和Decorator的有关操作。

看似的架构图XML如下所示:

SRichTextBlock架构图

本着富文本的辨析就先勾勒到这边,内容就是触发交了,不充分透彻而要可以本着大家有所助!

相关文章

网站地图xml地图