创建图片查看器

合集下载

Google Picasa3 简易教程

Google Picasa3 简易教程

轻松使用Google PicasaPicasa是搜索巨头Google公司的图像管理软件,Picasa是一个便捷、高效和快速的图像管理软件,由于对图像采用了全新的组织方法和查看方法,所以一些习惯了ACDSee的朋友总觉得它不够方便。

下面是笔者在使用当中总结的一些经验和技巧,希望能对大家使用Picasa有所裨益。

一、图片组织、管理和查看的方法。

Picasa提供了全新的图片组织和管理的方法。

Picasa安装后,它会扫描硬盘上全部的文件夹或您指定的文件夹,并把扫描到的图片以文件夹为组织单位按时间的先后顺序放到图片集“文件夹”中。

我们可以创建自己的图片集,也可以把图像文件夹从Picasa默认的图片集移动到我们自己创建的图片集中。

Picasa的这种组织和管理图片的方法能够使我们集中管理硬盘上的所有图像文件,包括那些早已被我们遗忘的和隐藏较深的图片,不仅如此,这种组织和管理图片的方法还为我们为我们提供了全新的图片查看方法——按时间顺序查看。

点击“时间线”按钮,在打开的窗口上用时间指针锁定时间轴上的某一图像文件夹,即可用幻灯片演示的方法查看这一图片文件夹中的图像。

小技巧:按F11可以全屏使用Picasa。

二、全屏查看图像在ACDSee中双击缩略图即可全屏查看图像,但在Picasa中除了用幻灯片的方式能够看到全屏的图像外,再没找到查看全屏图像的其它方法,后来,在google的官方提示下,我终于发现了在Picasa中查看全屏图像的奥妙:把鼠标移动到图像的缩略图上,这时鼠标会变成小手状,按住Ctrl+Alt键不放,小手所指的图像就会全屏打开,松开Ctrl+Alt键,图像又会回到缩略图,再把小手指向另一个图像,再次按下Ctrl+Alt键不放,小手所指的图像又会全屏打开。

三、图像监控Picasa采用了新的缓存机制,正是因为这种全新的缓存机制才使Picasa能够瞬间显示所有图片的缩略图,不仅如此,这种缓存机制还能显示新增加的图片,但是,如果设置不当,这种缓存机制可能会降低计算机的性能。

图片预览功能

图片预览功能

图片预览功能图片预览功能是指在一个网页或应用程序中,用户可以点击或悬停在一个图片上,以便查看或放大该图片的功能。

这种功能可大大提升用户体验,因为它允许用户更加便捷地查看图片的细节,并能够更容易地决定是否要点击查看该图片的全尺寸版本。

图片预览功能的实现通常有两种方式:点击预览和悬停预览。

点击预览是指用户需要点击图片才能查看其预览版本,而悬停预览是指用户只需将鼠标指针悬停在图片上方即可查看其预览版本。

点击预览功能通常通过以下步骤实现:1. 首先,需要在网页或应用程序中添加一个点击事件监听器,以便捕获用户点击图片的操作。

2. 当用户点击图片时,监听器会触发一个预览函数,该函数会展示一个包含预览图片的模态框(modal)。

3. 预览函数会动态创建一个包含预览图片的HTML元素,并将其添加到模态框中。

通常,预览图片的尺寸会比原始图片小,以便更好地适应模态框的尺寸。

4. 模态框还可以包含一些控制按钮,如关闭按钮、放大按钮和缩小按钮,以便用户可以与预览图片进行交互。

5. 当用户点击关闭按钮或模态框外部时,预览函数会关闭模态框,结束预览。

悬停预览功能通常通过以下步骤实现:1. 首先,需要在网页或应用程序中添加一个悬停事件监听器,以便捕获用户将鼠标悬停在图片上方的操作。

2. 当用户悬停在图片上方一段时间后,监听器会触发一个预览函数,该函数会展示一个包含预览图片的工具提示框(tooltip)。

3. 预览函数会动态创建一个包含预览图片的HTML元素,并将其添加到工具提示框中。

通常,预览图片的尺寸会比原始图片小,以便更好地适应工具提示框的尺寸。

4. 工具提示框还可以包含一些控制按钮,如关闭按钮、放大按钮和缩小按钮,以便用户可以与预览图片进行交互。

