使用多个TextBox或RichTextBox结合布局与MVVM模式实现多区域文本编辑，通过数据绑定管理文本、同步滚动、动态增删区域，并利用UndoStack实现撤销重做功能。
在WPF中实现多区域文本编辑，通常涉及到使用多个
TextBox
控件，或者更高级的富文本编辑器
RichTextBox
，并结合一些布局技巧和数据绑定来实现。核心在于如何管理这些文本区域，以及如何处理它们之间的交互。
解决方案：
-
使用多个TextBox控件： 这是最直接的方法。将多个
TextBox
控件放置在不同的区域，可以使用
Grid
、
StackPanel
或其他布局容器来控制它们的位置和大小。每个
TextBox
控件独立编辑，互不影响。如果需要同步某些属性（例如字体、颜色），可以使用数据绑定或样式来实现。
<Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <TextBox Grid.Column="0" Text="区域1的文本"/> <TextBox Grid.Column="1" Text="区域2的文本"/> </Grid>
-
使用RichTextBox控件：
RichTextBox
提供了更强大的文本编辑功能，包括格式化文本、插入图像等。虽然它本身不是为了多区域编辑设计的，但可以通过一些技巧来实现类似的效果。例如，可以使用
FlowDocument
来组织文本，并在不同的
Paragraph
中插入内容。
<RichTextBox> <FlowDocument> <Paragraph> <Run Text="区域1的文本"/> </Paragraph> <Paragraph> <Run Text="区域2的文本"/> </Paragraph> </FlowDocument> </RichTextBox>
-
自定义控件： 如果需要更复杂的多区域文本编辑功能，可以考虑自定义控件。这需要继承
Control
类，并重写
OnRender
方法来绘制文本区域。这种方法灵活性最高，但实现难度也最大。
-
MVVM模式的应用： 无论使用哪种方法，都建议采用MVVM模式来组织代码。ViewModel负责管理文本数据，View负责显示和编辑文本。这样可以更好地分离关注点，提高代码的可维护性。
例如，ViewModel可以包含多个字符串属性，每个属性对应一个文本区域。View中的
TextBox
控件通过数据绑定来显示和编辑这些属性。
-
处理文本区域之间的交互： 如果需要实现文本区域之间的交互，例如复制、粘贴、拖拽等，需要编写额外的代码来处理这些事件。可以使用
DataObject
类来封装数据，并使用
DragDrop
类来处理拖拽操作。
如何实现文本区域的同步滚动？
同步滚动多个
TextBox
或
RichTextBox
控件，需要监听它们的
VerticalOffset
属性的变化，并将其他控件的
VerticalOffset
属性设置为相同的值。可以使用
ScrollViewer.ScrollChanged
事件来监听滚动事件，并使用数据绑定或代码来实现同步。
具体实现时，需要注意避免循环引用，例如，当一个控件的
VerticalOffset
属性发生变化时，不要立即将其他控件的
VerticalOffset
属性设置为相同的值，而是应该先判断是否已经同步，或者使用一个标志位来避免重复同步。
// 假设有两个TextBox：textBox1 和 textBox2 private void ScrollViewer_ScrollChanged(object sender, ScrollChangedEventArgs e) { if (sender == textBox1.Template.FindName("PART_ContentHost", textBox1) as ScrollViewer) { textBox2.ScrollToVerticalOffset(e.VerticalOffset); } else if (sender == textBox2.Template.FindName("PART_ContentHost", textBox2) as ScrollViewer) { textBox1.ScrollToVerticalOffset(e.VerticalOffset); } }
如何实现文本区域的动态添加和删除？
动态添加和删除文本区域，需要使用
ItemsControl
或
ListBox
等控件来动态生成
TextBox
或
RichTextBox
控件。ViewModel需要包含一个集合属性，用于存储文本区域的数据。当需要添加文本区域时，向集合中添加一个新的数据项。当需要删除文本区域时，从集合中删除对应的数据项。
View中的
ItemsControl
控件通过数据绑定来显示集合中的数据项，并使用
DataTemplate
来定义每个数据项的显示方式。可以使用
Button
控件来触发添加和删除操作。
如何实现文本区域的撤销和重做？
实现文本区域的撤销和重做功能，需要使用
UndoStack
类来管理撤销和重做操作。ViewModel需要包含一个
UndoStack
对象，并在每次文本区域的内容发生变化时，向
UndoStack
中添加一个新的
UndoAction
。
UndoAction
是一个自定义的类，用于封装撤销和重做操作。它需要包含两个方法：
Undo
和
Redo
。
Undo
方法用于撤销操作，
Redo
方法用于重做操作。
View可以使用
Command
来绑定撤销和重做操作。当用户点击撤销或重做按钮时，执行对应的
Command
。
Command
会调用ViewModel中的
Undo
或
Redo
方法，从而实现撤销和重做功能。
public class UndoAction { private string _oldText; private string _newText; private Action<string> _setTextAction; public UndoAction(string oldText, string newText, Action<string> setTextAction) { _oldText = oldText; _newText = newText; _setTextAction = setTextAction; } public void Undo() { _setTextAction(_oldText); } public void Redo() { _setTextAction(_newText); } } //ViewModel public class MyViewModel { private UndoStack _undoStack = new UndoStack(); private string _myText; public string MyText { get { return _myText; } set { if (_myText != value) { _undoStack.Push(new UndoAction(_myText, value, s => MyText = s)); _myText = value; OnPropertyChanged("MyText"); } } } public void Undo() { if (_undoStack.CanUndo) { _undoStack.Undo(); } } public void Redo() { if (_undoStack.CanRedo) { _undoStack.Redo(); } } }