欧美日韩成人,欧美日产国产精选,日韩精品第30页

WPF下可編輯Header的Tab控件實現(xiàn)

轉(zhuǎn)帖|其它|編輯：郝浩|2010-12-31 11:49:22.000|閱讀 843 次

概述：有這樣一個需求，當(dāng)用戶雙擊Tab控件Header區(qū)域時，希望可以直接編輯。對于WPF控件，提供一個ControlTemplate在加上一些Trigger就可以實現(xiàn)。

　　有這樣一個需求，當(dāng)用戶雙擊Tab控件Header區(qū)域時，希望可以直接編輯。對于WPF控件，提供一個ControlTemplate在加上一些Trigger就可以實現(xiàn)。效果如下：

代碼

　　首先，我們需要給Tab Header設(shè)計一個ControlTemplate。類似一個TextBlock，雙擊進(jìn)入編輯狀態(tài)。所以Xaml如下：

接下來，我們需要定義個“EditableTabHeaderControl”類，它具有控制TextBox和TextBlock的能力。如下：

namespace EditableTabHeaderDemo
{
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Threading;

/// <summary>
/// Header Editable TabItem
/// </summary>
[TemplatePart(Name = "PART_TabHeader", Type = typeof(TextBox))]
public class EditableTabHeaderControl : ContentControl
{
/// <summary>
/// Dependency property to bind EditMode with XAML Trigger
/// </summary>
private static readonly DependencyProperty IsInEditModeProperty = DependencyProperty.Register("IsInEditMode", typeof(bool), typeof(EditableTabHeaderControl));
private TextBox textBox;
private string oldText;
private DispatcherTimer timer;
private delegate void FocusTextBox();

/// <summary>
/// Gets or sets a value indicating whether this instance is in edit mode.
/// </summary>
public bool IsInEditMode
{
get
{
return (bool)this.GetValue(IsInEditModeProperty);
}
set
{
if (string.IsNullOrEmpty(this.textBox.Text))
{
this.textBox.Text = this.oldText;
}

this.oldText = this.textBox.Text;
this.SetValue(IsInEditModeProperty, value);
}
}

/// <summary>
/// When overridden in a derived class, is invoked whenever application code or internal processes call <see cref="M:System.Windows.FrameworkElement.ApplyTemplate"/>.
/// </summary>
public override void OnApplyTemplate()
{
base.OnApplyTemplate();
this.textBox = this.Template.FindName("PART_TabHeader", this) as TextBox;
if (this.textBox != null)
{
this.timer = new DispatcherTimer();
this.timer.Tick += TimerTick;
this.timer.Interval = TimeSpan.FromMilliseconds(1);
this.LostFocus += TextBoxLostFocus;
this.textBox.KeyDown += TextBoxKeyDown;
this.MouseDoubleClick += EditableTabHeaderControlMouseDoubleClick;
}
}

/// <summary>
/// Sets the IsInEdit mode.
/// </summary>
/// <param name="value">if set to <c>true</c> [value].</param>
public void SetEditMode(bool value)
{
this.IsInEditMode = value;
this.timer.Start();
}

private void TimerTick(object sender, EventArgs e)
{
this.timer.Stop();
this.MoveTextBoxInFocus();
}

private void MoveTextBoxInFocus()
{
if (this.textBox.CheckAccess())
{
if (!string.IsNullOrEmpty(this.textBox.Text))
{
this.textBox.CaretIndex = 0;
this.textBox.Focus();
}
}
else
{
this.textBox.Dispatcher.BeginInvoke(DispatcherPriority.Render, new FocusTextBox(this.MoveTextBoxInFocus));
}
}

private void TextBoxKeyDown(object sender, KeyEventArgs e)
{
if (e.Key == Key.Escape)
{
this.textBox.Text = oldText;
this.IsInEditMode = false;
}
else if (e.Key == Key.Enter)
{
this.IsInEditMode = false;
}
}

private void TextBoxLostFocus(object sender, RoutedEventArgs e)
{
this.IsInEditMode = false;
}

private void EditableTabHeaderControlMouseDoubleClick(object sender, MouseButtonEventArgs e)
{
if (e.LeftButton == MouseButtonState.Pressed)
{
this.SetEditMode(true);
}
}
}
}

　　這里有一個問題，當(dāng)控件進(jìn)入編輯狀態(tài)，TextBox變?yōu)榭梢姞顟B(tài)時，它不能自動獲得focus。一種解決辦法是掛一個Timer，每1毫秒輪詢一次，檢查狀態(tài)并控制focus。

　　現(xiàn)在就來添加一個WPF TabControl，并應(yīng)用ItemContainerStyle。然后雙擊Header，可以編輯啦～