5. 当用户将鼠标移出图片或工具提示框时,预览函数会关闭工具提示框,结束预览。

无论是点击预览还是悬停预览,图片预览功能都可以提供一种便捷的方式让用户查看和放大图片。

通过使用合适的预览尺寸和控制按钮,可以大大提升用户体验,并使用户更轻松地浏览和决定是否要查看更多图片。

VB2010入门实例2

VB2010入门实例2

教程2:创建迷宫本教程中将构建一个迷宫游戏,在该游戏中,用户必须将鼠标指针从起点移动到终点,而不触碰到任何墙。

您将学习如何:∙使用Panel容器布局窗体。

∙使用Label控件构建迷宫。

∙编写代码以显示消息框。

∙为鼠标事件设置事件处理程序。

∙在程序中播放声音。

∙使用类组织代码。

以下是迷宫的玩法:鼠标指针从迷宫的左上角开始移动。

用户在迷宫中移动鼠标指针时,小心不要将鼠标指针触碰到任何墙。

如果鼠标指针触碰到某面墙,它将自动跳回到起点。

但如果鼠标指针到达迷宫结尾处的“完成”标签,则将打开“Congratulations”(祝贺)消息框,此时游戏结束。

当您完成时,程序将类似下图所示。

在本教程中创建的游戏说明步骤1:创建项目并向窗体添加面板创建迷宫游戏的第一步是创建项目并向窗体添加Panel容器。

创建项目并添加Panel 容器1.在“文件”菜单上,单击“新建项目”。

2.如果没有使用Visual Studio 学习版,您需要先选择一种语言。

从“安装的模板”列表中选择“C#”或“VisualBasic”。

3.单击“Windows 窗体应用程序”图标,然后键入“Maze”作为名称。

4.设置窗体属性:a.使用指针拖动右下角来调整窗体的大小。

观察集成开发环境(IDE) 的右下角。

状态栏中会显示窗体的大小。

继续拖动直到窗体的宽度和高度均为650 像素。

可以构建一个更小或更大的迷宫,因此可使窗体具有所需的任意大小。

状态栏中的大小b.在窗体达到适当大小后,请将“Text”属性设置为“迷宫”。

c.若要使用户无法调整窗体的大小,请将“FormBorderStyle”属性设置为“Fixed3D”。

d.通过将“MaximizeBox”属性设置为“False”可以禁用窗体的标题栏中的“最大化”按钮。

此时您已有一个具有固定大小的窗体,用户无法将该窗体最大化。

说明接下来,您需要创建一个用于构建迷宫的游戏场。

您可以使用Panel控件执行此操作。

win10图片查看器没有了怎么解决?

win10图片查看器没有了怎么解决?

win10图⽚查看器没有了怎么解决?
相信许多⽤户都在使⽤win10系统了,在使⽤过程难免会出现⼀些情况。

应该有⽤户会出现图⽚查看器没有了的情况。

没有了图⽚查看器我们就⽆法查看图⽚了,那么win10图⽚查看器没有了怎么办呢?下⾯我们就⼀起来看看怎么找回windows10图⽚查看器,感兴趣的朋友不要错过了。

win10图⽚查看器不见了解决步骤:
1、创建⼀个⽂本⽂档,将下图命令⼀字不差的输⼊到⽂本中。

2、保存到桌⾯来,重复名为"图⽚查看.reg"。

再点击是。

3、双击"图⽚查看.reg"。

4、点击是。

这样,你的图⽚查看器就出来了。

5、找个图⽚试试,点击⿏标右键,点击打开⽅式。

6、选中windows照⽚查看器,勾选始终打开,点击确定。

7、也可以在设置⾥将⾃带的查看器设置为默认的应⽤。

⾸先打开设置。

8、如下图点击应⽤,再点击默认应⽤。

9、点击照⽚查看器就可以设置了。

基于WINCE的图片浏览器开发

基于WINCE的图片浏览器开发

