实例016 图形化的导航界面

实例说明

如果以按钮来代替菜单的功能，会使界面更具有个性化。使操作者更易于操作。下面介绍按钮显示菜单的设计方法。运行本例，效果如图1.16所示。

图1.16  图形化的导航界面

技术要点

本实例主要通过设置Button控件的相应属性，确定其按钮的位置、文字、显示样式和要显示的图片等。下面对Button控件相应属性进行详细介绍。

1．Button. BackColor属性

获取或设置控件的背景色，其方法结构如下：

public override Color BackColor { get; set; }

l     属性值：一个表示背景色的Color值。

2．Button. FlatStyle属性

获取或设置按钮控件的平面样式外观。其代码如下：

public FlatStyle FlatStyle { get; set; }

l     属性值：FlatStyle 值之一。默认值为Standard。

3．Button. TextImageRelation属性

获取或设置文本和图像相互之间的相对位置。其代码如下：

public TextImageRelation TextImageRelation { get; set; }

l     属性值：TextImageRelation 的值之一。默认为Overlay。

实现过程

（1）创建一个项目，将其命名为Ex01_16，默认窗体为Form1。

（2）在Form1窗体上添加MenuStrip控件用来设计菜单栏，添加ToolStrip控件用来设计工具栏，添加Panel控件、Button控件用来设计图形化的导航按钮。

（3）分别为MenuStrip控件、ToolStrip控件添加子项，并为Panel控件选择背景图片。

（4）将Button控件的BackColor属性设为“Transparent”、FlatStyle属性设置为“Flat”、TextImageRelation属性设置为“ImageBeforeText”。

（5）主要程序代码。

        private void button1_Click(object sender, EventArgs e)

        {

            //使子项可见

            button5.Visible = true;

            button6.Visible = true;

            button7.Visible = true;

        }

        private void button2_Click(object sender, EventArgs e)

        {

            //使子项可见

            button8.Visible = true;

            button9.Visible = true;

            button10.Visible = true;

        }

        private void button3_Click(object sender, EventArgs e)

        {

            //使子项可见

            button11.Visible = true;

            button12.Visible = true;

            button13.Visible = true;

        }

举一反三

根据本实例，读者可以实现以下功能。

  制作动态的按钮界面。

  制作动态的图片界面。