如何将项目列表绑定到堆栈面板内的文本框答案

【问题标题】：How to bind a list of items to textbox inside stackpanel如何将项目列表绑定到堆栈面板内的文本框
【发布时间】：2015-09-24 10:52:59
【问题描述】：

我是 Windows 应用程序开发的新手，并试图实现如下所示的内容：

Tag no:1 Tag no:2 Tag no:3 //屏幕左端

标签号：4 标签号：5 ...等等。

有些是这样的：

我在 Windows 10 通用应用程序开发中这样做。

提前致谢。

我的 Xaml 代码：

 <StackPanel Orientation="Horizontal">
      <TextBlock Text="{x:Bind comment_tags}" />
 </StackPanel>

我的 c# 代码：

    public List<string> comments_tags = new List<string>();
    public MainPage()
    {
        this.InitializeComponent();
        for(int i =0; i < 20; i++)
        {
            comments_tags.Add("Tag no: " + i);
        }

     }

我尝试过的新方法：

    public List<Border> comment_tags = new List<Border>();

        for (int i = 0; i < 20; i++)
        {
            Border b_temp = new Border();
            b_temp.CornerRadius = new CornerRadius(3);
            b_temp.Background = new SolidColorBrush(Colors.Aqua);
            TextBlock t = new TextBlock();
            t.Text = "Tag no: " + i;
            t.Foreground = new SolidColorBrush(Colors.Aqua)
            b_temp.Child = t;
            comments_tags.Add(b_temp);
        }

【问题讨论】：

如果我们能够将其绑定到 xaml 控件“public List cmets_tags = new List();”
?我没看懂这条评论？
希望你现在可以通过看到我的新方法得到它。非常感谢。
你试过我在下面的答案中发布的内容吗？
是的，我试过了。它没有将字符串绑定到文本块。它显示空样式框

标签： c# wpf xaml data-binding

【解决方案1】：

这里你处理标签的方法不正确，你不想要一个文本框，你需要一个可以理解标签是什么以及如何处理它的控件。

查看here 和here 以了解如何实现此功能。

或者一个最小的实现可以是

<ItemsControl ItemsSource="{x:Bind Items}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>

        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Border BorderBrush="PowderBlue" CornerRadius="5" BorderThickness="2" Height="45" Margin="5" >
                    <TextBlock Text="{Binding}" VerticalAlignment="Center" Margin="5"/>
                </Border>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

后面的代码是

 public MainWindow()
    {
        InitializeComponent();
        Items = new[] {"ABC", "DEF"};
        this.DataContext = this;
    }
    public string[] Items
    { get; set; }

【讨论】：

Windows 10 ItemSource = {x:Bind Items} inItemControl 和 In DataTemplate Text = {Binding} 的简单修改。现在这对我有用。非常感谢泥

【解决方案2】：

您不能将字符串列表直接绑定到 TextBox 控件。由于 TextBox 控件只显示一个字符串，因此可以将列表的所有项目添加到一个字符串属性，并且该属性应用于将文本绑定到 TextBox。

您可以将 Text 绑定到 TextBox，如下所示：

XAML

 <StackPanel Orientation="Horizontal">
      <TextBlock Text="{Binding TBProperty}" />
 </StackPanel>

 public List<string> comments_tags = new List<string>();

        public string TBProperty
        {
            get;
            set;
        }

        public MainWindow()
        {
            InitializeComponent();

            this.DataContext = this;

            for (int i = 0; i < 20; i++)
            {
                comments_tags.Add("Tag no: " + i);
            }

            foreach (string comment in comments_tags)
            {
                TBProperty += comment + " ";
            }

        }

【讨论】：

谢谢 Akansha .. 但我需要为每个标签设置类似边框的样式.. 我认为这不适用于这个过程......如果可能的话，请同时提及。