XX大学信息科学技术学院《嵌入式系统》大作业设计报告项目名称:基于Wince的C#应用程序开发——图片浏览器姓名:学号:班级:日期:2011-6-20目录第一部分概述 (2)、Windows CE操作系统概述 (3)、Windows CE应用程序介绍 (3)、图片浏览器介绍 (4)第二部分设计任务 (4)、需求分析 (4)、程序功能 (4)第三部分设计原理 (5)、主要的类及控件介绍 (5)控件 (5)类 (6)类 (6)第六部分结论 (7)附录 (8)1参考资料 (8)2设计步骤 (8)操作系统的下载: (8)应用程序部分: (15)3遇到的问题与解决方法 (17)4程序清单 (17)5课程体会 (24)第一部分概述嵌入式系统是“控制、监视或者辅助装置、机器和设备运行的装置”(devices used to control, monitor, or assist the operation of equipment, machinery or plants)。

从中可以看出嵌入式系统是软件和硬件的综合体,还可以涵盖机械等附属装置。

目前国内一个普遍被认同的定义是:以应用为中心、以计算机技术为基础、软件硬件可裁剪、适应应用系统对功能、可靠性、成本、体积、功耗严格要求的专用计算机系统。

嵌入式操作系统种类繁多,例如:嵌入式Linux、Windows CE、VxWorks、pSOS 、等等,其中,Windows CE 操作系统是一款微软公司开发的嵌入式操作系统,它继承Windows操作系统的许多优点,而且资源充足,简单易学,在嵌入式得到大量应用。

随着手机、微型电脑设备等等嵌入式设备的蓬勃发展,嵌入式应用大量地发展了起来,许多在桌面广泛应用的程序越来越多地向嵌入式方向移植和应用,嵌入式应用程序正如火如荼地发展着!Windows CE的开发工具与平台也有很多,例如Embedded Visual C++等等,在本研究里面,我们选取Visual Studio 2005这个资源丰富,操作简便的开发平台,基于PAX270硬件平台进行图片浏览器的应用程序开发。

java照片查看器源代码

java照片查看器源代码

