零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能相关的知识,希望对你有一定的参考价值。

原文:零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能

本章所讲的是运用ListBox、TextBox与Button,做出简单的列表新增删除功能

这种功能常常在很多小地方运用到

?

好久没发文了,先祝大家新年快乐!

?

本章所讲的是运用ListBoxTextBoxButton,做出简单的列表新增删除功能

这种功能常常在很多小地方运用到

?

此为本篇范例最後的成果

?

OK~开始吧!

?

01

请在工作区内放入ListBox、TextBox以及两个Button,位置置於如下图

(如果对ListBox基本属性还不了解的朋友,请看此篇。)

技术分享图片

?

02

接着为这四个物件命名

范例内的命名为:

ListBox=ListBox1

TextBox=TextBox1

Button=AddBtn以及DelBtn

技术分享图片

?

命名完成後,请把:

(1)TextBox内的预设文字删除

(2)ListBox内置入数个ListBoxItem

(3)Button改成AddDelete

技术分享图片

?

以上,前制作业大至完成了

?

03

选取已命名为Add的Button,点选Prpperties->Event会出现一长串的事件状态

找到Click後於输入栏点两下->进入MainPage.cs

技术分享图片

?

把这段

   1: private void AddBtn_Click(object sender, System.Windows.RoutedEventArgs e)
   2:         {
   3:              // TODO: Add event handler implementation here.
   4:         }

?

取代成这段

   1: private void AddBtn_Click(object sender, System.Windows.RoutedEventArgs e)
   2:? 
   3: {
   4:? 
   5: ListBox1.Items.Add(TextBox1.Text);
   6:? 
   7: }

?

命名为Delete的Button也一样

把这段

   1: private void DelBtn_Click(object sender, System.Windows.RoutedEventArgs e)
   2:? 
   3: {
   4:? 
   5: // TODO: Add event handler implementation here.
   6:? 
   7: }
   8:? 

?

改成这段

   1: private void DelBtn_Click(object sender, System.Windows.RoutedEventArgs e)
   2:? 
   3: {
   4:? 
   5: ListBox1.Items.RemoveAt
   6:? 
   7: (ListBox1.Items.IndexOf(ListBox1.SelectedItem));
   8:? 
   9: }

?

04

完成後,按下F5看结果

你会发现Add跟Delete可以作用了

技术分享图片

?

但是,Add过後TextBox里的文字并不会消失

我们回到MainPage.cs,加一段

把刚刚的AddBtn_Click这段,更改如下

   1: private void AddBtn_Click(object sender, System.Windows.RoutedEventArgs e)
   2:? 
   3: {
   4:? 
   5: ListBox1.Items.Add(TextBox1.Text);
   6:? 
   7: TextBox1.Text = string.Empty;
   8:? 
   9: }

?

再按F5预览一次

技术分享图片

?

完成!

?

只是个很简单的分享,希望对你有帮助。

(若是想看更深入的程式教学,请到[email protected]点部落,附有影片教学)

?

?

?

附上本范例的专案

?

?

本篇的教学就到此。

?

?

(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)

一步一步迈向HIE之路

 

喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您

 

 




以上是关于零元学Expression Blend 4 - Chapter 29 ListBox与Button结合运用的简单功能的主要内容,如果未能解决你的问题,请参考以下文章

零元学Expression Blend 4 - Chapter 10 用实例了解布局容器系列-「StackPanel」

零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页

零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」

零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」

零元学Expression Blend 4 - Chapter 9 用实例了解布局容器系列-「Canvas」

零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior