WPF显示富文本emoji表情+文本（类似微信）

最新推荐文章于 2024-06-17 20:39:33 发布
最新推荐文章于 2024-06-17 20:39:33 发布
阅读量1.5k 收藏
点赞数
文章标签： wpf ejb gwt rpc javafx
原文链接：https://gitee.com/yanjinhua/WPFDevelopers.git
版权

祝大家端午节安康！

WPF开发者QQ群： 340500857 

前言 

      有小伙伴需要实现类似微信一样的气泡聊天emoji表情+文本。

欢迎转发、分享、点赞，谢谢大家~。  

效果预览（更多效果请下载源码体验）：

一、EmojiAndTextControl.cs代码如下：

/**
 Github https://github.com/yanjinhuagood/WPFDevelopers.git
 码云 https://gitee.com/yanjinhua/WPFDevelopers.git
 **/
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;


namespace WpfChatEmojiText
{
    [TemplatePart(Name = TextBlockTemplateName, Type = typeof(TextBlock))]
    [TemplatePart(Name = WrapPanelLeftTemplateName, Type = typeof(WrapPanel))]
    [TemplatePart(Name = BorderTemplateName, Type = typeof(Border))]
    [TemplatePart(Name = WrapPanelRightTemplateName, Type = typeof(WrapPanel))]
    [TemplatePart(Name = ImageBrushLeftTemplateName, Type = typeof(ImageBrush))]
    [TemplatePart(Name = ImageBrushRightTemplateName, Type = typeof(ImageBrush))]
    public class EmojiAndTextControl: Control
    {
        private static readonly Type _typeofSelf = typeof(EmojiAndTextControl);
        private const string TextBlockTemplateName = "PART_TextBlock";
        private const string WrapPanelLeftTemplateName = "PART_Left";
        private const string BorderTemplateName = "PART_Border";
        private const string WrapPanelRightTemplateName = "PART_Right";
        private const string ImageBrushLeftTemplateName = "LeftUser";
        private const string ImageBrushRightTemplateName = "RightUser";
        private TextBlock m_textBlock;
        private WrapPanel leftWrapPanel;
        private Border border;
        private WrapPanel rightWrapPanel;
        private ImageBrush leftImageBrush;
        private ImageBrush rightImageBrush;
        private bool m_IgnoreChanges = false;
        public string Text
        {
            get { return (string)GetValue(TextProperty); }
            set { SetValue(TextProperty, value); }
        }
        static EmojiAndTextControl()
        {
            DefaultStyleKeyProperty.OverrideMetadata(_typeofSelf, new FrameworkPropertyMetadata(_typeofSelf));
        }
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();
            m_textBlock = GetTemplateChild(TextBlockTemplateName) as TextBlock;
            leftWrapPanel = GetTemplateChild(WrapPanelLeftTemplateName) as WrapPanel;
            border = GetTemplateChild(BorderTemplateName) as Border;
            rightWrapPanel = GetTemplateChild(WrapPanelRightTemplateName) as WrapPanel;
            leftImageBrush = GetTemplateChild(ImageBrushLeftTemplateName) as ImageBrush;
            rightImageBrush = GetTemplateChild(ImageBrushRightTemplateName) as ImageBrush;
            UpdateEmoji();
            UpdateIsRight();
            UpdateRightImageSource();
            UpdateLeftImageSource();
        }


        public static readonly DependencyProperty TextProperty =
          DependencyProperty.Register("Text", typeof(string), typeof(EmojiAndTextControl),
            new UIPropertyMetadata(string.Empty, OnTextChanged));


