Avalonia 使用 AvaloniaMath 做内联 Latex 公式

Updated: at 11:48,Created: at 11:43

本文将告诉大家如何使用 AvaloniaMath 库在 TextBlock 里面，通过 InlineUIContainer 实现内联 Latex 公式效果

按照 .NET 惯例，先通过 NuGet 安装库，安装之后的 csproj 项目文件代码大概如下

<Project Sdk="Microsoft.NET.Sdk">
  <PropertyGroup>
    <OutputType>WinExe</OutputType>
    <TargetFramework>net10.0</TargetFramework>
    <Nullable>enable</Nullable>
    <ApplicationManifest>app.manifest</ApplicationManifest>
    <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
  </PropertyGroup>


  <ItemGroup>
    <PackageReference Include="Avalonia" Version="11.3.12" />
    <PackageReference Include="Avalonia.Desktop" Version="11.3.12" />
    <PackageReference Include="Avalonia.Themes.Fluent" Version="11.3.12" />
    <PackageReference Include="Avalonia.Fonts.Inter" Version="11.3.12" />
    <!--Condition below is needed to remove Avalonia.Diagnostics package from build output in Release configuration.-->
    <PackageReference Include="Avalonia.Diagnostics" Version="11.3.12">
      <IncludeAssets Condition="'$(Configuration)' != 'Debug'">None</IncludeAssets>
      <PrivateAssets Condition="'$(Configuration)' != 'Debug'">All</PrivateAssets>
    </PackageReference>
    <PackageReference Include="AvaloniaMath" Version="2.1.0" />
  </ItemGroup>
</Project>

本文用到的 AvaloniaMath 库是一个开源项目，最初是做 WPF 的 Latex 公式支持，后面为了支持 Avalonia 框架就改名为 xaml-math 项目，项目地址是： https://github.com/ForNeVeR/xaml-math

完成基础库安装之后，即可直接在 XAML 里面使用，其演示代码如下

<Window ... xmlns:controls="clr-namespace:AvaloniaMath.Controls;assembly=AvaloniaMath">
        <TextBlock>
            <Run>123</Run>
            <InlineUIContainer BaselineAlignment="Bottom">
                <controls:FormulaBlock Formula="\frac{1}{2}"/>
            </InlineUIContainer>
        </TextBlock>
</Window>

运行起来的效果如下

本文代码放在 github 和 gitee 上，可以使用如下命令行拉取代码。我整个代码仓库比较庞大，使用以下命令行可以进行部分拉取，拉取速度比较快

先创建一个空文件夹，接着使用命令行 cd 命令进入此空文件夹，在命令行里面输入以下代码，即可获取到本文的代码

git init
git remote add origin https://gitee.com/lindexi/lindexi_gd.git
git pull origin 55a2a3f647d2cce4e1c5813471f18085dbae42a8

以上使用的是国内的 gitee 的源，如果 gitee 不能访问，请替换为 github 的源。请在命令行继续输入以下代码，将 gitee 源换成 github 源进行拉取代码。如果依然拉取不到代码，可以发邮件向我要代码

git remote remove origin
git remote add origin https://github.com/lindexi/lindexi_gd.git
git pull origin 55a2a3f647d2cce4e1c5813471f18085dbae42a8

获取代码之后，进入 AvaloniaIDemo/QercirawhalroNaicawcalqel 文件夹，即可获取到源代码

更多技术博客，请参阅 博客导航

知识共享许可协议

原文链接: http://blog.lindexi.com/post/Avalonia-%E4%BD%BF%E7%94%A8-AvaloniaMath-%E5%81%9A%E5%86%85%E8%81%94-Latex-%E5%85%AC%E5%BC%8F

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。 欢迎转载、使用、重新发布，但务必保留文章署名 林德熙 (包含链接: https://blog.lindexi.com )，不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我 联系。