如何在RichTextBox中将行内图像设置为垂直居中

阿维纳什·辛格(Avinash Singh)

我在WPF上工作,我在RichTextBox中显示RichText数据,该数据已采用WindowsFormHost,在其中,我正在WinForm RichTextBox中显示具有图像+文本的RichTextData。

但是在显示RichTextData图像与顶部对齐且文本与底部对齐时,请参见下图,红色圆圈为RichTextImage

在此处输入图片说明

我想在中心显示图像和文本。像在图像下方,红色圆圈是RichTextImage,它以文本为中心。

在此处输入图片说明

我的XAML代码是:

<Window x:Class="WPFRichTextBox.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:wf="clr-namespace:System.Windows.Forms;assembly=System.Windows.Forms"
    Title="MainWindow" Height="600" Width="800" Background="LightBlue" xmlns:my="clr-namespace:WPFRichTextBox">

<Grid Loaded="Grid_Loaded">

    <WindowsFormsHost Margin="0,424,0,22">

        <wf:RichTextBox   Text="RichTextBox" x:Name="richTbTest1" BorderStyle="None" Enabled="True" ForeColor="Black" Width="550" Multiline="True" />


   </WindowsFormsHost>

  </Grid>
</Window>

我也用过WPF RichTextBox,但是我也无法在Center中对齐text + Images

     <RichTextBox VerticalContentAlignment="Stretch" Height="158" HorizontalAlignment="Left" Margin="10,247,0,0" Name="richTextBox1" VerticalAlignment="Top" Width="754" />
理查德·E

您可以BaselineAlignment在上使用Run以使文本居中对齐。这是一个例子:

<RichTextBox>
    <FlowDocument>
        <Paragraph>
            <Run Text="Some text" BaselineAlignment="Center"/>
            <Image Height="100" Width="100" Source="Images\Desert.jpg"/>
            <Run Text="Some more text" BaselineAlignment="Center"/>
        </Paragraph>
        <Paragraph/>
        <Paragraph>
            <Run Text="Paragraph 2" BaselineAlignment="Center"/>
            <Image Height="100" Width="100" Source="Images\Desert.jpg"/>
            <Run Text="More text" BaselineAlignment="Center"/>
        </Paragraph>
    </FlowDocument>
</RichTextBox>

编辑:

要将格式应用于整个RichTextBox尝试,请在RichTextBox填充后调用此方法

    public void CenterText()
    {
        var text = new TextRange(rtb.Document.ContentStart, rtb.Document.ContentEnd);
        text.ApplyPropertyValue(Inline.BaselineAlignmentProperty, BaselineAlignment.Center);
    }

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Flutter中将文本垂直和水平居中?

如何在“猫头鹰轮播”中将图像居中

如何在Bootstrap中将容器垂直居中?

如何在div中将高度可变的内容垂直居中?

如何在UITabBarItem中将SF符号图像垂直居中?

如何在SPAN中垂直居中放置图像

如何在画布Python Tkinter中将图像居中

如何在Bootstrap栏中将星级图像水平居中?

如何在UIStackView中将垂直和水平居中

在Ant Design中,如何在<Row>中将<Icon>垂直居中?

如何在SwiftUI中将图像设置为按钮?

如何在图像旁边垂直居中放置文字

如何在RelativeLayout中垂直居中此图像?

如何在不将其设置为背景的情况下垂直和水平居中放置图像?

如何在Android中将活动的背景图像设置为水平和垂直两个不同大小

如何在Bootstrap中将div垂直居中

如何将图像设置为居中(垂直和水平)Bootstrap3

如何在GridView中将图像位置设置为固定

如何在C#中将RichTextBox的背景色设置为透明

如何在图像旁边设置div并将其垂直居中?

如何在CSS中将图像居中在页面中间?

如何在 PHP 中将图像设置为变量并使用该变量在 HTML 中显示图像

CSS:如何在 div 中垂直和水平居中图像

如何在 React Native 的视图中将图像居中

如何在 amp-carousel 中将图像居中?

如何在java中将工具栏标题设置为在android中居中

如何在 AlertDialog 框中将图像 URI 设置为图标?

如何在固定 div 内垂直居中图像

如何在 JFrame 中将图像设置为背景