文章

wpf dependencyproperty

本次文章接上次写的“基础版”继续 WPF快速创建DeepSeek本地自己的客户端-基础思路版本

1 开发环境与工具

开发工具：VS 2015
开发环境：.Net 4.0
使用技术：WPF

本章内容：WPF实现一个进阶版的DeepSeek客户端。
效果图如下：

实现的功能：

1、实时接收DeepSeek回复的数据。
2、用户输入识别和AI回复识别使用不同的头像。
3、能够复制文字。

2 搭建本地DeepSeek环境

我参考的是一下几个教程：
1、DeepSeek本地搭建部署+搭建知识库+智能体详细图文教程
2、【问题记录】DeepSeek本地部署遇到问题
3、公司数据不泄露，DeepSeek R1本地化部署+web端访问+个人知识库搭建与使用，喂饭级实操教程，老旧笔记本竟跑出企业级AI
4、【大语言模型】本地快速部署Ollama运行大语言模型详细流程

3 vs2015 创建WPF项目
Message.cs 

  1. using System;
  2. using System.Collections.Generic;
  3. using System.ComponentModel;
  4. using System.Linq;
  5. using System.Text;
  7. namespace WpfApplication2
  8. {
  9.     public class Message : INotifyPropertyChanged
  10.     {
  11.         private string _content;
  12.         public string Content
  13.         {
  14.             get { return _content; }
  15.             set
  16.             {
  17.                 if (_content != value)
  18.                 {
  19.                     _content = value;
  20.                     OnPropertyChanged(nameof(Content));  // 通知UI更新
  21.                 }
  22.             }
  23.         }
  24.         public bool IsAI { get; set; } // 标记消息是否来自AI
  25.         public bool IsUser { get; set; } // 标记消息是否来自用户
  27.         public event PropertyChangedEventHandler PropertyChanged;
  29.         protected virtual void OnPropertyChanged(string propertyName)
  30.         {
  31.             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
  32.         }
  33.     }
  34. }

MainWindow.xaml 

  1. <Window x:Class="WpfApplication2.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:WpfApplication2"
  7.         mc:Ignorable="d"
  8.         Title="DeepSeek客户端" Height="680" Width="850">
  10.     <Window.Resources>
  11.         <!-- Boolean to Visibility Converter -->
  12.         <local:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
  13.     </Window.Resources>
  14.     <Window.DataContext>
  15.         <local:ChatViewModel/>
  16.     </Window.DataContext>
  19.     <Grid>
  20.         <Grid.RowDefinitions>
  21.             <RowDefinition Height="8.5*"/>
  22.             <RowDefinition Height="1.5*"/>
  23.         </Grid.RowDefinitions>
  25.         <!--第一个格子，AI对话格子-->
  26.         <Grid Grid.Row="0" Grid.Column="0" Margin="0,15,0,0">
  27.             <ListBox Name="listbox" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ItemsSource="{Binding Messages}" Margin="0,-20,0,-14">
  28.                 <ListBox.ItemTemplate>
  29.                     <DataTemplate>
  30.                         <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch">
  31.                             <!-- AI消息 -->
  32.                             <StackPanel Orientation="Horizontal" Visibility="{Binding IsAI, Converter={StaticResource BooleanToVisibilityConverter}}">
  33.                                 <Image Source="/Resources/Deepseek.png"   Width="40" Height="40" Margin="5"  VerticalAlignment="Top" />
  34.                                 <!-- 使用TextBox代替TextBlock，并设置为只读 -->
  35.                                 <TextBox Text="{Binding Content}" FontFamily="Segoe UI" FontSize="16" Padding="5,10" TextWrapping="Wrap" MaxWidth="750" VerticalAlignment="Top" IsReadOnly="True" BorderBrush="Transparent" Background="Transparent" />
  36.                             </StackPanel>
  37.                             <!-- 用户消息 -->
  38.                             <StackPanel Orientation="Horizontal" Visibility="{Binding IsUser, Converter={StaticResource BooleanToVisibilityConverter}}">
  39.                                 <Image Source="/Resources/User.png"  Width="40" Height="40" Margin="5" VerticalAlignment="Top" />
  40.                                 <!-- 使用TextBox代替TextBlock，并设置为只读 -->
  41.                                 <TextBox Text="{Binding Content}" FontFamily="Segoe UI" FontSize="16" Padding="5,10" TextWrapping="Wrap" MaxWidth="750" VerticalAlignment="Top" IsReadOnly="True" BorderBrush="Transparent" Background="Transparent" />
  42.                             </StackPanel>
  43.                         </StackPanel>
  44.                     </DataTemplate>
  45.                 </ListBox.ItemTemplate>
  46.             </ListBox>
  47.         </Grid>
  48.         <!--第二个格子，用户输入框-->
  49.         <Grid Grid.Row="1" Grid.Column="0">
  50.             <Grid.ColumnDefinitions>
  51.                 <ColumnDefinition Width="3*" />
  52.                 <!-- 调整比例为3:1，更符合输入框和按钮的实际需求 -->
  53.                 <ColumnDefinition Width="1*"/>
  54.             </Grid.ColumnDefinitions>
  56.             <!-- 输入信息框 -->
  57.             <Grid Grid.Column="0" Margin="0,0,0,0">
  58.                 <!-- 统一化Margin值 -->
  59.                 <TextBox x:Name="InputTextBox"
  60.                  MaxWidth="540"
  61.                  Height="50"  
  62.                     VerticalAlignment="Bottom"
  63.                  KeyDown="InputTextBox_KeyDown"
  64.                  Margin="107,0,2.4,19.6"/>
  65.                 <!-- 移除内层Margin，使用Grid的Margin控制 -->
  66.             </Grid>
  68.             <!-- 发送按钮区域 -->
  69.             <Grid Grid.Column="1" Margin="0,0,0,0">
  70.                 <!-- 添加右下Margin保持整体平衡 -->
  71.                 <!-- 发送按钮 -->
  72.                 <Button x:Name="SendButton"
  73.                     Content="Send"
  74.                     Width="70"
  75.                     Height="40"  
  76.                     HorizontalAlignment="Left"
  77.                     VerticalAlignment="Bottom"
  78.                     Background="#147bc6"
  79.                     Foreground="White"
  80.                     Click="SendButton_Click"
  81.                     FontFamily="Arial Black"
  82.                     FontSize="13"
  83.                     Margin="6,0,0,23.6"/>
  85.                 <Button x:Name="SendButton1"
  86.                     Content="new"
  87.                     Width="30"
  88.                     Height="30"
  89.                     HorizontalAlignment="Left"
  90.                     VerticalAlignment="Bottom"
  91.                     Background="#FFB6F5C2"
  92.                     Foreground="#FF424234"
  93.                     Click="SendButton_Click1"
  94.                     FontFamily="Cambria"
  95.                     Margin="93,0,0,49"/>
  96.             </Grid>
  97.         </Grid>
  99.     </Grid>
  100. </Window>

