<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
本篇博文为翻译（<a data-token="c36934326df079ba93af6a0a8f43859f" href="http://www.c-sharpcorner.com/uploadfile/mahesh/listbox-in-wpf/" rel="nofollow" style="color:rgb(0,105,214);line-height:inherit;">http://www.c-sharpcorner.com/uploadfile/mahesh/listbox-in-wpf/</a>），本篇博文主要介绍ListBox控件的创建和用法。<ListBox></ListBox><br>
先从最容易的开始演示ListBox控件的创建。</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Adding ListBox Items<br>
下面的代码是向ListBox控件中添加多项ListBoxItem集合。XAML代码如下：<br>
<ListBox Margin="10,10,0,13" Name="listBox1" HorizontalAlignment="Left"<br>
VerticalAlignment="Top" Width="194" Height="200"><br>
<ListBoxItem Content="Coffie"></ListBoxItem><br>
<ListBoxItem Content="Tea"></ListBoxItem><br>
<ListBoxItem Content="Orange Juice"></ListBoxItem><br>
<ListBoxItem Content="Milk"></ListBoxItem><br>
<ListBoxItem Content="Iced Tea"></ListBoxItem><br>
<ListBoxItem Content="Mango Shake"></ListBoxItem><br>
</ListBox><br>
运行后的界面如图 Figure 1：</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
<img alt="" src="https://201907.oss-cn-shanghai.aliyuncs.com/cs/5606289-0a73f7d7cfa393ef618303957334d721.jpg" style="border:0px;"></p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Figure 1</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Adding ListBox Items Dynamically<br>
动态添加ListBox集合项。用一个文本框，一个按钮。当点击添加按钮向ListBox控件中添加用法输入文本框的值。XAML代码如下：<br>
<TextBox Height="23" HorizontalAlignment="Left" Margin="8,14,0,0"<br>
Name="textBox1" VerticalAlignment="Top" Width="127" /><br>
<Button Height="23" Margin="140,14,0,0" Name="button1" VerticalAlignment="Top"<br>
HorizontalAlignment="Left" Width="76" Click="button1_Click"><br>
Add Item<br>
</Button><br>
运行后的界面如图Figure 2：</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
<img alt="" src="https://201907.oss-cn-shanghai.aliyuncs.com/cs/5606289-1a09bd8e3f0a46dc785558a380a5b66c.jpg" style="border:0px;"></p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Figure 2</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
<br>
Button按钮的后台事件代码如下：<br>
private void button1_Click(object sender, RoutedEventArgs e)<br>
{<br>
listBox1.Items.Add(textBox1.Text);<br>
}<br>
当点击添加按钮，用户输入文本框的值，就会显示到ListBox中。界面如图Figure 3：</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
<img alt="" src="https://201907.oss-cn-shanghai.aliyuncs.com/cs/5606289-331894868b13729f62105f93d829500f.jpg" style="border:0px;"></p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Figure 3</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Deleting ListBox Items<br>
我们可以用ListBox.Items.Remove 或者 ListBox.Items.RemoveAt方法移除ListBox集合中的一项。RemoveAt 方法是用集合中的下标。<br>
在XAML 代码中添加一个移除的按钮，代码如下：<br>
<Button Height="23" Margin="226,14,124,0" Name="DeleteButton" VerticalAlignment="Top" Click="DeleteButton_Click"><br>
Delete Item</Button><br>
按钮事件中写移除的逻辑。<br>
private void DeleteButton_Click(object sender, RoutedEventArgs e)<br>
{<br>
listBox1.Items.RemoveAt<br>
(listBox1.Items.IndexOf(listBox1.SelectedItem));<br>
}</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
Formatting and Styling<br>
Formatting ListBox Items<br>
格式ListBox项，设置ListBoxItem项的前景色和背景色。XAML中的代码如下：<br>
<ListBoxItem Background="LightCoral" Foreground="Red" Content="Coffie"></ListBoxItem><br>
我们也可以设置ListBoxItem的字体样式。<br>
<ListBoxItem Background="LightCoral" Foreground="Red" Content="Coffie" FontFamily="Verdana" FontSize="12"</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
FontWeight="Bold"></ListBoxItem><br>
现在来统一设置一下ListBoxItems的属性：<br>
<ListBoxItem Background="LightCoral" Foreground="Red" Content="Coffie" FontFamily="Verdana" FontSize="12"</p>
<p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:19px;">
FontWeight="Bold"></ListBoxItem><br>
|
|
转播
