Adakah cara untuk membuat blokir WPF dapat dipilih?

Saya ingin membuat teks ditampilkan di Witty , klien Twitter open source, dapat dipilih. Saat ini ditampilkan menggunakan blok teks khusus. Saya perlu menggunakan TextBlock karena saya bekerja dengan inline textblock untuk menampilkan dan memformat @namapengguna dan tautan sebagai hyperlink. Permintaan yang sering adalah untuk dapat menyalin-menempelkan teks. Untuk melakukan itu saya perlu membuat TextBlock dipilih.

Saya mencoba membuatnya bekerja dengan menampilkan teks menggunakan TextBox read-only yang ditata agar terlihat seperti textblock tetapi ini tidak akan berfungsi dalam kasus saya karena TextBox tidak memiliki inline. Dengan kata lain, saya tidak bisa mendesain atau memformat teks dalam TextBox secara individual seperti saya bisa dengan TextBlock.

Ada ide?

<TextBox Background="Transparent"
         BorderThickness="0"
         Text="{Binding Text, Mode=OneWay}"
         IsReadOnly="True"
         TextWrapping="Wrap" />

Semua jawaban di sini hanya menggunakan TextBoxatau mencoba menerapkan pemilihan teks secara manual, yang mengarah pada kinerja yang buruk atau perilaku non-pribumi (tanda sisipan berkedip TextBox, tidak ada dukungan keyboard dalam implementasi manual, dll.)

Setelah berjam-jam menggali dan membaca kode sumber WPF , saya malah menemukan cara mengaktifkan pemilihan teks WPF asli untuk TextBlockkontrol (atau benar-benar kontrol lain). Sebagian besar fungsi di sekitar pemilihan teks diimplementasikan dalam System.Windows.Documents.TextEditorkelas sistem.

Untuk mengaktifkan pemilihan teks untuk kontrol Anda, Anda perlu melakukan dua hal:

1. Panggil TextEditor.RegisterCommandHandlers()sekali untuk mendaftarkan penangan acara kelas

2. Buat instance TextEditoruntuk setiap instance dari kelas Anda dan berikan instance Anda System.Windows.Documents.ITextContaineruntuknya

Ada juga persyaratan yang mengatur Focusableproperti kontrol Anda True.

Ini dia! Kedengarannya mudah, tetapi sayangnya TextEditorkelas ditandai sebagai internal. Jadi saya harus menulis pembungkus refleksi di sekitarnya:

class TextEditorWrapper
{
    private static readonly Type TextEditorType = Type.GetType("System.Windows.Documents.TextEditor, PresentationFramework, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35");
    private static readonly PropertyInfo IsReadOnlyProp = TextEditorType.GetProperty("IsReadOnly", BindingFlags.Instance | BindingFlags.NonPublic);
    private static readonly PropertyInfo TextViewProp = TextEditorType.GetProperty("TextView", BindingFlags.Instance | BindingFlags.NonPublic);
    private static readonly MethodInfo RegisterMethod = TextEditorType.GetMethod("RegisterCommandHandlers", 
        BindingFlags.Static | BindingFlags.NonPublic, null, new[] { typeof(Type), typeof(bool), typeof(bool), typeof(bool) }, null);

    private static readonly Type TextContainerType = Type.GetType("System.Windows.Documents.ITextContainer, PresentationFramework, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35");
    private static readonly PropertyInfo TextContainerTextViewProp = TextContainerType.GetProperty("TextView");

    private static readonly PropertyInfo TextContainerProp = typeof(TextBlock).GetProperty("TextContainer", BindingFlags.Instance | BindingFlags.NonPublic);

    public static void RegisterCommandHandlers(Type controlType, bool acceptsRichContent, bool readOnly, bool registerEventListeners)
    {
        RegisterMethod.Invoke(null, new object[] { controlType, acceptsRichContent, readOnly, registerEventListeners });
    }

    public static TextEditorWrapper CreateFor(TextBlock tb)
    {
        var textContainer = TextContainerProp.GetValue(tb);

        var editor = new TextEditorWrapper(textContainer, tb, false);
        IsReadOnlyProp.SetValue(editor._editor, true);
        TextViewProp.SetValue(editor._editor, TextContainerTextViewProp.GetValue(textContainer));

        return editor;
    }

    private readonly object _editor;