package ioStream;import java.awt.AWTEvent;import java.awt.Color;import java.awt.Graphics;import java.awt.Graphics2D;import java.awt.Image;import java.awt.Toolkit;import java.awt.event.AWTEventListener;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.awt.event.KeyEvent;import java.awt.event.MouseWheelEvent;import java.awt.event.MouseWheelListener;import java.awt.geom.AffineTransform;import java.io.File;import java.util.LinkedList;import java.util.List;import javax.swing.ImageIcon;import javax.swing.JFileChooser;import javax.swing.JFrame;import javax.swing.JPanel;import javax.swing.Timer;import javax.swing.UIManager;import javax.swing.filechooser.FileNameExtensionFilter;/** 该代码意在实现照片查看器的功能* 当按下“右箭头”时浏览下一张图片* 当按下“左箭头"时浏览上一张图片* 实现循环浏览* 当按下"Ecs"时推出全屏浏览模式* 当按下CTRL+“上箭头”时,全屏显示* 只能浏览指定文件夹下面的所支持格式的图片(gif,jpg,png)*链表的大小与他的最大角标相隔1*/public class PicsViewer {static JFrame frame0;//原始的全屏显示的窗口static int SWidth=Toolkit.getDefaultToolkit().getScreenSize().width;static int SHeight=Toolkit.getDefaultToolkit().getScreenSize().height;static Image icon=(new ImageIcon("PicsViewer/img.png")).getImage();//框架图标JFileChooser chooser; //声明一个文件选择器对象static JPanel imgjp;static Image img0=(new ImageIcon("image/cat.png")).getImage();//默认的一张图片File files;static int j=0;static int k=0;static File root;static int i=0;Timer T00;String[] Str;//获取文件名字符串static Image img;static int xCoor,yCoor;//打印图片的左上角坐标static int PWidth,PHeight;//图片的宽高(小于屏幕宽高的时候的)static int PWidth0,PHeight0;//图片宽高大于屏幕宽高的时候的图片宽高String CPath;//直接获得的路径String newPath;//经过转换后的路径static List<Image> list=new LinkedList<Image>();int index=0;static int index0=0;static double xCoor0=1,yCoor0=1;//图片在X轴缩放的倍数,图片在Y轴的缩放倍数;static boolean isFull=true;//是否全屏显示static int now;//当前正在使用的图片public PicsViewer(){frame0=new JFrame();imgjp=new ImgsPanel();imgjp.setBackground(new Color(51,51,51));frame0.add(imgjp);frame0.setTitle("PicsViewer1.0");frame0.setSize(SWidth,SHeight);frame0.setUndecorated(isFull);frame0.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//不设置窗口的位置,是因为窗口默认的位置就是在桌面的左上角frame0.setIconImage(icon);//设置窗口图标frame0.setVisible(true);/** 程序一启动就弹出文件选择对话框让用户选择所要浏览的图片*/try {UIManager.setLookAndFeel("com.sun.java.swing.plaf.windows.WindowsLookAndFeel");//设置为当前操作系统的外观JFileChooser chooser = new JFileChooser();chooser.setDialogTitle("请选择要查看的图片");chooser.addChoosableFileFilter(new FileNameExtensionFilter("常见图片格式", "jpg", "gif", "png"));chooser.showOpenDialog(frame0);int returnVal = chooser.showOpenDialog(frame0);if(returnVal == JFileChooser.APPROVE_OPTION) {img=(new ImageIcon(chooser.getSelectedFile().toString())).getImage();CPath=chooser.getCurrentDirectory().toString()+System.getProperty("file.separator");newPath=CPath.replaceAll("\\\\","/");//路径转换root=new File(newPath);img0=img;imgjp.repaint();findImage(root);}} catch (Exception evt) {}Toolkit toolkit = Toolkit.getDefaultToolkit();toolkit.addAWTEventListener(new ShortcutKeyListener(), AWTEvent.KEY_EVENT_MASK | AWTEvent.MOUSE_EVENT_MASK| AWTEvent.WINDOW_EVENT_MASK);/*添加键盘监听事件,当点击键盘上的方向键右键时浏览下一张图片,点击左箭头浏览上一张,当按下上箭头时对当前图片进行放大操作* 当按下下箭头时,对当前浏览的图片进行缩小操作* 同时添加鼠标滚轮监听事件,也对当前图片进行缩放操作**/imgjp.addMouseWheelListener(new MouseWheelListener(){public void mouseWheelMoved(MouseWheelEvent e){if(e.getWheelRotation()<0){//如果鼠标滚轮向上滚动,则放大图片}else{//否则缩小图片}}});}public void findImage(File dir){File[] files=dir.listFiles();//得到当前路径下的所有文件和文件夹for(int i=0; i<files.length; i++){Str=new String[files.length];Str[i]=files[i].getAbsolutePath();//将路径和文件名存入字符串数组//使用链表替代数组if(Str[i].endsWith(".jpg")||Str[i].endsWith(".gif")||Str[i].endsWith(".png")==true){list.add(index,(new ImageIcon(Str[i])).getImage());index++;}}}//画图的算法有点问题????static class ImgsPanel extends JPanel{private static final long serialVersionUID = 1L;public void paintComponent(Graphics g){super.paintComponent(g);Graphics2D G2=(Graphics2D)g;AffineTransform Trans=new AffineTransform();PWidth=img0.getWidth(null);PHeight=img0.getHeight(null);if(PWidth<=SWidth&&PHeight<=SHeight){xCoor=(SWidth-PWidth)/2;yCoor=(SHeight-PHeight)/2;PWidth0=PWidth;PHeight0=PHeight;Trans.scale(xCoor0,yCoor0);//对图片的缩放操作// G2.setTransform(Trans);}if(PWidth>SWidth||PHeight>SHeight){yCoor0=SHeight/(PHeight*1.0);PHeight0=SHeight;PWidth0=(int)(PWidth*yCoor0);xCoor0=yCoor0;xCoor=(SWidth-PWidth0)/2;yCoor=-(PHeight0-SHeight)/2;Trans.scale(xCoor0,yCoor0);//对图片的缩放操作// G2.setTransform(Trans);}G2.drawImage(img0,xCoor,yCoor,PWidth0,PHeight0,this);}}static class Tim implements ActionListener{public void actionPerformed(ActionEvent e){//看来变量最好不要用相同的变量名img0=(Image)(list.get(index0));index0++;if(index0==list.size()){index0=0;img0=(Image)(list.get(index0));index0++;imgjp.repaint();}imgjp.repaint();}}static class ShortcutKeyListener implements AWTEventListener { public void eventDispatched(AWTEvent e) {if (e.getClass() == KeyEvent.class) {// 被处理的事件是键盘事件.KeyEvent keyEvent = (KeyEvent) e;if (keyEvent.getID() == KeyEvent.KEY_PRESSED) {keyPressed(keyEvent);} else if (keyEvent.getID() == KeyEvent.KEY_RELEASED) {keyReleased(keyEvent);}}}/** 当只有一张图片是抛出异常,不能使用左右方向键,待解决*/private void keyPressed(KeyEvent e) {switch(e.getKeyCode()){case KeyEvent.VK_RIGHT: if(list.size()!=1){img0=(Image)(list.get(index0));now=index0;index0++;if(index0==list.size()-1){index0=0;img0=(Image)(list.get(index0));now=index0;index0++;imgjp.repaint();}imgjp.repaint();}else{img0=(Image)(list.get(index0));imgjp.repaint();}break;case KeyEvent.VK_LEFT:if(list.size()!=1){if(index0>0){img0=(Image)(list.get(index0));now=index0;index0--;imgjp.repaint();}if(index0<0){index0=list.size()-1;img0=(Image)(list.get(index0));now=index0;index0--;imgjp.repaint();}}else{index0=list.size()-1;img0=(Image)(list.get(index0));now=index0;index0--;imgjp.repaint();}break;case KeyEvent.VK_ESCAPE:isFull=false;frame0=new JFrame();imgjp=new ImgsPanel();imgjp.setBackground(new Color(51,51,51));frame0.add(imgjp);frame0.setTitle("PicsViewer1.0");frame0.setSize(SWidth,SHeight);frame0.setUndecorated(isFull);frame0.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame0.setIconImage(icon);//设置窗口图标frame0.setVisible(true);break;}if ((e.isControlDown() == true)&& (e.getKeyCode() == KeyEvent.VK_UP)) { isFull=true;frame0=new JFrame();imgjp=new ImgsPanel();imgjp.setBackground(new Color(51,51,51));frame0.add(imgjp);frame0.setTitle("PicsViewer1.0");frame0.setSize(SWidth,SHeight);frame0.setUndecorated(isFull);frame0.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame0.setIconImage(icon);frame0.setVisible(true);}}private void keyReleased(KeyEvent event) {}}public static void main(String[] args){new PicsViewer();}}。

win10电脑照片查看器没了怎么解决?

win10电脑照片查看器没了怎么解决?

win10电脑照⽚查看器没了怎么解决?⼤家都知道,照⽚查看器主要⽤来管理查看图⽚,升级win10系统后发现图⽚打开⽅式中没有照⽚查看器,如果要下载其他图⽚查看软件⼜很⿇烦,⽽且还占内存。

为什么win10电脑照⽚查看器没有了?想解决此问题,其实我们可以⾃⼰创建⼀个,下⾯让⼩编给⼤家详细说明win10找不到照⽚查看器的处理⽅法,感兴趣的朋友不要错过了。

具体⽅法如下:1、我们⿏标右键点击桌⾯空⽩处,然后点击新建——⽂本⽂档。

2、打开刚才新建的⽂本⽂档,将如下代码复制粘贴进去Windows Registry Editor Version 5.00; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.jpg]@="PhotoViewer.FileAssoc.Tiff"; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.jpeg]@="PhotoViewer.FileAssoc.Tiff"; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.gif]@="PhotoViewer.FileAssoc.Tiff"; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.jpg]@="PhotoViewer.FileAssoc.Tiff"; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.bmp]@="PhotoViewer.FileAssoc.Tiff"; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.tiff]@="PhotoViewer.FileAssoc.Tiff"; Change Extension's File Type [HKEY_CURRENT_USER\Software\Classes\.ico]@="PhotoViewer.FileAssoc.Tiff"3、我们将代码粘贴进去⽂本⽂档后,点击页⾯左上⽅的⽂件——保存即可。