        static void OnTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            EmojiAndTextControl emoji = (EmojiAndTextControl)d;
            emoji.UpdateEmoji();
        }


        void UpdateEmoji()
        {
            if (m_textBlock == null) return;
            if (!m_IgnoreChanges)
            {
                m_IgnoreChanges = true;
                //EmojiHelper.ParseText(m_textBlock);
                EmojiHelperLibrary.EmojiHelper.Instance.ParseText(m_textBlock);
                m_IgnoreChanges = false;
            }
        }






        


        public bool IsRight
        {
            get { return (bool)GetValue(IsRightProperty); }
            set { SetValue(IsRightProperty, value); }
        }


        public static readonly DependencyProperty IsRightProperty =
            DependencyProperty.Register("IsRight", typeof(bool), typeof(EmojiAndTextControl), new UIPropertyMetadata(OnIsRightChanged));


        static void OnIsRightChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            EmojiAndTextControl control = (EmojiAndTextControl)d;
            control.UpdateIsRight();
        }


        void UpdateIsRight()
        {
            if (leftWrapPanel == null
                ||
                border == null
                ||
                rightWrapPanel == null) return;
            if (!IsRight)
            {
                leftWrapPanel.Visibility = Visibility.Visible;
                border.Background = Brushes.White;
                rightWrapPanel.Visibility = Visibility.Collapsed;
            }
        }


        public ImageSource LeftImageSource
        {
            get { return (ImageSource)GetValue(LeftImageSourceProperty); }
            set { SetValue(LeftImageSourceProperty, value); }
        }


        public static readonly DependencyProperty LeftImageSourceProperty =
            DependencyProperty.Register("LeftImageSource", typeof(ImageSource), typeof(EmojiAndTextControl), new UIPropertyMetadata(OnLeftImageSourceChanged));
        private static void OnLeftImageSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            EmojiAndTextControl control = (EmojiAndTextControl)d;
            control.UpdateLeftImageSource();
        }


        void UpdateLeftImageSource()
        {
            if (leftImageBrush == null) return;
            leftImageBrush.ImageSource = LeftImageSource;
        }
        public ImageSource RightImageSource
        {
            get { return (ImageSource)GetValue(RightImageSourceProperty); }
            set { SetValue(RightImageSourceProperty, value); }
        }


        public static readonly DependencyProperty RightImageSourceProperty =
            DependencyProperty.Register("RightImageSource", typeof(ImageSource), typeof(EmojiAndTextControl), new UIPropertyMetadata(OnRightImageSourceChanged));


        private static void OnRightImageSourceChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            EmojiAndTextControl control = (EmojiAndTextControl)d;
            control.UpdateRightImageSource();
        }
       
        void UpdateRightImageSource()
        {
            if (rightImageBrush == null) return;
            rightImageBrush.ImageSource = RightImageSource;
        }


    }
}

二、EmojiAndTextControlStyle.xaml代码如下：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:local="clr-namespace:WpfChatEmojiText">
    <Style TargetType="local:EmojiAndTextControl">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="local:EmojiAndTextControl">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition/>
                            <ColumnDefinition Width="Auto"/>
                        </Grid.ColumnDefinitions>
                        <WrapPanel Grid.Column="0" Name="PART_Left" 
                                   Visibility="Collapsed">
                            <Border Width="35" Height="35" 
                                VerticalAlignment="Top"
                                Margin="0,10"
                                CornerRadius="4"
                                UseLayoutRounding="True">
                                <Border.Background>
                                    <ImageBrush x:Name="LeftUser"
                                        ImageSource="{TemplateBinding LeftImageSource}" RenderOptions.BitmapScalingMode="LowQuality " Stretch="Fill"/>
                                </Border.Background>
                            </Border>
                            <Path Data="M365.714 256v512q0 14.857-10.857 25.714t-25.714 10.857-25.714-10.857l-256-256q-10.857-10.857-10.857-25.714t10.857-25.714l256-256q10.857-10.857 25.714-10.857t25.714 10.857 10.857 25.714z"
                              Fill="White" Width="10" Height="10" Stretch="Fill"
                              StrokeThickness="0" Grid.Column="1"
                              VerticalAlignment="Top" Margin="0,20,-14,0"
                              
                              UseLayoutRounding="True" SnapsToDevicePixels="True"/>
                        </WrapPanel>
                        
                        
                        <Border CornerRadius="4" Background="#9EEA6A"
                            UseLayoutRounding="True" SnapsToDevicePixels="True"
                            Grid.Column="1" Margin="10"
                            Name="PART_Border">
                            <TextBlock Name="PART_TextBlock" FontSize="15" Text="{TemplateBinding Text}"
                                   Padding="6" TextWrapping="Wrap" VerticalAlignment="Center"/>
                        </Border>
                        <WrapPanel Grid.Column="2" Name="PART_Right">
                            <Path Data="M329.143 512q0 14.857-10.857 25.714l-256 256q-10.857 10.857-25.714 10.857t-25.714-10.857-10.857-25.714v-512q0-14.857 10.857-25.714t25.714-10.857 25.714 10.857l256 256q10.857 10.857 10.857 25.714z"
                              Fill="#9EEA6A" Width="10" Height="10" Stretch="Fill"
                              StrokeThickness="0" 
                              VerticalAlignment="Top" Margin="-14,20,0,0"
                              UseLayoutRounding="True" SnapsToDevicePixels="True"/>
                            <Border Width="35" Height="35"
                                VerticalAlignment="Top"
                                Margin="0,10"
                                CornerRadius="4"
                                UseLayoutRounding="True">
                                <Border.Background>
                                    <ImageBrush x:Name="RightUser"
                                        ImageSource="{TemplateBinding RightImageSource}" RenderOptions.BitmapScalingMode="LowQuality" Stretch="Fill"/>
                                </Border.Background>
                            </Border>
                        </WrapPanel>
                       
                    </Grid>
                    <!--<ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding IsRight}" Value="false">
                            <Setter Property="Visibility" TargetName="PART_Left" Value="Visible"/>
                            <Setter Property="Background" TargetName="PART_Border" Value="White"/>
                            <Setter Property="Visibility" TargetName="PART_Right" Value="Collapsed"/>
                        </DataTrigger>
                    </ControlTemplate.Triggers>-->
                </ControlTemplate>
            </Setter.Value>
        </Setter>
