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稍微靠上一些,可按需选择。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/536844.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot集成netty实现websocket通信

实现推送消息给指定的用户 一、依赖 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation"http://m…

利用HubSpot出海CRM和人工智能技术提升出海业务的效率和效果

在当今数字化时代&#xff0c;智能化营销已经成为企业获取客户和扩大市场份额的关键策略。特别是对于出海业务而言&#xff0c;利用智能化营销技术来应对不同文化、语言和市场的挑战&#xff0c;已经成为企业竞争的关键优势。今天运营坛将带领大家探讨如何利用HubSpot CRM和人工…

如何从笔记本电脑恢复已删除的照片

人们相信照片是回忆一生中最难忘事件的最佳媒介。人们在计算机上收集超过 5 GB 的照片是很常见的。然而&#xff0c;在笔记本电脑上保存照片并不安全&#xff0c;因为您可能会因以下原因有意或无意地删除笔记本电脑上的照片&#xff1a; 您的笔记本电脑存储空间几乎已满。您必…

392.判断子序列

题目&#xff1a;给定字符串s和t&#xff0c;判断s是否为t 的子序列。 字符串的一个子序列是原始字符串删除一些字符而不改变剩余字符相对位置形成的新字符串。 解题思路&#xff1a;s是否是 t 的子序列&#xff0c;因此只要能找到任意一种 s 在 t 中出现的方式&#xff0c;即…

鸿蒙Socket通信示例(TCP通信)

前言 DevEco Studio版本&#xff1a;4.0.0.600 参考链接&#xff1a;OpenHarmony Socket 效果 TCPSocket 1、bind绑定本地IP地址 private bindTcpSocket() {let localAddress resolveIP(wifi.getIpInfo().ipAddress)console.info("111111111 localAddress: " …

十五、软考-系统架构设计师笔记-面向服务架构设计理论与实践

1、SOA相关概念 面向服务的架构(SOA)的定义 SOA 是一个组件模型&#xff0c;它将应用程序的不同功能单元(称为服务)通过这些服务之间定义良好的接口和契约联系起来。接口是采用中立的方式进行定义的&#xff0c;它应该独立于实现服务的硬件平台、操作系统和编程语言。这使得构…

Vue2(五):收集表单数据、过滤器、内置指令和自定义指令

一、回顾 总结Vue监视数据 1.Vue监视数据的原理&#xff1a; 1.vue会监视data中所有层次的数据。 2.如何监测对象中的数据?通过setter实现监视&#xff0c;且要在new Vue时就传入要监测的数据。(1&#xff09;.对象中后追加的属性&#xff0c;Vue默认不做响应式处理(2&#…

C语言从入门到熟悉------第三阶段

数组 什么是数组呢&#xff1f;顾名思义数组就是很多数的组合&#xff01;那么这些数有没有什么要求呢&#xff1f;是不是不管什么数组合在一起都是数组呢&#xff1f;第一&#xff0c;这些数的类型必须相同&#xff01;第二&#xff0c;这些数在内存中必须是连续存储的。也就…

java-集合工具类Collections

我们在使用它的时候记得导包 常见API 我们就简单看看第一第二个方法&#xff0c;代码如下&#xff0c;其余的知道用就行

LDA主题模型学习笔记

&#xff08;1&#xff09;LDA的基本介绍&#xff08;wiki&#xff09; LDA是一种典型的词袋模型&#xff0c;即它认为一篇文档是由一组词构成的一个集合&#xff0c;词与词之间没有顺序以及先后的关系。一篇文档可以包含多个主题&#xff0c;文档中每一个词都由其中的一个主题…

STM32第八节:位带操作——GPIO输出和输入

前言 我们讲了GPIO的输出&#xff0c;虽然我们使用的是固件库编程&#xff0c;但是最底层的操作是什么呢&#xff1f;对&#xff0c;我们学习过51单片机的同学肯定学习过 sbit 修改某一位的高低电平&#xff0c;从而实现对于硬件的控制。那么我们现在在STM32中有没有相似的操作…

前端面试 ===> 【Vue2】

Vue2 相关面试题总结 1. 谈谈对Vue的理解 Vue是一种用于构建用户页面的渐进式JavaScript框架&#xff0c;也是一个创建SPA单页面应用的Web应用框架&#xff0c;Vue的核心是 数据驱动试图&#xff0c;通过组件内特定的方法实现视图和模型的交互&#xff1b;特性&#xff1a;&a…