VB2010入门实例1

VB2010入门实例1

教程1:创建图片查看器Visual Studio 2010其他版本25(共34)对本文的评价是有帮助- 评价此主题在本教程中,您将生成一个从文件加载图片并将其显示在窗口中的程序。

您将学习如何拖动控件(如窗体上的按钮和图片框)、设置控件属性,以及如何使用容器来平滑地调整窗体的大小。

您还将开始编写代码。

您将学习如何:∙创建新项目。

∙测试(调试)应用程序。

∙向窗体中添加基本控件(如复选框和按钮)。

∙使用布局在窗体上定位控件。

∙向窗体中添加“打开文件”和“颜色”对话框。

∙使用IntelliSense 和代码段编写代码。

∙编写事件处理程序方法。

当您完成时,程序将类似下图所示。

在本教程中创建的图片说明步骤1:创建Windows 窗体应用程序项目创建Windows 窗体应用程序项目1.在“文件”菜单上,单击“新建项目”。

2.如果没有使用Visual Studio 学习版,您需要先选择一种语言。

从“安装的模板”列表中选择“C#”或“VisualBasic”。

3.单击“Windows 窗体应用程序”图标,输入“PictureViewer”作为名称,然后单击“确定”。

Visual Studio 将自动为您创建解决方案。