MainWindow.xaml.cs 

  1. using Newtonsoft.Json;
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Text.RegularExpressions;
  5. using System.IO;
  6. using System.Linq;
  7. using System.Net.Http;
  8. using System.Text;
  9. using System.Threading.Tasks;
  10. using System.Windows;
  11. using System.Windows.Controls;
  12. using System.Windows.Data;
  13. using System.Windows.Documents;
  14. using System.Windows.Input;
  15. using System.Windows.Media;
  16. using System.Windows.Media.Imaging;
  17. using System.Windows.Navigation;
  18. using System.Windows.Shapes;
  19. using System.Net;
  20. using System.Threading;
  23. namespace WpfApplication2
  24. {
  25.     /// 
  26.     /// MainWindow.xaml 的交互逻辑
  27.     /// 
  28.     public partial class MainWindow : Window
  29.     {
  30.         // 创建一个ChatViewModel对象来保存聊天历史
  31.         private ChatViewModel _viewModel;
  32.         // 用于存储对话的历史记录
  33.         static StringBuilder conversationHistory = new StringBuilder();
  34.         public MainWindow()
  35.         {
  36.             InitializeComponent();
  37.             _viewModel = new ChatViewModel();
  38.             DataContext = _viewModel;
  39.         }
  42.         /// 
  43.         /// 输入按钮框
  44.         /// 
  45.         /// 
  46.         /// 
  47.         private void InputTextBox_KeyDown(object sender, KeyEventArgs e)
  48.         {
  49.             // 用户输入
  50.             string userInput = InputTextBox.Text;
  51.             if (e.Key == Key.Enter)
  52.             {
  53.                 // 异步方法需在同步上下文中调用（需手动处理）
  54.                 Task.Factory.StartNew(() =>
  55.                 {
  56.                     // 调用同步的AIMain方法获取响应
  57.                     RunAI(userInput);
  58.                 });
  59.                 clearText();
  60.             }
  61.         }
  63.         /// 
  64.         /// 将最新的消息显示到最上面
  65.         /// 
  66.         private void clearText()
  67.         {
  68.             // 设置最后一个消息为选中的项
  69.             listbox.SelectedItem = _viewModel.Messages.LastOrDefault();
  70.             // 滚动到选中的项（即最后一项）
  71.             listbox.ScrollIntoView(listbox.SelectedItem);
  72.         }
  73.         /// 
  74.         /// 确认发送按钮
  75.         /// 
  76.         /// 
  77.         /// 
  78.         private void SendButton_Click(object sender, RoutedEventArgs e)
  79.         {
  80.             // 用户输入
  81.             string userInput = InputTextBox.Text;
  82.             // 异步方法需在同步上下文中调用（需手动处理）
  83.             Task.Factory.StartNew(() =>
  84.             {
  85.                 // 调用同步的AIMain方法获取响应
  86.                 RunAI(userInput);
  87.             });
  88.             clearText();
  89.         }
  91.         private CancellationTokenSource cancellationTokenSource;
  92.         private CancellationToken cancellationToken;
  93.         public void RunAI(string userInput)
  94.         {
  95.             // 如果输入不正确，不输出
  96.             if (string.IsNullOrWhiteSpace(userInput))
  97.                 return;
  99.             // 创建取消源
  100.             cancellationTokenSource = new CancellationTokenSource();
  101.             cancellationToken = cancellationTokenSource.Token;
  103.             // 用户输入添加到历史对话记录
  104.             conversationHistory.AppendLine($"用户: {userInput}");
  106.             // 添加用户消息
  107.             Dispatcher.Invoke((Action)(() =>
  108.             {
  109.                 // 添加AI消息
  110.                 _viewModel.AddUserMessage(userInput);
  111.             }));
  113.             // 用户输入添加到历史对话记录
  114.             var requestData = new
  115.             {
  116.                 model = "deepseek-r1:1.5b",
  117.                 prompt = conversationHistory.ToString(),
  118.                 stream = true
  119.             };
  121.             string jsonContent = Newtonsoft.Json.JsonConvert.SerializeObject(requestData);
  122.             byte[] byteArray = Encoding.UTF8.GetBytes(jsonContent);
  124.             HttpWebRequest request = (HttpWebRequest)WebRequest.Create("http://localhost:11434/api/generate");
  125.             request.Method = "POST";
  126.             request.ContentType = "application/json";
  127.             request.ContentLength = byteArray.Length;
  129.             try
  130.             {
  131.                 using (Stream dataStream = request.GetRequestStream())
  132.                 {
  133.                     dataStream.Write(byteArray, 0, byteArray.Length);
  134.                 }
  135.             }
  136.             catch
  137.             {
  138.                     MessageBox.Show("请本地配置DeepSeek,或者启动相关服务");
  139.                     return;
  140.             }
  143.             try
  144.             {
  145.                 using (HttpWebResponse response = (HttpWebResponse)request.GetResponse())
  146.                 using (Stream responseStream = response.GetResponseStream())
  147.                 using (StreamReader reader = new StreamReader(responseStream))
  148.                 {
  149.                     string line;
  150.                     string line2 = "";
  151.                     while ((line = reader.ReadLine()) != null)
  152.                     {
  153.                         // 检查取消标志
  154.                         if (cancellationToken.IsCancellationRequested)
  155.                         {
  156.                             break; // 如果取消请求，退出读取流
  157.                         }
  158.                         if (!string.IsNullOrEmpty(line))
  159.                         {
  160.                             dynamic result = Newtonsoft.Json.JsonConvert.DeserializeObject(line);
  161.                             if (result != null && result.response != null)
  162.                             {
  163.                                 // 每次读取一行后，立即通过Dispatcher更新UI
  164.                                 string responseText = result.response;
  165.                                 // 去除所有多余的换行符（例如将每个换行符替换为空格）
  166.                                 responseText = responseText.Replace(Environment.NewLine, " ");
  167.                                 string surrt = RegexLine(responseText);
  168.                                 line2 += surrt;
  170.                                 Dispatcher.Invoke((Action)(() =>
  171.                                 {
  172.                                     // 添加AI消息
  173.                                     _viewModel.AddAIMessage(surrt);
  174.                                 }));
  175.                             }
  176.                         }
  177.                     }
  178.                     //添加历史对话
  179.                     conversationHistory.AppendLine($"DeepSeek: {line2}");
  180.                     line2 = "";
  181.                 }
  182.             }
  183.             catch (WebException ex)
  184.             {
  185.                 MessageBox.Show("请求异常: " + ex.Message);
  186.             }
  187.             Dispatcher.Invoke((Action)(() =>
  188.             {
  189.                 // 清空输入框
  190.                 InputTextBox.Text = "";
  191.             }));
  192.         }
  193.         /// 
  194.         /// 处理DeepSeek返回的字符串
  195.         /// 
  196.         /// 
  197.         /// 
  198.         private string RegexLine(string line2)
  199.         {
  200.             // 使用正则表达式去掉  和  标签
  201.             line2 = Regex.Replace(line2, @"", "\n");
  202.             // 去掉开头的换行符
  203.             line2 = line2.TrimStart('\r', '\n');
  204.             return line2;
  205.         }
  208.         /// 
  209.         /// 开启新的对话
  210.         /// 
  211.         /// 
  212.         /// 
  213.         private void SendButton_Click1(object sender, RoutedEventArgs e)
  214.         {
  215.             // 取消流接收
  216.             cancellationTokenSource?.Cancel();
  217.             // 1清空 _viewModel 中的消息记录
  218.             _viewModel.Messages.Clear();
  219.             // 2清空输入框
  220.             InputTextBox.Text = "";
  221.             // 3清空历史记录
  222.             conversationHistory.Clear();
  223.         }
  225.     }
  226. }

