Representing an ongoing conversation in XAML and recording it

Question

I'm working on an application in WPF that will show on going conversations much like what you see here. The conversation could go back in history infinitely far back in time (or at least to when it started). I also want to save it to a file. As posts in the conversation get older, it might be worth allowing garbage collection to remove them from memory until the user tries to scroll that far back.

I also want a log file for the user to browse and search, if desired, with tools like GREP or PowerShell. Unfortunately, I don't think a human readable format will store enough information. So I may need a JSON log as well that I'd reload conversations from.

All this needs to be shown with XAML. If the conversation is too short, I'd like some filler for the space above (below?) the existing posts until the posts fill the window.

Any suggestions on how to implement that?

Answer 1

Hi,@Will Pittenger. Welcome to Microsoft Q&A.

To represent an ongoing conversation in XAML and simultaneously record it for logging purposes, you could use a combination of XAML controls for the UI and a logging mechanism for data recording.

Here's a basic example to get you started:

<Window x:Class="ConversationLogDemo.MainWindow"
...
         Name="window"
        Title="MainWindow" Height="450" Width="800">
 <DockPanel>
        <StackPanel Orientation="Horizontal" DockPanel.Dock="Top" >
            <TextBox x:Name="MessageInput" Height="30" Margin="5"  Width="700"/>
            <Button Content="Send" Margin="10" Height="30" Width="75" Click="OnSendMessageClicked"/>
        </StackPanel>
        <StackPanel Width="{Binding ElementName=window, Path=ActualWidth}" DockPanel.Dock="Top">
            <ScrollViewer >
                <Grid x:Name="ConversationPanel" Margin="10" >
                    
                    <ListView ItemsSource="{Binding Conversations}">
                        <ListView.View>
                            <GridView>
                                <GridViewColumn Header="Sender" DisplayMemberBinding="{Binding Sender}" />
                                <GridViewColumn Header="Content" DisplayMemberBinding="{Binding Content}" />
                                <GridViewColumn Header="Timestamp" DisplayMemberBinding="{Binding Timestamp}" />
                            </GridView>
                        </ListView.View>
                    </ListView>
                </Grid>
            </ScrollViewer>
        </StackPanel>

        <Label Content="something fill the window" Background="AliceBlue"   />
        
       
    </DockPanel>
</Window>

Codebedhind:

using System;
using System.Collections.ObjectModel;
using System.IO;
using System.Windows;
using Formatting = Newtonsoft.Json.Formatting;

namespace ConversationLogDemo
{
    public partial class MainWindow : Window
    {
        private ObservableCollection<Conversation> conversations = new ObservableCollection<Conversation>();
        public ObservableCollection<Conversation> Conversations
        {
            get { return conversations; }
            set { conversations = value; }
        }
        private string _logFilePath = "C:\\Users\\...\\conversationLog.json";
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;

            // Load previous conversations from the log file
            LoadPreviousConversations();
        }
        private void LoadPreviousConversations()
        {
            if (File.Exists(_logFilePath))
            {
                try
                {
                    
                    string[] lines = File.ReadAllLines(_logFilePath);
                    foreach (var line in lines)
                    {
                        Conversation conversation = Newtonsoft.Json.JsonConvert.DeserializeObject<Conversation>(line);
                        Conversations.Add(conversation);
                    }
                }
                catch (Exception ex)
                {
                    Console.WriteLine($"An error occurred while loading conversations: {ex.Message}");
                }
            }
        }

        private void LogConversation(Conversation conversation)
        {
            string jsonConversation = Newtonsoft.Json.JsonConvert.SerializeObject(conversation);

            try
            {
                
                File.AppendAllText(_logFilePath, jsonConversation + Environment.NewLine);
            }
            catch (Exception ex)
            {
                Console.WriteLine($"An error occurred while logging conversation: {ex.Message}");
            }
        }
        private void OnSendMessageClicked(object sender, RoutedEventArgs e)
        {
            Conversation message = new Conversation() { Content= MessageInput.Text,  Timestamp=DateTime.Now };
            conversations.Add(message);
            // DisplayConversation();
            LogConversation(message);
           

            MessageInput.Text = string.Empty;
        }

     
    }
    public class Conversation
    {
        public string Sender { get; set; }
        public DateTime Timestamp { get; set; }
        public string Content { get; set; }
    }

}

The result:

If you still have questions, please feel free to let me know. The problem will be better solved if more details are described (steps, error messages, and code to reproduce the problem).

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.