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

文章介绍了如何在WPF项目中利用RichTextBox的Paragraph和RunText组件创建角标效果,发现关键在于首个字符的BaselineAlignment设置,可以调整为Bottom、TextBottom、Subscript、Top、TextTop或Superscript以实现不同的角标位置。
摘要由CSDN通过智能技术生成

最近项目中需要展示和编辑角标小数字,研究下了,可以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稍微靠上一些,可按需选择。

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值