码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-12-24 11:21:08      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:cursor   idt   move   ram   main   结果   pre   preview   margin   

原文:零元学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预览一次

技术分享图片

?

完成!

?

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

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

?

?

?

附上本范例的专案

?

?

本篇的教学就到此。

?

?

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

一步一步迈向HIE之路

 

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

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

 

 

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

标签:cursor   idt   move   ram   main   结果   pre   preview   margin   

原文地址:http://www.cnblogs.com/lonelyxmas/p/8095203.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!