让我知道,如果你要我展示一个原型.

编辑

开始.您可以点击/选择一条线条,文本框将滚动到该行.

还要补充：

>当线条的数量是大的时候该怎么做？
>以不同的方式显示当前在线上的行？
>将文本框中的插入符号与选定的行保持同步.
> …

这些可以解决,但很大程度上取决于你想要的.这应该让你开始.

XAML：

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication2"
        Title="MainWindow"
        Height="350"
        Width="525">
    <Window.Resources>
        <local:StatusToBrushConverter x:Key="statusToBrushConverter" />
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="30" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <ListBox ItemsSource="{Binding}"
                 SelectionChanged="ListBox_SelectionChanged">
            <ListBox.ItemContainerStyle>
                <Style TargetType="ListBoxItem">
                    <Setter Property="HorizontalContentAlignment"
                            Value="Stretch" />
                    <Setter Property="Opacity"
                            Value="0.5" />
                    <Setter Property="MaxHeight"
                            Value="1" />
                    <Setter Property="MinHeight"
                            Value="1" />
                    <Style.Triggers>
                        <Trigger Property="IsSelected"
                                 Value="True">
                            <Trigger.Setters>
                                <Setter Property="Opacity"
                                        Value="1.0" />
                            </Trigger.Setters>
                        </Trigger>
                    </Style.Triggers>
                </Style>

            </ListBox.ItemContainerStyle>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Rectangle StrokeThickness="0"
                               Stroke="Green"
                               Fill="{Binding Status,Converter={StaticResource statusToBrushConverter}}"
                               Height="1"
                               HorizontalAlignment="Stretch" />
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <TextBox AcceptsReturn="True"
                 Grid.Column="1"
                 x:Name="codeBox" />
    </Grid>
</Window>

C#：

using System;
using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Linq;
using System.Windows;
using System.Windows.Controls;

namespace WpfApplication2
{
    public partial class MainWindow : Window
    {
        private CodeLines lines;

        public MainWindow()
        {
            InitializeComponent();

            lines = new CodeLines();

            Random random = new Random();
            for (int i = 0; i < 200; i++)
            {
                lines.Add(new CodeLine { Status = (VersionStatus)random.Next(0,5),Line = "Line " + i });
            }

            this.DataContext = lines;

            codeBox.Text = String.Join("\n",from line in lines
                                            select line.Line);
        }

        private void ListBox_SelectionChanged(object sender,SelectionChangedEventArgs e)
        {
            var selectedLine = ((ListBox)sender).SelectedIndex;
            codeBox.ScrollToLine(selectedLine);
        }
    }

    public enum VersionStatus
    {
        Original,Added,Modified,Deleted
    }

    public class CodeLine : INotifyPropertyChanged
    {

        private VersionStatus status;

        public VersionStatus Status
        {
            get { return status; }
            set
            {
                if (status != value)
                {
                    status = value;
                    OnPropertyChanged("Status");
                }
            }
        }

        private string line;

        public string Line
        {
            get { return line; }
            set
            {
                if (line != value)
                {
                    line = value;
                    OnPropertyChanged("Line");
                }
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void OnPropertyChanged(string propertyName)
        {
            var p = PropertyChanged;
            if (p != null)
            {
                p(this,new PropertyChangedEventArgs(propertyName));
            }
        }
    }

    public class CodeLines : ObservableCollection<CodeLine>
    {
    }


    class StatusToBrushConverter : IValueConverter
    {
        public object Convert(object value,Type targetType,object parameter,System.Globalization.CultureInfo culture)
        {
            var status = (VersionStatus)value;
            switch (status)
            {
                case VersionStatus.Original:
                    return Brushes.Green;
                case VersionStatus.Added:
                    return Brushes.Blue;
                case VersionStatus.Modified:
                    return Brushes.Yellow;
                case VersionStatus.Deleted:
                    return Brushes.Red;
                default:
                    return DependencyProperty.UnsetValue;
            }
        }

        public object ConvertBack(object value,System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}