VisualCNET应用程序设计第4章节.pptVIP

第4章 Windows项目界面设计 在Widows应用程序设计中，项目界面设计是最基础的工作。本章主要介绍： ?如何设计命令按钮和单选按钮界面 ?菜单界面 ? 如何设计MDI ?项目的工具栏、状态栏 4.1命令按钮和单选钮界面设计 4.2 菜单界面设计 4.3 MDI界面设计 4.4 工具栏和状态栏设计 4.5设计范例与练习题 4.1命令按钮和单选按钮界面设计 命令按钮界面是常用的项目界面之一。将Button控件添加在窗体上进行控件布局并设计其相应的事件驱动程序即可。 4.1.1 命令按钮界面 4.1.2 单选钮界面 4.1.1命令按钮界面的建立 按钮界面是C#.NET项目常用的界面之一。 设计步骤如下： ⑴ 建立一个C#.NET的Windows应用程序框架，如图4-1所示。 ⑵ 用鼠标拖动窗体Form1或修改属性窗口中的size属性,设置其大小。如图4-2所示。 ⑶ 在工具箱窗口内双击或用鼠标拖动工具箱中的Button，将按钮加入到窗体，重复该操作可加入多个命令按钮，如图4-3所示。 ⑷ 用鼠标拖动按钮或修改属性窗口中按钮的Location属性,设置其位置。如图4-4所示。 ⑸ 在菜单栏选择【文件】|【保存Form1】,保存设计的窗体。⑹ 双击窗体上的命令按钮，例如button1，则显示代码窗口，如图4-5所示。 ⑺ 在按钮的Click事件中编写代码。编写按钮事件代码的方法是 ,选择属性窗口的“事件”按钮图标，如图 4-6 所示。选择要编辑代码的事件，例如Click,双击事件名即可进入此事件的代码窗口。 (8)单击工具栏的【启动调试】图标按钮，运行项目，在“输出”窗口内显示编译和加载过程,若无语法错误显示运行结果。如图4-7所示。 (9)在相应的文件夹内可看到该项目的文件，如图4-8所示。 (10)展开“Windoescs51”项目文件夹，可看到所有文件，如图4-9所示。 【例4-1】一个图像动态显示项目的界面如图4-10所示。窗体上放置两个PictureBox控件和6个Button控件。利用属性窗口进行属性设置如下： （1）利用PictureBox的Image属性分别给两个PictureBox输入一幅图像。 （2）对6个Button控件的Text 属性按图4-10进行设置。 要求单击某一个命令按钮，窗体上左侧图片框（PictureBox1）的图像以相应的动态显示方式显示在右侧的图片框（PictureBox2）内。 例如，运行后单击“左到右”命令钮， PictureBox1的图像动态的从左到右徐徐显示在PictureBox2。 代码设计如下。 private void button1_Click(object sender, System.EventArgs e) { int x,y, pw, ph ; Graphics g1=pictureBox2.CreateGraphics(); Color c=new Color (); Bitmap box1 =new Bitmap(pictureBox1.Image ) Bitmap box2 =new Bitmap(pictureBox2.Image ); pw =this.pictureBox1.Size.Width ; ph = this .pictureBox1.Size.Height ; for (x=0; x=pw;x++) { g1.DrawImage (box1,0,0,x,ph); } } 4.1.2 单选按钮界面设计 单选按钮界面是C#.NET项目常用的界面之一。界面设计步骤如下： （1）建立一个单选按钮界面的项目。 （2）在“工具箱”中选择GroupBox 控件并将其放入窗体； （3）在“工具箱”中选择radioButton控件并将其拖入GroupBox 控件内； （4）重复步骤2。这样，当移动GroupBox 控件时，单选按钮将成组一起移动。 （5）设置属性。 【例4-2】设计一个显示C#绘图的画线和画刷样式的界面 （1）在窗体上方放置一个pixtuerBox(图片框)和两组单选按钮(radioButton)，如图4-11所示。 （2）设置控件的属性，如图4-12所示。 （3）编写事件过程，如图4-13所示。 private void radioButton5_CheckedChanged(object sender, EventArgs e) { Graphics g = pictureBox1.CreateGraphics(); g.Clear(this.BackColor); Pe