    public TextEditorWrapper(object textContainer, FrameworkElement uiScope, bool isUndoEnabled)
    {
        _editor = Activator.CreateInstance(TextEditorType, BindingFlags.Instance | BindingFlags.NonPublic | BindingFlags.CreateInstance, 
            null, new[] { textContainer, uiScope, isUndoEnabled }, null);
    }
}

Saya juga membuat SelectableTextBlockturunan dari TextBlockyang mengambil langkah-langkah yang disebutkan di atas:

public class SelectableTextBlock : TextBlock
{
    static SelectableTextBlock()
    {
        FocusableProperty.OverrideMetadata(typeof(SelectableTextBlock), new FrameworkPropertyMetadata(true));
        TextEditorWrapper.RegisterCommandHandlers(typeof(SelectableTextBlock), true, true, true);

        // remove the focus rectangle around the control
        FocusVisualStyleProperty.OverrideMetadata(typeof(SelectableTextBlock), new FrameworkPropertyMetadata((object)null));
    }

    private readonly TextEditorWrapper _editor;

    public SelectableTextBlock()
    {
        _editor = TextEditorWrapper.CreateFor(this);
    }
}

Pilihan lain adalah membuat properti terlampir untuk TextBlockmemungkinkan pemilihan teks sesuai permintaan. Dalam hal ini, untuk menonaktifkan seleksi lagi, kita perlu melepaskan a TextEditordengan menggunakan refleksi setara dari kode ini:

_editor.TextContainer.TextView = null;
_editor.OnDetach();
_editor = null;

Saya tidak dapat menemukan contoh untuk benar-benar menjawab pertanyaan itu. Semua jawaban menggunakan Textbox atau RichTextbox. Saya membutuhkan solusi yang memungkinkan saya untuk menggunakan TextBlock, dan ini adalah solusi yang saya buat.

Saya percaya cara yang benar untuk melakukan ini adalah memperluas kelas TextBlock. Ini adalah kode yang saya gunakan untuk memperluas kelas TextBlock untuk memungkinkan saya memilih teks dan menyalinnya ke clipboard. "sdo" adalah referensi namespace yang saya gunakan di WPF.

WPF Menggunakan Extended Class:

xmlns:sdo="clr-namespace:iFaceCaseMain"

<sdo:TextBlockMoo x:Name="txtResults" Background="Black" Margin="5,5,5,5" 
      Foreground="GreenYellow" FontSize="14" FontFamily="Courier New"></TextBlockMoo>

Kode di Belakang untuk Kelas Lanjutan:

public partial class TextBlockMoo : TextBlock 
{
    TextPointer StartSelectPosition;
    TextPointer EndSelectPosition;
    public String SelectedText = "";

    public delegate void TextSelectedHandler(string SelectedText);
    public event TextSelectedHandler TextSelected;

    protected override void OnMouseDown(MouseButtonEventArgs e)
    {
        base.OnMouseDown(e);
        Point mouseDownPoint = e.GetPosition(this);
        StartSelectPosition = this.GetPositionFromPoint(mouseDownPoint, true);            
    }

    protected override void OnMouseUp(MouseButtonEventArgs e)
    {
        base.OnMouseUp(e);
        Point mouseUpPoint = e.GetPosition(this);
        EndSelectPosition = this.GetPositionFromPoint(mouseUpPoint, true);

        TextRange otr = new TextRange(this.ContentStart, this.ContentEnd);
        otr.ApplyPropertyValue(TextElement.ForegroundProperty, new SolidColorBrush(Colors.GreenYellow));

        TextRange ntr = new TextRange(StartSelectPosition, EndSelectPosition);
        ntr.ApplyPropertyValue(TextElement.ForegroundProperty, new SolidColorBrush(Colors.White));

        SelectedText = ntr.Text;
        if (!(TextSelected == null))
        {
            TextSelected(SelectedText);
        }
    }
}

Contoh Jendela Kode:

    public ucExample(IInstanceHost host, ref String WindowTitle, String ApplicationID, String Parameters)
    {
        InitializeComponent();
        /*Used to add selected text to clipboard*/
        this.txtResults.TextSelected += txtResults_TextSelected;
    }

    void txtResults_TextSelected(string SelectedText)
    {
        Clipboard.SetText(SelectedText);
    }

Terapkan gaya ini ke TextBox Anda dan hanya itu (terinspirasi dari artikel ini ):