</Style>
</ResourceDictionary>

三、MainWindow.xaml代码如下

<Window x:Class="WpfChatEmojiText.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfChatEmojiText"
        mc:Ignorable="d"
        Title="WPFDevelopers" Height="800" Width="800"
        TextOptions.TextFormattingMode="Display" UseLayoutRounding="True"
        SnapsToDevicePixels="True" RenderOptions.BitmapScalingMode="NearestNeighbor">
    <UniformGrid Columns="2">
        <Grid Margin="10,0">
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition Height="100"/>
            </Grid.RowDefinitions>
            <RichTextBox x:Name="_LeftChat" IsReadOnly="True">
                <RichTextBox.Background>
                    <ImageBrush ImageSource="Images\Left.jpg" Stretch="Fill"/>
                </RichTextBox.Background>
            </RichTextBox>
            <Grid Grid.Row="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <ToggleButton x:Name="LeftButtonEmoji" Margin="10,0" Content="Emoji" Width="40" HorizontalAlignment="Left"/>
                <Popup Placement="Top" PlacementTarget="{Binding ElementName=LeftButtonEmoji}" 
                       IsOpen="{Binding ElementName=LeftButtonEmoji,Path=IsChecked}" AllowsTransparency="True" 
                       VerticalOffset="-4">
                    <Border Margin="10" Background="White" CornerRadius="4"
                            Width="76">
                        <Border.Effect>
                            <DropShadowEffect ShadowDepth="0" BlurRadius="10" Opacity="0.2" Color="#80000000"/>
                        </Border.Effect>
                        <ItemsControl ItemsSource="{Binding EmojiArray,RelativeSource={RelativeSource AncestorType=local:MainWindow}}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Border x:Name="PART_Border" CornerRadius="2"
                                            PreviewMouseLeftButtonDown="PART_Border_PreviewMouseLeftButtonDown"
                                            Tag="{Binding Key}">
                                        <Image Source="{Binding Value}" ToolTip="{Binding Name}"
                                               Width="30" Height="30" Margin="4"
                                               IsHitTestVisible="True"/>
                                    </Border>
                                    <DataTemplate.Triggers>
                                        <Trigger Property="IsMouseOver" Value="True">
                                            <Setter Property="Background" TargetName="PART_Border" Value="#FFD8D1D1"/>
                                        </Trigger>
                                    </DataTemplate.Triggers>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <WrapPanel/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                    </Border>
                </Popup>
                <Grid Grid.Row="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBox x:Name="LeftInput"/>
                    <Button Grid.Column="1" Content="发送" x:Name="LeftSend" Click="LeftSend_Click"></Button>
                </Grid>
            </Grid>
        </Grid>
        <Grid Margin="10,0">
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition Height="100"/>
            </Grid.RowDefinitions>
            <RichTextBox x:Name="_RightChat" IsReadOnly="True">
                <RichTextBox.Background>
                    <ImageBrush ImageSource="Images\Right.jpg" Stretch="Fill"/>
                </RichTextBox.Background>
            </RichTextBox>
          
            <Grid Grid.Row="1">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <ToggleButton x:Name="RightButtonEmoji" Margin="10,0" Content="Emoji" Width="40" HorizontalAlignment="Left"/>
                <Popup Placement="Top" PlacementTarget="{Binding ElementName=RightButtonEmoji}" 
                       IsOpen="{Binding ElementName=RightButtonEmoji,Path=IsChecked}" AllowsTransparency="True" 
                       VerticalOffset="-4">
                    <Border Margin="10" Background="White" CornerRadius="4"
                            Width="76">
                        <Border.Effect>
                            <DropShadowEffect ShadowDepth="0" BlurRadius="10" Opacity="0.2" Color="#80000000"/>
                        </Border.Effect>
                        <ItemsControl ItemsSource="{Binding EmojiArray,RelativeSource={RelativeSource AncestorType=local:MainWindow}}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Border x:Name="PART_Border" CornerRadius="2"
                                            PreviewMouseLeftButtonDown="PART_Border_RightPreviewMouseLeftButtonDown"
                                            Tag="{Binding Key}">
                                        <Image Source="{Binding Value}" ToolTip="{Binding Name}"
                                               Width="30" Height="30" Margin="4"
                                               IsHitTestVisible="True"/>
                                    </Border>
                                    <DataTemplate.Triggers>
                                        <Trigger Property="IsMouseOver" Value="True">
                                            <Setter Property="Background" TargetName="PART_Border" Value="#FFD8D1D1"/>
                                        </Trigger>
                                    </DataTemplate.Triggers>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <WrapPanel/>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>
                        </ItemsControl>
                    </Border>
                </Popup>
                <Grid Grid.Row="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBox x:Name="RightInput"/>
                    <Button Grid.Column="1" Content="发送" x:Name="RightSend" Click="RightSend_Click"></Button>
                </Grid>
            </Grid>
        </Grid>
    </UniformGrid>