ChatViewModel.cs 

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Collections.ObjectModel;
  5. using System.Text;
  6. using System.ComponentModel;
  8. namespace WpfApplication2
  9. {
  10.     public class ChatViewModel : INotifyPropertyChanged
  11.     {
  12.         private ObservableCollection<Message> _messages;
  13.         public ObservableCollection<Message> Messages
  14.         {
  15.             get { return _messages; }
  16.             set
  17.             {
  18.                 _messages = value;
  19.                 OnPropertyChanged(nameof(Messages));
  20.             }
  21.         }
  23.         public ChatViewModel()
  24.         {
  25.             Messages = new ObservableCollection<Message>();
  26.         }
  29.         // 添加用户消息
  30.         public void AddUserMessage(string userInput)
  31.         {
  32.             Messages.Add(new Message { Content = userInput, IsUser = true, IsAI = false });
  33.         }
  35.         // 添加AI消息
  36.         public void AddAIMessage(string newText)
  37.         {
  38.             // 检查是否已有消息，且最后一条消息是AI消息
  39.             if (Messages.Any() && !Messages.Last().IsUser)
  40.             {
  41.                 Messages.Last().Content += newText;  // 追加流数据到最后一条消息
  42.                 OnPropertyChanged(nameof(Messages));  // 通知UI更新
  43.             }
  44.             else
  45.             {
  46.                 // 如果没有消息或最后一条消息是用户消息，则创建新消息
  47.                 Messages.Add(new Message { Content = newText, IsUser = false, IsAI = true });
  48.             }
  49.         }
  51.         // 实现INotifyPropertyChanged接口
  52.         public event PropertyChangedEventHandler PropertyChanged;
  54.         protected virtual void OnPropertyChanged(string propertyName)
  55.         {
  56.             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
  57.         }
  58.     }
  59. }