<Style x:Key="SelectableTextBlockLikeStyle" TargetType="TextBox" BasedOn="{StaticResource {x:Type TextBox}}">
    <Setter Property="IsReadOnly" Value="True"/>
    <Setter Property="IsTabStop" Value="False"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Padding" Value="-2,0,0,0"/>
    <!-- The Padding -2,0,0,0 is required because the TextBox
        seems to have an inherent "Padding" of about 2 pixels.
        Without the Padding property,
        the text seems to be 2 pixels to the left
        compared to a TextBlock
    -->
    <Style.Triggers>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsMouseOver" Value="False" />
                <Condition Property="IsFocused" Value="False" />
            </MultiTrigger.Conditions>
            <Setter Property="Template">
                <Setter.Value>
                <ControlTemplate TargetType="{x:Type TextBox}">
                    <TextBlock Text="{TemplateBinding Text}" 
                             FontSize="{TemplateBinding FontSize}"
                             FontStyle="{TemplateBinding FontStyle}"
                             FontFamily="{TemplateBinding FontFamily}"
                             FontWeight="{TemplateBinding FontWeight}"
                             TextWrapping="{TemplateBinding TextWrapping}"
                             Foreground="{DynamicResource NormalText}"
                             Padding="0,0,0,0"
                                       />
                </ControlTemplate>
                </Setter.Value>
            </Setter>
        </MultiTrigger>
    </Style.Triggers>
</Style>

Buat ControlTemplate untuk TextBlock dan letakkan TextBox di dalamnya dengan set properti readonly. Atau cukup gunakan TextBox dan buat hanya dibaca, maka Anda dapat mengubah TextBox. Gaya untuk membuatnya tampak seperti TextBlock.

Saya tidak yakin apakah Anda dapat membuat TextBlock dapat dipilih, tetapi opsi lain adalah menggunakan RichTextBox - ini seperti TextBox seperti yang Anda sarankan, tetapi mendukung pemformatan yang Anda inginkan.

Menurut Windows Dev Center :

Properti TextBlock.IsTextSelectionEnabled

[Diperbarui untuk aplikasi UWP pada Windows 10. Untuk artikel Windows 8.x, lihat arsip ]

Mendapat atau menetapkan nilai yang menunjukkan apakah pemilihan teks diaktifkan di TextBlock , baik melalui aksi pengguna atau memanggil API terkait pemilihan.

Sementara pertanyaannya memang mengatakan 'Dapat Dipilih' Saya percaya hasil yang disengaja adalah untuk mendapatkan teks ke clipboard. Ini dapat dengan mudah dan elegan dicapai dengan menambahkan Menu Konteks dan item menu yang disebut salinan yang menempatkan nilai properti Textblock Text di clipboard. Hanya sebuah ide.

TextBlock tidak memiliki templat. Jadi untuk mencapai ini, kita perlu menggunakan TextBox yang gayanya diubah untuk berperilaku sebagai textBlock.

<Style x:Key="TextBlockUsingTextBoxStyle" BasedOn="{x:Null}" TargetType="{x:Type TextBox}">
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="BorderBrush" Value="{StaticResource TextBoxBorder}"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="Padding" Value="1"/>
    <Setter Property="AllowDrop" Value="true"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
    <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <TextBox BorderThickness="{TemplateBinding BorderThickness}" IsReadOnly="True" Text="{TemplateBinding Text}" Background="{x:Null}" BorderBrush="{x:Null}" />
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Ada solusi alternatif yang mungkin dapat disesuaikan dengan RichTextBox yang disediakan dalam posting blog ini - ini menggunakan pemicu untuk menukar templat kontrol saat penggunaan melayang di atas kontrol - akan membantu kinerja

new TextBox
{
   Text = text,
   TextAlignment = TextAlignment.Center,
   TextWrapping = TextWrapping.Wrap,
   IsReadOnly = true,
   Background = Brushes.Transparent,
   BorderThickness = new Thickness()
         {
             Top = 0,
             Bottom = 0,
             Left = 0,
             Right = 0
         }
};

Menambahkan ke jawaban @ torvin dan sebagai @ David Huang disebutkan dalam komentar jika Anda telah TextTrimming="CharacterEllipsis"mengaktifkan aplikasi crash ketika Anda mengarahkan kursor ke elipsis.

Saya mencoba opsi lain yang disebutkan di utas tentang menggunakan TextBox tapi itu benar-benar tampaknya tidak menjadi solusi baik karena tidak menunjukkan 'ellipsis' dan juga jika teks terlalu panjang untuk muat wadah memilih konten dari kotak teks 'gulir' secara internal yang bukan merupakan perilaku TextBlock.

