This control will contain the following main components: (1) an AutoCompleteTextBox or AutoCompleteComboBox (2) the 'button' control that you describe (3) A UI collection to hold applied tags.

Here's how I would go about creating this control. While (current != null & current.GetType() != typeof(T))Ĭurrent = VisualTreeHelper.GetParent(current) Private static T FindUpVisualTree(DependencyObject initial) where T : DependencyObject / Walks up the visual tree to find object of type T, starting from initial object Void inputBox_LostFocus(object sender, RoutedEventArgs e) / This will change the template, displaying the tag as a button. / Set IsEditing to false when the AutoCompleteBox loses keyboard focus. Parent.RemoveTag(this, true) // do not raise RemoveTag event PreviewKeyDown, because KeyDown does not bubble up for Enter Void inputBox_Loaded(object sender, RoutedEventArgs e)ĪutoCompleteBox acb = sender as AutoCompleteBox / Wire PreviewKeyDown event to handle Escape/Enter keys / When an AutoCompleteBox is created, set the focus to the textbox. Var item = FindUpVisualTree(sender as FrameworkElement) Į.Handled = true // bubbling would raise the tag click event Void btnDelete_Click(object sender, RoutedEventArgs e) / Handles the click on the delete glyph of the tag button. Parent.RaiseTagClick(this) // raise the TagClick event of the EvernoteTagControl

Var btnDelete = b.Template.FindName('PART_DeleteTagButton', b) as Button // will only be found once button is loadedītnDelete.Click -= btnDelete_Click // make sure the handler is applied just once InputBox.LostFocus += inputBox_LostFocus īutton btn = this.GetTemplateChild('PART_TagButton') as Button / Wires up delete button click and focus lostĪutoCompleteBox inputBox = this.GetTemplateChild('PART_InputBox') as AutoCompleteBox Public static readonly DependencyProperty IsEditingProperty = IsEditingPropertyKey.DependencyProperty Private static readonly DependencyPropertyKey IsEditingPropertyKey = DependencyProperty.RegisterReadOnly('IsEditing', typeof(bool), typeof(EvernoteTagItem), new FrameworkPropertyMetadata(false)) Public event Propert圜hangedEventHandler Propert圜hanged Public class ViewModel : INotifyPropert圜hanged I didn't test it thoroughly, let me know if you want to work with it and need further help. This seemed like a really nice exercise, so I tried to build this control.

Evernote tutorial 2006