</Window>

四、MainWindow.cs.xaml代码如下

using System;
using System.Collections;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;


namespace WpfChatEmojiText
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public IEnumerable EmojiArray
        {
            get { return (IEnumerable)GetValue(EmojiArrayProperty); }
            set { SetValue(EmojiArrayProperty, value); }
        }


        public static readonly DependencyProperty EmojiArrayProperty =
            DependencyProperty.Register("EmojiArray", typeof(IEnumerable), typeof(MainWindow), new PropertyMetadata(null));






        public MainWindow()
        {
            InitializeComponent();


            var emojiModels = new List<EmojiModel>();




            EmojiHelperLibrary.EmojiHelper.Instance._emojiHeight = 30;
            EmojiHelperLibrary.EmojiHelper.Instance._emojiWidth = 30;


            var m_Emojis = new Dictionary<string, string>();
            var emojiPath = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "emoji");
            var directory = new DirectoryInfo(emojiPath);
            foreach (var item in directory.GetFiles())
            {
                var _key = $"[{Path.GetFileNameWithoutExtension(item.Name)}]";
                m_Emojis.Add(_key, item.FullName);
                emojiModels.Add(new EmojiModel { Name = Path.GetFileNameWithoutExtension(item.Name), Key = _key, Value = item.FullName });
            }
            EmojiHelperLibrary.EmojiHelper.Instance.m_Emojis = m_Emojis;


            EmojiArray = emojiModels;


        }


        private void PART_Border_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            LeftButtonEmoji.IsChecked = false;
            var send = sender as Border;
            LeftInput.Text += send.Tag.ToString();
            LeftInput.Focus();
            LeftInput.SelectionStart = LeftInput.Text.Length;
        }


        private void LeftSend_Click(object sender, RoutedEventArgs e)
        {
            LeftChat();




        }
        void LeftChat()
        {
            var leftText = new EmojiAndTextControl();
            leftText.IsRight = true;
            leftText.RightImageSource = new BitmapImage(new Uri("pack://application:,,,/Images/UserImages/jingtao.png"));
            leftText.Text = LeftInput.Text;
            var leftPara = new Paragraph();
            leftPara.TextAlignment = TextAlignment.Right;
            leftPara.Inlines.Add(leftText);
            _LeftChat.Document.Blocks.Add(leftPara);




            var rightText = new EmojiAndTextControl();
            rightText.IsRight = false;
            rightText.LeftImageSource = new BitmapImage(new Uri("pack://application:,,,/Images/UserImages/jingtao.png"));
            rightText.Text = LeftInput.Text;
            var rightPara = new Paragraph();
            rightPara.TextAlignment = TextAlignment.Left;
            rightPara.Inlines.Add(rightText);
            _RightChat.Document.Blocks.Add(rightPara);


            LeftInput.Text = string.Empty;
            LeftInput.Focus();
        }
        void RightChat()
        {
            var leftText = new EmojiAndTextControl();
            leftText.IsRight = true;
            leftText.RightImageSource = new BitmapImage(new Uri("pack://application:,,,/Images/UserImages/yanjinhua.png"));
            leftText.Text = RightInput.Text;
            var leftPara = new Paragraph();
            leftPara.TextAlignment = TextAlignment.Right;
            leftPara.Inlines.Add(leftText);
            _RightChat.Document.Blocks.Add(leftPara);




            var rightText = new EmojiAndTextControl();
            rightText.IsRight = false;
            rightText.LeftImageSource = new BitmapImage(new Uri("pack://application:,,,/Images/UserImages/yanjinhua.png"));
            rightText.Text = RightInput.Text;
            var rightPara = new Paragraph();
            rightPara.TextAlignment = TextAlignment.Left;
            rightPara.Inlines.Add(rightText);
            _LeftChat.Document.Blocks.Add(rightPara);


            RightInput.Text = string.Empty;
            RightInput.Focus();
        }


        private void RightSend_Click(object sender, RoutedEventArgs e)
        {
            RightChat();
        }


        private void PART_Border_RightPreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            RightButtonEmoji.IsChecked = false;
            var send = sender as Border;
            RightInput.Text += send.Tag.ToString();
            RightInput.Focus();
            RightInput.SelectionStart = RightInput.Text.Length;
        }
    }
    public class EmojiModel
    {
        public string Name { get; set; }
        public string Key { get; set; }
        public string Value { get; set; }
    }
}