4.在“文件”菜单上,单击“全部保存”;或者在工具栏上单击“全部保存”按钮,此按钮如下所示。

“全部保存”工具栏按钮说明5.确保项目保存在“我的文档”文件夹下的某个文件夹中。

6.确认选中“创建解决方案的目录”复选框。

7.单击“保存”。

说明您可能已经注意到“解决方案”和“项目”这两个词具有不同的含义,本教程稍后将对此进行解释。

下图显示IDE 窗口应具有的外观。

IDE 窗口8.如果您的屏幕与上面的图片不太一样,请在“窗口”菜单上,单击“重置窗口布局”。

如果缺少任何窗口,请在“视图”菜单上,单击“属性窗口”或“解决方案资源管理器”。

如果有多余的窗口打开,请单击右上角的“关闭”(x) 按钮。

9.查看图片。

从左上角开始沿逆时针方向,图片将依次显示:∙主窗口您可在此处执行大部分的工作。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

教程1:创建图片查看器6(共8)对本文的评价是有帮助评价此主题Visual Studio 2010在本教程中,您将生成一个从文件加载图片并将其显示在窗口中的程序。

您将学习如何拖动控件(如窗体上的按钮和图片框)、设置控件属性,以及如何使用容器来平滑地调整窗体的大小。

您还将开始编写代码。

您将学习如何:•创建新项目。

•测试(调试)应用程序。

•向窗体中添加基本控件(如复选框和按钮)。

•使用布局在窗体上定位控件。

•向窗体中添加“打开文件”和“颜色”对话框。

•使用IntelliSense 和代码段编写代码。

•编写事件处理程序方法。

当您完成时,程序将类似下图所示。

在本教程中创建的图片说明标题说明首先创建Windows 窗体应用程序项目。

步骤1:创建Windows 窗体应用程序项目步骤2:运行程序运行您在上一步中创建的Windows 窗体应用程序。

步骤3:设置窗体属性使用“属性”窗口更改窗体的显示方式。

步骤4:使用TableLayoutPanel 控件设向窗体中添加TableLayoutPanel控件。

置窗体布局步骤5:向窗体添加控件向窗体中添加PictureBox和CheckBox之类的控件。

向窗体中添加按钮。

步骤6:命名按钮控件将按钮重命名为更有意义的名称。

步骤7:向窗体添加对话框组件向窗体中添加“OpenFileDialog”组件和“ColorDialog”组件。

使用IntelliSense 工具编写代码。

步骤8:为“显示图片”按钮事件处理程序编写代码检查并测试代码。

根据需要添加注释。

步骤9:检查代码、为代码添加注释和测试代码步骤10:创建其他按钮和复选框使用IntelliSense 编写代码以使其他按钮和复选框工作。

步骤11:运行程序并试用其他功能运行程序并设置背景颜色。

尝试其他功能,例如更改颜色、字体和边框。

步骤1:创建Windows 窗体应用程序项目7(共7)对本文的评价是有帮助评价此主题Visual Studio 2010创建图片查看器的第一步是创建Windows 窗体应用程序项目。

创建Windows 窗体应用程序项目1.在“文件”菜单上,单击“新建项目”。

2.如果没有使用Visual Studio 学习版,您需要先选择一种语言。

从“安装的模板”列表中选择“C#”或“Visual Basic”。

3.单击“Windows 窗体应用程序”图标,输入“PictureViewer”作为名称,然后单击“确定”。

Visual Studio 将自动为您创建解决方案。

4.在“文件”菜单上,单击“全部保存”;或者在工具栏上单击“全部保存”按钮,此按钮如下所示。

