您现在的位置: PQ秀秀网 >> 网络编程 >> ASP.NET编程 >> 正文 用户登录 新用户注册
vb.net入门——PictureBox控件的使用
作者:佚名    教程来源:不详    点击数:加载中...    更新时间:2008-4-30 字体:[ ]
添加到收藏: 添加到百度收藏  收藏到QQ书签  添加到雅虎收藏  添加到新浪ViVi  添加到天极网摘  添加到和讯网摘

vb.net中用作处理图形图像的控件有两个:PictureBox和ImageList。PictureBox(图片箱)控件被用来显示图形或者图像,ImageList控件用于存储图形或图像。

PictureBox控件在工具箱中的图标如图所示
vb.net入门——PictureBox控件的使用(图一)

一、PictureBox控件的常用属性

1、BackColor 属性:获取或设置PictureBox控件的背景色。

2、BackgroundImage 属性:获取或设置PictureBox控件显示的背景图像,可以在设计时通过该属性为控件设置一个图像,如下图一所示:

vb.net入门——PictureBox控件的使用(图二)3、BorderStyle 属性:指示控件的边框样式,默认为None.

4、Image 属性:获取或设置 PictureBox 显示的图像。该属性是 PictureBox 控件最重要的属性。它支持显示的图像文件格式下表所示:

类型 文件扩展名
位图 .bmp
图标(Icon) .ico
GIF .gif
元文件 .wmf或.emf
JPEG .jpg或.jpeg
网络图形(PNG) .png

5、SizeMode 属性:指示如何显示图像。默认值为Normal

● 在 PictureBoxSizeMode.Normal 模式中,Image 置于 PictureBox 的左上角,凡是因过大而不适合 PictureBox 的任何图像部分都将被剪裁掉。

● 使用 PictureBoxSizeMode.StretchImage 值会使将图像拉伸,以便适合 PictureBox 的大小。

● 使用 PictureBoxSizeMode.AutoSize 值会使控件调整大小,以便总是适合图像的大小。

● 使用 PictureBoxSizeMode.CenterImage 值会使图像居于工作区的中心。

二、为PictureBox控件加载和删除图片

1、加载图片:

首先在窗体上添加一个 PictureBox 控件,选择它的Image属性,如图二所示:

vb.net入门——PictureBox控件的使用(图三)

图二:为PictureBox控件添加图片

单击右面的省略号,弹出“打开”对话框,然后在我们放置图片的位置找到需要的图片,单击确认即可。

2、编程时加载图片:

编程时操作PictureBox控件将会给我们带来极大的方便,我们可以使用Image类的FromFile方法来设置PictureBox控件的Image属性,如下代码来加载图片

PictureBox1.Image = Image.FromFile(FilePath)

FilePaht为我们要加载的图片的完整文件路径。

 

3、删除图片:

有些情况下我们需要删除 PictureBox 控件中加载了的图片。先选中 PictureBox 控件的Image 属性,然后单击右键,在弹出的菜单中选则“重置”即可删除控件中的图片,如下图三所示:

vb.net入门——PictureBox控件的使用(图四)

或者把鼠标的焦点放到Image 属性后的图片路径框中,使用键盘上的Del键也删除图片。

当然,我们也可以在代码运行时使用代码来清除PictureBox的图片,如下代码所示:

PictureBox1.Image = Nothing
三、调整图片的位置:

由第一页我们可以知道,调整图片在PictureBox 控件中的位置,我们需要调整它的SizeMode 属性,如下四个图所示是改变它四个属性所对应的图片位置:

vb.net入门——PictureBox控件的使用(图五)

Image 置于 PictureBox 的左上角,凡是因过大而不适合 PictureBox 的任何图像部分都将被剪裁掉

vb.net入门——PictureBox控件的使用(图六)

使用 PictureBoxSizeMode.StretchImage 值会使将图像自动调整大小,以便适合 PictureBox 的大小。

vb.net入门——PictureBox控件的使用(图七)

使用 PictureBoxSizeMode.AutoSize 值会使控件自动调整大小,以便适合图像的大小。

vb.net入门——PictureBox控件的使用(图八)

使用 PictureBoxSizeMode.CenterImage 值会使图像居于工作区的中心。

教程录入:andy    责任编辑:andy 
  网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)