# win 10 UWP 標簽 本文主要翻譯：[http://visuallylocated.com/post/2015/02/20/Creating-a-WrapPanel-for-your-Windows-Runtime-apps.aspx](http://visuallylocated.com/post/2015/02/20/Creating-a-WrapPanel-for-your-Windows-Runtime-apps.aspx) [http://depblog.weblogs.us/2015/02/18/how-to-add-a-tag-list-into-winrt-universal-apps/](http://depblog.weblogs.us/2015/02/18/how-to-add-a-tag-list-into-winrt-universal-apps/) 我們需要給用戶很多標簽，我們需要使用一個控件，他的長度是變化，可以快速放，這樣好像wrapPancel就是我們需要，因為這個我直接寫如果看起來不懂，可以看 <!--more--> <div id="toc"></div>  我們點添加就會添加標簽，我們刪除標簽就很快排版。 我們使用RichBox，這個可以做我們標簽 源代碼因為作者寫的和UWP不一樣，我改UWP，放在https://github.com/lindexi/TagList 運行效果  點擊按鈕  刪除  軟件使用，先add  跳到讓用戶選擇，這里如果讓用戶輸入，使用有點難，可以使用用戶在跳轉輸入，輸入自動變為預設一樣 ```csharp 源.Add(new Tag() {Id = "id",Label = "用戶輸入"}); ```  選擇標簽，選擇完成保存   可以看到首頁  標簽使用在跳轉MainPage ```csharp if (e.NavigationMode == NavigationMode.Back) ``` 我們把選擇保存 ```csharp General.GetInstance().TagSelection ``` 在`SetTags`是本算法的主要 我們搜索全部新加和被刪除 ```csharp var tagParagraph = (Paragraph) (from paragraph in TagRichTextBlock.Blocks where paragraph.Name.StartsWith("Tags") select paragraph).FirstOrDefault(); var tagIds = from tag in General.GetInstance().TagSelection.Tags select tag.Id; var buttonsToRemove = from item in tagParagraph.Inlines.Cast<InlineUIContainer>() where !tagIds.Contains(((Button) item.Child).Name) select item; foreach (InlineUIContainer container in buttonsToRemove) tagParagraph.Inlines.Remove(container); ``` ```csharp IEnumerable<string> buttonIds = from item in tagParagraph.Inlines.Cast<InlineUIContainer>() select ((Button) item.Child).Name; IEnumerable<Tag> tagsToAdd = from item in General.GetInstance().TagSelection.Tags where !buttonIds.Contains(item.Id) select item; foreach (Tag tag in tagsToAdd) { InlineUIContainer container = new InlineUIContainer(); RichTextBlock inlineRichTextBlock = new RichTextBlock() { IsTextSelectionEnabled = false }; Paragraph inlineParagraph = new Paragraph(); inlineParagraph.Inlines.Add(new Run() { Text = string.Format("{0} ", tag.Label), FontSize = 14 }); inlineParagraph.Inlines.Add(new Run() { Text = "\uE106", FontFamily = new FontFamily("Segoe UI Symbol"), FontSize = 10 }); inlineRichTextBlock.Blocks.Add(inlineParagraph); Button tagButton = new Button() { Content = inlineRichTextBlock, Style = (Style) Application.Current.Resources["TagButtonStyle"], Name = tag.Id }; tagButton.Click += OnTagButtonClicked; container.Child = tagButton; tagParagraph.Inlines.Add(container); } ``` 點擊刪除按鈕，刪除id ```csharp string tagId = ((Button) sender).Name; General.GetInstance() .TagSelection.Tags.Remove(General.GetInstance().TagSelection.Tags.Single(item => item.Id.Equals(tagId))); SetTags(); ``` 源碼：https://github.com/Depechie/TagList