“全部保存”工具栏按钮说明Visual Studio 将项目保存到项目文件夹中。

集成开发环境(IDE) 会自动填写文件夹名称和项目名称。

如果使用的是Visual Studio 学习版,您需要完成步骤5-7。

对于非学习版的Visual Studio,项目在第一次创建时即被保存,因此不需要步骤5-7。

5.确保项目保存在“我的文档”文件夹下的某个文件夹中。

6.确认选中“创建解决方案的目录”复选框。

7.单击“保存”。

说明当创建项目时,Visual Studio IDE 会自动创建若干个文件并将其放入文件夹中。

可以使用“解决方案资源管理器”窗口来浏览这些文件。

在第一次创建项目时,这些文件将保存到一个临时文件夹中。

单击“全部保存”按钮即是告知IDE 将这些文件复制到一个永久文件夹(通常位于“我的文档”文件夹下)中。

8.您可能已经注意到“解决方案”和“项目”这两个词具有不同的含义,本教程稍后将对此进行解释。

9.下图显示IDE 窗口应具有的外观。

10.IDE 窗口11.如果您的屏幕与上面的图片不太一样,请在“窗口”菜单上,单击“重置窗口布局”。

如果缺少任何窗口,请在“视图”菜单上,单击“属性窗口”或“解决方案资源管理器”。

如果有多余的窗口打开,请单击右上角的“关闭”(x) 按钮。

12.查看图片。

从左上角开始沿逆时针方向,图片将依次显示:•主窗口您可在此处执行大部分的工作。

通过此窗口可以使用窗体并编辑代码。

当前,此窗口在“窗体编辑器”中显示一个窗体。

在此窗口的顶部有两个选项卡:“起始页”选项卡和“Form1.cs [设计]”选项卡。

(在Visual Basic 中,后缀名是 .vb 而不是 .cs。

)•“解决方案资源管理器”窗口在此处显示解决方案中的所有文件。

如果单击某个文件,则“属性”窗口中的信息将发生改变。