源码地址

github：https://github.com/yanjinhuagood/WPFDevelopers.git

gitee：https://gitee.com/yanjinhua/WPFDevelopers.git

WPF开发者QQ群： 340500857 

blogs： https://www.cnblogs.com/yanjinhua

Github：https://github.com/yanjinhuagood

出处：https://www.cnblogs.com/yanjinhua

版权：本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

转载请著名作者 出处 https://github.com/yanjinhuagood

dotNET跨平台
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
emoji.wpf::grinning_cat_with_smiling_eyes:表情符号对WPF的支持
05-03
表情符号 Emoji.Wpf向WPF应用程序添加了Emoji渲染支持。 特征 提供TextBlock和RichTextBox替代品，不需要其他代码。 颜色表情符号！ :fearful_face: :pile_of_poo: :shortcake: :airplane: :pencil: :telephone_receiver: :shamrock: 多种族家庭表情符号！ :woman_dark_skin_tone::woman_light_skin_tone::boy_medium_skin_tone::woman_dark_skin_tone::woman_dark_skin_tone::boy_medium_skin_tone::baby_medium_skin_tone::baby_medium_skin_tone::baby_medium_skin_tone::baby_medium_skin_tone: 表情符号的标志！ 完整的矢量表情符号！ 以大尺寸渲染，而没有质量损失。 可选支持亚像素抗锯齿。 轻巧; 不嵌入字体或表情符号图像； 只使用系统字体。
WPF.HtmlEditor富文本编辑器Demo
01-02
如果引用MSHTML不可用,请换成32位,此演示程序是Win10&x64;位下的HTML引用 基本的文本编辑，查看Html源码、打印、导出文本文件、插入图片、插入表格等，可作为参考使用
C# +WPF 开发一个查看 Emoji 表情软件
.Net技术、软件架构、人工智能、数字化转型、DeveloperSharp、微服务、工业互联网、智能制造
01-30 918
🏆作者：科技、互联网行业优质创作者🏆专注领域：.Net技术、软件架构、人工智能、数字化转型、DeveloperSharp、微服务、工业互联网、智能制造🏆欢迎关注我（），里面有很多技术文章，，能助你快速成长。升职+涨薪！！前言微软在发布 Windows 11 系统的时候，发布过一个开源的 Emoji 表情 fluentui-emoji。因为我经常需要里面的一些表情图片，在仓库一个个查找特别的不方便，所以我做了一个表情查看器，可以很方便的查看所有表情，同时可以定位到表情文件的位置。
WPF实现Emoji表情包选择器EmojiPicker
最新发布
qq_42399932的博客
06-17 439
因为很喜欢用Emoji表情包，而我没有找到满足我的需求的控件（或者说就是有瘾，就是想自己开发一个），于是就做了这个EmojiPciker控件，以供参考。
WPF 微信 MVVM 【续】发送部分QQ表情
weixin_30753873的博客
11-25 129
今天主要记录的就是发送QQ表情，WPF 微信 MVVM里写了，后期为了发送QQ表情，需要把TextBox替换为RichTextBox，接下来就说说替换的过程。 一、支持Binding的RichTextBox RichTextBox虽然支持文字，图片，链接，但是，原生的它不支持Binding，这个对于MVVM是很不方便的，因此，需要给RichTextBox设置一个依赖属性Document，来让...
WPF RichTextBox 使用Paragraph显示富文本（角标小数字）
ocean
03-13 678
WPF中RichTextBox使用Paragraph显示角标小数字
wpf聊天表情demo
08-14
wpf 实现表情包功能demo，简单列子，已封装成用户控件，实际项目可直接引用
WPF+RichTextBox实现富文本编辑器
02-18
WPF+RichTextBox实现富文本编辑器，主要实现主要实现复制，剪切，粘贴，撤销，重做，保存，打开，文本加粗，斜体，下划线，删除线，左对齐，居中对齐，右对齐，两端对齐，缩进，减少缩进，项目符号，数字符号，上标...
WPF富文本编辑器,开源代码demo仿word
01-02
在本文中，我们将深入探讨基于WPF的富文本编辑器，这是一个开源项目，其功能类似于Microsoft Word。这个编辑器提供了一系列强大的文本处理能力，适用于开发人员构建自定义的文本编辑应用。 **WPF（Windows ...
WPF富文本编辑器
05-15
1. **`RichTextBox`控件**：`RichTextBox`是WPF提供的一种用于显示和编辑富文本的控件，它可以支持多种文本格式，如字体、字号、颜色、样式等。与`TextBox`控件不同，`TextBox`仅支持纯文本输入，而`RichTextBox`则...
wpf富文本编辑器and源码
04-13
点芝麻笔记2.0是一款基于WPF（Windows Presentation Foundation）技术构建的富文本编辑器，其源码的分享为开发者提供了一个深入理解WPF应用程序设计和优化的宝贵资源。相较于前一版本1.0，这款编辑器在重构过程中...
WPF实现笑脸表情动画
04-13
WPF实现简单地旋转笑脸动画，可以作为入门参考知识。小记
富文本编辑器 带表情
11-05
富文本编辑器 带表情 哦
wpf 显示 富文本 html,WPF 富文本编辑器如何加入字体包等问题
weixin_33598481的博客
06-19 481
我用WPF编写了一个富文本编辑器，但有两个问题不能解决，望各位前辈指点！1.textEditor.xaml前台代码如下：xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:mc="http://sche...
wpf模仿QQ表情
weixin_30562507的博客
11-22 467
效果图： style： <Style x:Key="LBXITEM_VERTICAL" TargetType="ListBoxItem"> <Setter Property="Template"> <Setter.Value> <Control...
浅谈WPF之利用RichTextBox实现富文本编辑器
绳锯木断，水滴石穿，专心写文，无问西东！！！
02-19 1982
在实际应用中，富文本随处可见，如留言板，聊天软件，文档编辑，特定格式内容等，在WPF开发中，如何实现富文本编辑呢？本文以一个简单的小例子，简述如何通过RichTextBox实现富文本编辑功能，主要实现复制，剪切，粘贴，撤销，重做，保存，打开，文本加粗，斜体，下划线，删除线，左对齐，居中对齐，右对齐，两端对齐，缩进，减少缩进，项目符号，数字符号，上标，下标，背景色，前景色，图片，打印等功能，仅供学习分享使用，如有不足之处，还请指正。
WPF的RichTextBox使用
weixin_43497445的博客
08-16 5302
WPF自定义控件继承RichTextBox 放在项目中，没有单独拿出来生成可引用的.dll 1-已创建的项目中，添加自定义控件 选择存放文件地址，右击选择“添加”->“新建项” 2- 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱...
wpf html转流文档,WPF将html写入富文本框
weixin_33207473的博客
06-04 480
我正在使用C＃代码在WPF Windows应用程序上工作。这是我继承的应用程序。我只有有限的经验使用WPF。 我有一个Rich Text Box控件，用于使用html构建电子邮件。有代码可以读取富文本框内容并将结果作为html存储在数据库中。此代码正在工作。我需要编写将HTML写入富文本框的反转，以便显示为文本。WPF将html写入富文本框以下是我必须阅读富文本框的代码。TextRange xam...
wpf的富文本编辑器
11-17
以下是一个使用WPF中的RichTextBox控件自定义的文本编辑器的例子，具备文本字体、字体大小、颜色、背景色、加粗、斜线等基本功能： ```xaml <Window x:Class="WpfRichTextBoxDemo.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="WPF RichTextBox Demo" Height="350" Width="525"> <Grid> <RichTextBox x:Name="rtbEditor" Margin="10" VerticalScrollBarVisibility="Auto"> <RichTextBox.ContextMenu> <ContextMenu> <MenuItem Header="Cut" Command="ApplicationCommands.Cut"/> <MenuItem Header="Copy" Command="ApplicationCommands.Copy"/> <MenuItem Header="Paste" Command="ApplicationCommands.Paste"/> <Separator/> <MenuItem Header="Bold" Command="Bold"/> <MenuItem Header="Italic" Command="Italic"/> <MenuItem Header="Underline" Command="Underline"/> <Separator/> <MenuItem Header="Font Family"> <MenuItem Header="Arial" Command="FontFamily" CommandParameter="Arial"/> <MenuItem Header="Courier New" Command="FontFamily" CommandParameter="Courier New"/> <MenuItem Header="Times New Roman" Command="FontFamily" CommandParameter="Times New Roman"/> </MenuItem> <MenuItem Header="Font Size"> <MenuItem Header="8" Command="FontSize" CommandParameter="8"/> <MenuItem Header="12" Command="FontSize" CommandParameter="12"/> <MenuItem Header="16" Command="FontSize" CommandParameter="16"/> <MenuItem Header="20" Command="FontSize" CommandParameter="20"/> <MenuItem Header="24" Command="FontSize" CommandParameter="24"/> </MenuItem> <Separator/> <MenuItem Header="Font Color"> <MenuItem Header="Black" Command="TextColor" CommandParameter="Black"/> <MenuItem Header="Red" Command="TextColor" CommandParameter="Red"/> <MenuItem Header="Green" Command="TextColor" CommandParameter="Green"/> <MenuItem Header="Blue" Command="TextColor" CommandParameter="Blue"/> </MenuItem> <MenuItem Header="Background Color"> <MenuItem Header="White" Command="TextBackground" CommandParameter="White"/> <MenuItem Header="Yellow" Command="TextBackground" CommandParameter="Yellow"/> <MenuItem Header="LightGray" Command="TextBackground" CommandParameter="LightGray"/> <MenuItem Header="LightBlue" Command="TextBackground" CommandParameter="LightBlue"/> </MenuItem> </ContextMenu> </RichTextBox.ContextMenu> </RichTextBox> </Grid> </Window> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值