Saya pikir solusi terbaik adalah jawaban @ torvin tetapi memiliki crash jahat ketika melayang di atas ellipsis.

Saya tahu ini tidak cantik, tetapi berlangganan / berhenti berlangganan secara internal untuk pengecualian yang tidak ditangani dan menangani pengecualian adalah satu-satunya cara yang saya temukan untuk menyelesaikan masalah ini, silakan bagikan jika seseorang memiliki solusi yang lebih baik :)

public class SelectableTextBlock : TextBlock
{
    static SelectableTextBlock()
    {
        FocusableProperty.OverrideMetadata(typeof(SelectableTextBlock), new FrameworkPropertyMetadata(true));
        TextEditorWrapper.RegisterCommandHandlers(typeof(SelectableTextBlock), true, true, true);

        // remove the focus rectangle around the control
        FocusVisualStyleProperty.OverrideMetadata(typeof(SelectableTextBlock), new FrameworkPropertyMetadata((object)null));
    }

    private readonly TextEditorWrapper _editor;

    public SelectableTextBlock()
    {
        _editor = TextEditorWrapper.CreateFor(this);

        this.Loaded += (sender, args) => {
            this.Dispatcher.UnhandledException -= Dispatcher_UnhandledException;
            this.Dispatcher.UnhandledException += Dispatcher_UnhandledException;
        };
        this.Unloaded += (sender, args) => {
            this.Dispatcher.UnhandledException -= Dispatcher_UnhandledException;
        };
    }

    private void Dispatcher_UnhandledException(object sender, DispatcherUnhandledExceptionEventArgs e)
    {
        if (!string.IsNullOrEmpty(e?.Exception?.StackTrace))
        {
            if (e.Exception.StackTrace.Contains("System.Windows.Controls.TextBlock.GetTextPositionFromDistance"))
            {
                e.Handled = true;
            }
        }
    }
}

Saya telah mengimplementasikan SelectableTextBlock di pustaka kontrol opensource saya. Anda bisa menggunakannya seperti ini:

<jc:SelectableTextBlock Text="Some text" />

public MainPage()
{
    this.InitializeComponent();
    ...
    ...
    ...
    //Make Start result text copiable
    TextBlockStatusStart.IsTextSelectionEnabled = true;
}

Really nice and easy solution, exactly what I wanted !

Saya membawa beberapa modifikasi kecil

public class TextBlockMoo : TextBlock 
{
    public String SelectedText = "";

    public delegate void TextSelectedHandler(string SelectedText);
    public event TextSelectedHandler OnTextSelected;
    protected void RaiseEvent()
    {
        if (OnTextSelected != null){OnTextSelected(SelectedText);}
    }

    TextPointer StartSelectPosition;
    TextPointer EndSelectPosition;
    Brush _saveForeGroundBrush;
    Brush _saveBackGroundBrush;

    TextRange _ntr = null;

    protected override void OnMouseDown(MouseButtonEventArgs e)
    {
        base.OnMouseDown(e);

        if (_ntr!=null) {
            _ntr.ApplyPropertyValue(TextElement.ForegroundProperty, _saveForeGroundBrush);
            _ntr.ApplyPropertyValue(TextElement.BackgroundProperty, _saveBackGroundBrush);
        }

        Point mouseDownPoint = e.GetPosition(this);
        StartSelectPosition = this.GetPositionFromPoint(mouseDownPoint, true);            
    }

    protected override void OnMouseUp(MouseButtonEventArgs e)
    {
        base.OnMouseUp(e);
        Point mouseUpPoint = e.GetPosition(this);
        EndSelectPosition = this.GetPositionFromPoint(mouseUpPoint, true);

        _ntr = new TextRange(StartSelectPosition, EndSelectPosition);

        // keep saved
        _saveForeGroundBrush = (Brush)_ntr.GetPropertyValue(TextElement.ForegroundProperty);
        _saveBackGroundBrush = (Brush)_ntr.GetPropertyValue(TextElement.BackgroundProperty);
        // change style
        _ntr.ApplyPropertyValue(TextElement.BackgroundProperty, new SolidColorBrush(Colors.Yellow));
        _ntr.ApplyPropertyValue(TextElement.ForegroundProperty, new SolidColorBrush(Colors.DarkBlue));

        SelectedText = _ntr.Text;
    }
}