BooleanToVisibilityConverter.cs 

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Globalization;
  4. using System.Linq;
  5. using System.Text;
  6. using System.Windows;
  7. using System.Windows.Data;
  9. namespace WpfApplication2
  10. {
  11.     public class BooleanToVisibilityConverter : IValueConverter
  12.     {
  13.         public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  14.         {
  15.             return value is bool && (bool)value ? Visibility.Visible : Visibility.Collapsed;
  16.         }
  18.         public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
  19.         {
  20.             return value;
  21.         }
  22.     }
  23. }

5 需要安装System.Net.Http库 

  1. Install-package System.Net.Http

6 相关图片如下

Resources/Deepseek.png

Resources/User.png

通过以上步骤，我们成功创建了一个进阶版的DeepSeek本地客户端，具备了实时对话、消息区分和文本复制等功能。随着对WPF和DeepSeek的深入了解，您可以进一步扩展功能，比如增加更多的用户交互方式和优化UI设计。希望本文对您在WPF开发和DeepSeek应用方面有所帮助！

消息用户
大数据

git -学习笔记

2025-3-3 10:15:54

大数据

kafka中isr啥意思(kafka的isr是什么)

2025-3-3 10:15:57

0 条回复 A文章作者 M管理员
欢迎您，新朋友，感谢参与互动！
    暂无讨论，说说你的看法吧

请输入验证码

请输入图片中的验证码
点击发送按钮获取验证码

取消
×
×
￥undefined
请打开手机使用微信扫码支付
「」
×

....支付确认中....

「」
×
支付金额

￥

undefined
×
积分支付
您当前的积分为0

检测到您未绑定微信账户，请先绑定微信

立刻绑定
确定
×

打开微信扫一扫

扫码并「关注我们的公众号」安全快捷登录

×

下载海报：