WPF RichTextBox 使用Paragraph显示富文本(角标小数字)

最近项目中需要展示和编辑角标小数字,研究下了,可以RichTextBox 的Paragraph实现。

定义组件RichTextBox,添加右上角右下角小数字:

        <RichTextBox Margin="10" Height="40" Name="richTextBox"> 
          <FlowDocument>
            <Paragraph>
              <Run Text="1" FontSize="20" BaselineAlignment="Center"/>
              <Run Text="2" FontSize="10" BaselineAlignment="Bottom"/>
              <Run Text="2" FontSize="10" BaselineAlignment="TextBottom"/>
              <Run Text="2" FontSize="10" BaselineAlignment="Subscript"/>
              <Run Text="3" FontSize="20" BaselineAlignment="Center"/>
              <Run Text="4" FontSize="10" BaselineAlignment="Top"/>
              <Run Text="4" FontSize="10" BaselineAlignment="TextTop"/>
              <Run Text="4" FontSize="10" BaselineAlignment="Superscript"/>
            </Paragraph>
          </FlowDocument>
        </RichTextBox>

显示效果如下:在这里插入图片描述
原先项目中所有的文本run都是默认BaselineAlignment="Center"的,重新指定想要变成角标文本run的BaselineAlignment后,好像并没有达到想要的右上角、右下角角标效果。

经过研究测试后发现,首个字符的BaselineAlignment指定方式很关键,如果指定为Baseline:

<RichTextBox Margin="10" Height="40" Name="richTextBox"> 
  <FlowDocument>
    <Paragraph>
      <Run Text="1" FontSize="20" BaselineAlignment="Baseline"/>
      <Run Text="2" FontSize="10" BaselineAlignment="Bottom"/>
      <Run Text="2" FontSize="10" BaselineAlignment="TextBottom"/>
      <Run Text="2" FontSize="10" BaselineAlignment="Subscript"/>
      <Run Text="3" FontSize="20" BaselineAlignment="Center"/>
      <Run Text="4" FontSize="10" BaselineAlignment="Top"/>
      <Run Text="4" FontSize="10" BaselineAlignment="TextTop"/>
      <Run Text="4" FontSize="10" BaselineAlignment="Superscript"/>
    </Paragraph>
  </FlowDocument>
</RichTextBox>

则显示效果如下:
在这里插入图片描述
大概能达到想要的效果。
下对齐可选Bottom、TextBottom、Subscript,效果并无区别;
上对齐可选Top、TextTop、Superscript,其中Superscript稍微靠上一些,可按需选择。

相关推荐

  1. 程序中展示文本 图片不适配?视频不显示

    2024-03-14 05:56:06       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-14 05:56:06       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-14 05:56:06       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-14 05:56:06       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-14 05:56:06       18 阅读

热门阅读

  1. 小程序自定义表格组件

    2024-03-14 05:56:06       17 阅读
  2. 机器学习模型—分类回归树(CART)

    2024-03-14 05:56:06       18 阅读
  3. Qt的多线程类

    2024-03-14 05:56:06       14 阅读
  4. 背包问题大合集--算法模板

    2024-03-14 05:56:06       21 阅读
  5. 安塔利斯升级php8

    2024-03-14 05:56:06       18 阅读
  6. 动态规划--砝码称重

    2024-03-14 05:56:06       19 阅读
  7. 力扣70. 爬楼梯(三种解法)

    2024-03-14 05:56:06       19 阅读