UWP - So erstellen Sie ein TokenAutoComplete-Steuerelement

Question

Ich entwickle UWP (Win10 - VS2015) App. Ich brauche eine Token TextBox in der Windows-Plattform. Irgendeine Idee, bitte, wie man dieses Steuerelement startet und erstellt, dann wenn man Text innerhalb der Textbox schreibt und Platz eingibt oder einfach auf diesen Text klickt, sollte es in ausgewählte Token konvertieren. Siehe das Bild (es ist nur für die Idee). Ich brauche solche Art von Kontrolle.

Sie können auch Idee von diesem Beitrag erhalten TokenAutoComplete

Answer 1

Der Code, den ich Entsendung bin Anfangscode ist, können Sie beginnen Steuerung builting mit ..

I verwendet RichTextBlock und Textbox. Wenn Sie diese beiden Steuerelemente in WrapPanel in der Gridview einfügen. Sie könnten eine ähnliche Kontrolle bekommen, die Sie wollten, aber ich habe es nicht versucht.

<RichTextBlock x:Name="tokenblock"> 
       <Paragraph> 

       </Paragraph> 

      </RichTextBlock> 
      <TextBox TextChanged="TextBox_TextChanged"/> 

-Code ist hinter ähnliche

private void TextBox_TextChanged(object sender, TextChangedEventArgs e) 
     { 
      string text = (sender as TextBox).Text; 
      if (text.Contains(';')) 
      { 
       Paragraph para; 
       text = text.Substring(0, text.LastIndexOf(';')); 
       if (tokenblock.Blocks.Count > 0) 
        para = tokenblock.Blocks[0] as Paragraph; 
       else 
       para = new Paragraph(); 
       InlineUIContainer inline = new InlineUIContainer(); 
       Border br = new Border(); 
       br.Background = new SolidColorBrush(Colors.Gray); 
       br.CornerRadius = new CornerRadius(10); 
       TextBlock tb = new TextBlock(); 
       br.MinWidth = 70; 
       br.MaxWidth = 150; 
       tb.Text = text; 
       tb.TextWrapping = TextWrapping.Wrap; 
       tb.Margin =new Thickness(10, 10, 10, 10); 
       br.Child = tb; 
       inline.Child = br; 
       para.Inlines.Add(inline); 
       (sender as TextBox).Text = ""; 
      } 

// unten Codes ich nicht versucht haben

<GridView x:Name="myGridView" IsItemClickEnabled="True"> 
     <GridView.ItemsPanel> 
      <ItemsPanelTemplate> 
       <ItemsWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="5"/> 
      </ItemsPanelTemplate> 
     </GridView.ItemsPanel> 
//here you have to put RichTextBlock and textbox as two gridview items