如果双击某个代码文件(在Visual C# 中以 .cs 结尾,在Visual Basic 中以 .vb 结尾),则该代码文件或用于该代码文件的设计器将打开。

•“属性”窗口您可在此处更改您在其他窗口中选定的项的属性。

说明请注意“解决方案资源管理器”窗口的顶部行将如何显示“解决方案‘PictureViewer’(1 个项目)”。

IDE 已经为您创建了一个解决方案,而且此解决方案包含多个项目。

现在,您将使用包含单个项目的解决方案。

步骤2:运行程序1(共1)对本文的评价是有帮助评价此主题Visual Studio 2010一旦创建新的解决方案,实际上就生成了所运行的程序。

该程序并未执行其他操作,它只是显示了一个在标题栏中显示“Form1”的空窗口。

但该程序确实在运行,您即将查明这一点。

运行程序1.按F5 键或单击如下所示的“启动调试”工具栏按钮。

启动“调试”工具栏按钮2.IDE 将运行程序,并会显示一个窗口。

下图显示了刚生成的程序。

该程序正在运行,您很快会向它添加内容。

正在运行的Windows 窗体应用程序3.返回IDE,并查看新工具栏。

调试工具栏4.单击方形的“停止调试”按钮,或从“调试”菜单中单击“停止调试”。

程序将停止运行,并且窗口将关闭。

也可以直接关闭打开的窗口来停止调试。

说明在从IDE 内部运行程序时,这一操作称作“调试”,因为通常将使用此操作来跟踪并修复Bug。

该程序是一个真正的程序,您可以像运行任何其他程序一样运行它。

步骤3:设置窗体属性3(共3)对本文的评价是有帮助评价此主题Visual Studio 2010接下来,使用“属性”窗口来更改窗体的外观。

设置窗体属性1.确保您查看的是Windows 窗体设计器。

在IDE 中,单击“Form1.cs [设计]”选项卡(在Visual Basic 中为“Form1.vb [设计]”选项卡)。

2.单击窗体中的任意位置以将其选定。

查看“属性”窗口,该窗口此时应显示窗体的属性。

窗体具有各种属性。

例如,可以设置前景色和背景色、窗体顶部显示的标题文本、窗体的大小和其他属性。

说明如果“属性”窗口未出现,请通过单击方形的“停止调试”按钮(或直接关闭窗口)来停止程序。

3.在选定窗体后,向下滚动到“属性”窗口的底部,然后找到“Text”属性。

单击“Text”,键入“图片查看器”,然后按Enter。

此时,窗体的标题栏中将显示文本“图片查看器”,并且“属性”窗口的外观应与下图类似。

“属性”窗口可以通过“按分类顺序”视图或“字母顺序”视图对属性进行排序。

可以通过使用“属性”窗口上的按钮在这两类视图之间进行切换。

在本教程中,通过“字母顺序”视图查找属性会更加轻松。

4.返回Windows 窗体设计器。

单击窗体右下角的拖动柄,此拖动句柄是位于窗体右下角的小空心方形,如下所示。

拖动句柄拖动此拖动柄调整窗体的大小,使其更宽且更高一些。

5.查看“属性”窗口,您会发现“Size”属性已更改。

每当您调整窗体的大小时,“Size”属性都会更改。

尝试拖动窗体以将其大小调整为大约550x350,此大小应适合于该项目。

6.重新运行程序。

按F5 键或单击如下所示的“启动调试”工具栏按钮。

启动“调试”工具栏按钮与之前的操作一样,IDE 会生成并运行程序,并且将显示一个窗口。

7.在转到下一个步骤之前,请停止程序,因为IDE 不允许您在程序处于运行状态时更改程序。

步骤4:使用TableLayoutPanel 控件设置窗体布局2(共2)对本文的评价是有帮助评价此主题Visual Studio 2010在此步骤中,将向窗体中添加一个TableLayoutPanel控件。

使用TableLayoutPanel 控件设置窗体布局1.转到Windows 窗体设计器。

查看窗体左侧并找到“工具箱”选项卡。

将鼠标指向并悬停在“工具箱”选项卡上,工具箱将出现。

(或者,从“视图”菜单中单击“工具箱”。

)2.单击“容器”组旁边的加号打开该组,如下图中所示。

“容器”组3.可以向窗体中添加类似按钮、复选框和标签这样的控件。

在工具箱中双击TableLayoutPanel控件。

当执行此操作时,IDE 会将TableLayoutPanel控件添加到窗体中,如下图中所示。

TableLayoutPanel 控件添加TableLayoutPanel 之后,如果窗体中出现标题为“TableLayoutPanel 任务”的窗口,请单击窗体内的任何位置来关闭此窗口。

在本教程后面部分,您将学习到有关此窗口的更多内容。

说明请注意,当单击“工具箱”选项卡时工具箱是如何展开以覆盖窗体的,以及当单击工具箱外部后它是如何关闭的。

这就是IDE 自动隐藏功能。

通过单击窗口右上角的图钉图标来在自动隐藏和就地锁定之间切换,可以为任何窗口打开或关闭工具箱。

图钉图标如下所示。

图钉图标4.单击“TableLayoutPanel”确保选定它。

可以通过查看“属性”窗口顶部的下拉列表来验证选定哪个控件,如下图中所示。

显示TableLayoutPanel 控件的“属性”窗口5.控件选择器是“属性”窗口顶部的下拉列表。

在此示例中,它显示选定了名为tableLayoutPanel1的控件。

可以通过在Windows 窗体设计器中单击或者从控件选择器中进行选择来选择控件。

选择TableLayoutPanel之后,请找到“Dock”属性并单击“Dock”,此属性应设置为“无”。

请注意,一个下拉箭头将出现在值旁边。

单击该箭头,然后选择“Fill”按钮(中间的大按钮),如下图中所示。

选定“Fill”的“属性”窗口6.在将TableLayoutPanel 的“Dock”属性设置为“Fill”之后,此面板将填充整个窗体。

如果再次调整窗体的大小,则TableLayoutPanel 将保持停靠状态,并自行调整大小以适合窗体。

说明TableLayoutPanel 与Microsoft Office Word 中的表类似:它具有行和列,并且个别单元格可以跨多个行和列。

每个单元格都可以存放一个控件(例如按钮、复选框或标签)。

TableLayoutPanel 将具有一个跨其整个顶部行的PictureBox控件、一个位于其左上角单元格中的CheckBox控件和四个位于其右上角单元格中的Button控件。

相关文档
最新文档