高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

制作网站从0开始(通用)7篇

2024年制作网站从0开始 篇1

网站早已不再神秘,再也不是什么高技术活。普通用户也可以轻松的建立出相对专业的网站。下面向大家简单介绍一下个人建站的一些流程和注意事项。

一、域名

要想让人家访问自己的网站,域名是必不可少的。域名要尽可能的短、尽可能的方便记忆,比如top域名,当然现在好记的、有特征的域名已经不多了,这需要你自己进行考虑,只要觉得有一定的规律或便于用户记忆即可。

二、空间

要建网站,其次必须要有一个空间,即存放网站的地方。对于个人用户,建议购买虚拟主机。在购买虚拟主机时要看其服务、速度、响应时间等。一般选择有一定名气的服务商即可。

注:域名、空间目前国内比较好的服务商像阿里云、西部数码、中国数据等都是非常好的选择。

三、网站程序

网站程序当然是选择现成的,因为个人没有必要去从头开始编制一个网站程序,也没有那个实力。现在网上有现成的网站管理系统,这类系统还有很多,可以在自己综合试用的基本上进行选择。

在选择网站程序时,还必须考虑到其通用性和二次开发。对于通用性不好、不利于二期开发的,虽然功能强大但不建议选用,因为网站有了一定规模后需要进行个性化功能设计时会很麻烦。另外程序尽量选择asp(asp.net),PHP、JSP等在国内不是特别流行;在asp和asp.net之间也尽量选用asp.net,毕竟其基于.net架构是发展的潮流。

四、网站设计

选择好了网站程序后,则需要根据自己的需要进行网站设计。一般来说,如果有专业的美工和程序员进行修改自然最好。不过个人站长可能不一定具备这种条件,可以选择服务商的智能建站。

2024年制作网站从0开始 篇2

现在想要制作自己的小程序的人越来越多,随着各种第三方开发工具的出现,无需微信小程序开发源代码,小白也能顺利生成一个自己的小程序了。下面我就跟大家说下该如何制作。

第一步:确定小程序主题

小程序的类型有很多,常见的有服务预约,电商,文章阅读,酒店预订,展示等。在开发小程序前,你得先明白打算用这个小程序做什么,是用来售卖自营商品,还是展示团队作品,或者做知识科普?不同的目的会用到不同的小程序模板,所以制作前一定要对小程序有一定规划。

第二步:注册一个账号

这一步很简单,到微信公众平台注册一个小程序账号,按照提示要求填写自己的相关信息。个人和企业都能注册,不过个人支持的类型有限,只有商业服务、工具、体育、出行交通、生活服务、餐饮、旅游、快递邮政、教育类别。如果你想做带支付功能的小程序,如电商类的小程序,只能选择“企业”主体类型。

第三步:选择小程序免代码开发工具

不懂微信小程序开发源码,关键就在于选对开发工具!对新手来说,开发工具当然是越简单越好。所以大家尽量选择傻瓜式的可视化操作平台,比如「上线了」,这样你无需小程序开发工具下载代码,直接在线选一个模板然后添加需要的功能版块、修改下图片和文字就能顺利生成一个小程序。

第四步:开始正式搭建

进入上线了官网,注册账号后点击“创建小程序”,选择一个你需要的小程序模板类型。

这里我以“文章”模板为例教大家如何快速生成小程序。点击模板,进入到小程序编辑页面,点击“撰写新博文”,添加文章。

点击左侧文章分类、文章评论,可以设置新的分类、开启评论系统,查看粉丝留言。

在【风格设计】里你可以设置小程序风格颜色、底部导航,通过“页面设计”可以添加轮播图、拼接图、快捷按钮、文章分类版块,还能更改文章页面布局。

做好后点击“立即发布”,按要求授权就可以了。这种小程序永久免费,个人也能很快制作好,非常适合新手。

以上就是从0开始做小程序的详细教程,你学会了吗?赶紧试一试吧!

2024年制作网站从0开始 篇3

人们常说兴趣就是最好的老师,如果你有兴趣去学习,相信你会学好的。

现在国内很多程序员都是从C语言学起,这也是大学里面要学习的一门基本课程。所以建议你从这门语言学起来。如果看书,可以去看谭浩强的书,也可以去网上找一些教材,比如说c语言中文网。学习语言最重要的是要多去练习,你可以下载visual studio这个开发工具,边学边练习。c语言可以用于底层开发,比如单片机、嵌入式领域。大名鼎鼎的Linux操作系统就是用从用c语言开发的。还可以去参照网上的一个教程,c语言也能干大事,这样你可以了解c语言的更多应用。

另外可以作为入门语言的是Python,这门语言最近由于人工智能的慢慢崛起,越来越火热了。这门语言属于面向对象的脚本语言,简单易学。不是有句话么,人生苦短,我用Python。你可以去了解下。

你提到了希望向iOS的APP方向发展,iOS的开发语言是Object-c或是swift,目前国内很多公司还是在用Object-c做开发语言。而学好c语言,对Object-c语言学习会有很大帮助。另外iOS开发学习成本比较高,你得要准备一台MAC笔记本电脑和一个iPhone手机。

最后补充的是,语言只是计算机中的工具,想要能够在程序员这行发展好,最重要的是计算机相关的知识。比如算法、数据结构、数据库、网络知识、安全知识等。这行最重要的是保持一颗学习的心,否则会被新技术给淘汰。希望以上的片面之言能够对您有帮助。

2024年制作网站从0开始 篇4

之前本科的时候恰好学过一段时间的网站开发,虽然现在不做了,但当时学习的那种新鲜感还恍如隔日。下面是我的回答:

想做豆瓣这样一个网站首先要有一个好的想法或者说是切入点。手机上的哪些不经常用的App,卸载了又一波,唯独豆瓣一直在我的手机上。它简洁地UI设计,以及主体的内容都是我比较喜欢的。所以想做一个优秀的网站先要想清楚网站上要呈现什么内容。

接下来谈谈技术的部分。

一、UI设计

UI设计即用户界面设计,比图说豆瓣的主页,具体显示什么东西、各个部分显示在什么地方、以及每一个部分的显示形式、字体的颜色大小等等都是UI设计的范畴。开发网页之前首先最好先把界面确定下来。当然这个可以不用开发人员去学,可以找别人合作,老实讲这个活不是专业的还真做不来。没天赋的还是老老实实做技术好了。

二、静态网页编写

静态网页要实现的功能是将信息显示网页中,说白了就是怎样在浏览中显示网页。其实我们每一个网页都是一个文件,然后通过浏览器打开后即显示在了电脑闹屏幕上。而这个文件就是由HTML(超文本标记语言)来编写的,这个语言超级简单。主要的功能就是将网页中的文字或者图片显示在屏幕上的固定位置。所以说开发网页首先要学会HTML。

三、动态网页编写

上面只是将网页显示了屏幕上,但我们的网友这些功能还远远不够,比如说上图中学要我们登录注册,当我们输入账号密码后我们需要点击“登录”按钮,但是点击之后我们输入的信息到哪了?这就需要另外一种语言来处理这些信息,需要网页“动“起来。其实当我们点击登陆后,这些数据是跟数据库作比对的,假如网站的数据库中有着个人则登陆成功没有则登录失败。这种功能就需要一种脚本语言来实现,比如像PHP,JAVA,PYTHON、C#中的一种都可以实现。目前的话JAVA还是最热门的,推荐学这个。

四、数据库的交互

一个网站需要有很多的信息来存储,比如上面提到的用户名密码信息,还有很多其他的,豆瓣中每个电视剧、每个电影的信息都是用数据库来存储的。一个网页之所以能够丰富多彩都归功于数据库的内容够出彩。调用数据库也有自己专门的SQL语言,内容不多,了解一下就行。常用到的数据库有MySql、微软的SQLServer、QRACLE等,自己用的话MySql就行、因为免费的,企业的话一般都选择Oracle,收费但安全。说到这,他们各自的优缺点应该明了了吧。

以上就是开发一个网页要学的最基础的东西,还有其他细节的东西则需要学习后再了解。现在,有很多开发网站的框架,就是把每个网站最基础的东西都写好了,调用就行,这个建议入门以后再去学。

以上就是我的回答,也是我学习的过程。整体来说网站开发是不难的,只要用心很快就可以上手的,建议在学习是多思考原理,以免像我一样少走弯路。

希望我的回答对你有帮助

有啥有误的地方欢迎指正交流

2024年制作网站从0开始 篇5

新手做站从0到100万,这个话题在这个年代感觉有点天方夜谭,当然,不排除有极少数可以做到。

先不论是不是新手,首先看你这个网站是做些什么?假如是产品,且不论你能不能把网站优化到多大程度,单论卖产品本身,大多用户现在都会选择各大电商app购买,你要达到100万谈何容易。

假如你是一个流量站,专门做广告,那就得把网站优化到各大搜索引擎首页才有希望带来可观流量,然而这才是第一步,然后是去拉广告,做广告联盟,这样看来100万也是遥遥无期。

假如你是一个门户类综合网站,这个更难,不但要做流量还要去拉商家,做到100万的收入不容易啊。

还有很多类型,就不赘述了。

若是十年前,新手做到100万还是有的,比如视频站,小说站,这类网站都为当时的站长们带来了可观的收入。

所以,若你是网站新手,我觉得还是踏踏实实一步一个脚印的来,网站这东西是你接触的越久发现自己的知识越不够用,需要多多实践磨炼啊。

2024年制作网站从0开始 篇6

我是老李,我来回答!更多技术分享,欢迎点关注

这两年来,互联网发展越来越好,网页技术也变成了刚需技能,就算你不是想做开发工程师,也应该学一点来做个简单网页。

今天就来讲一下基础的一些网页开发需要学习的路线吧。

首先,基本的网页制作我们一般都是指基础的PC端网页开发,完成基本的布局,完整表达网页需要展示的内容信息,表达出人性化的网页效果。

那么这种程度应该怎么学习呢??首先,无论学任何一个技术,都是从零基础开始的,网页开发也是一样。做软件开发,是从事编程开发工作,必须先从语法基础开始学习,通过语法组成产品效果。

网页开发的基础语法,由HTML+CSS+JavaScript组成,这是网页开发最基本的3个语言。网页布局基础:HTML+CSSHTML就是超文本标记语言,组成网页内容的最基本语言。你可以直接说他是网页的骨架,网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。光是HTML做网页,只是有了内容,当然是远远不够的。因为只是HTML的话,只能用Table做布局才能勉强做出个成型的网页来。但是从Web2.0时代开始,都是盒子模型布局法了,也就是用DIV+CSS来实现布局了。CSS就是层叠样式表。通过样式属性来对标签进行布局规范,在不再使用table布局的时候,只要CSS样式对网页标签进行对应的布局实现才是正确的开发方式了。HTML(div)+CSS布局,是基础入门的基本步骤,在这个阶段,你需要学习的内容,包括有:1.标签语义化,SEO2.页面加载的流程和原理3.网页结构4.盒子模型(W3C盒子模型和IE盒子模型)5.CSS选择器6.CSS布局浮动、定位在刚刚开始的阶段,大家学习的布局方式基本都是以px为单位的静态布局方法。熟悉好布局方法,先给自己一个小目标,做一个简单的电商网页的基本结构出来,不用特效,不需要交互。浏览器脚本语言:JavaScriptJavaScript是我们学习前端开发中非常重要的一个内容,也是一个大家经常掉坑里的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了,在网页中,所有的数据渲染,特效的交互都需要利用JavaScript,来影响浏览器的显示。JavaScript不只是开发网页特效和渲染数据的重要内容,如果你想往编程开发工程师发展,在学习前端开发的后期,大量使用算法和框架的时候,对JavaScript基础的考验也是很多的。在基础阶段,我们学习JavaScript需要注意:1.基本关键字指令2.基本数据类型、数组3.函数4.面向对象编程5.原型链、闭包6.JSON7.Ajax8.DOM(文档对象模型 原生DOM操作)9.事件捕获、冒泡、代理10.常用函数方法在JavaScript部分学习,主要还是要去理解好交互的原理,把原理分析清楚,真的理解语法,那写出多复杂的逻辑也是手到擒来。快速开发网页特效jQuery说到学习JavaScript,很多小白同学肯定会很头痛他的原生写法。每次逻辑业务都需要手动写,也就是用一次就造一次轮子。觉得很麻烦。如果能简单一点就好了。因为JavaScript有可以封装的特性,所以在后面也出现了很多用JavaScript封装的类库、插件。比如说最经典的类库就是jQuery了。jQuery类库就是在类库里面封装好了很多JavaScript的事件方法。jQuery通过封装,减轻了遍历、对象选择等等很多的问题。把网页特效的实现变得简单化,通过调用方法就可以了。在学习jQuery的时候,需要重点认识的有:1.jQuery语法和JavaScript原生语法的差异2.Dom对象和jQuery对象3.jQuery的入口函数和JavaScript的入口函数的差异4.jQuery事件的执行逻辑。学习jQuery,最需要达到的效果就是能快速的完成网页的特效,比如说轮播图、手风琴菜单、旋转木马、放大镜等等这些特效。能完成一个电商网站的布局+特效开发是最基本的要求了。这些就是零基础学习必备的一些基本内容,在入门前端开发最基本需要掌握的东西,把基础理解好,才能为后面的学习做更多的准备。

我是前端开发老李,如果你想学习更多前端开发的内容,点击关注不迷路!

2024年制作网站从0开始 篇7

在MATLAB的命令窗口(Command Window)中运行guide命令,来打开GUIDE界面,如下:

然后,选择空模板(Blang

GUI),点击OK,即可打开GUIDE的设计界面,如下:

点击工具栏上的菜单编辑器(Menu

Editor),打开菜单编辑器,如下:

在Menu

Bar中新建一个菜单项,名字为“文件”,其他设置请看下图:

在“文件”菜单下添加菜单项:“打开”,“保存”,“退出”。见下图:

如果需要在菜单项“退出”上面添加一个分割线的话,选中“Separator

above this item”就行了。

保存我的界面为pjimage.fig.

保存完毕之后,会自动打开

pjimage.m文件,而我们所有的程序都是要写在这个M文件里面的。在编程中,我们的每一个鼠标动作都对应一个Callback函数。那么我们的菜单项也是如此的。

在界面上,单击鼠标右键选择“Property

Inspector”,即可打开属性窗口。当我们点击不同的控件时,其对应的属性都会在这里显示,我们可以进行修改。最主要的属性莫过于Tag属性和String属性。

设置当前Figure窗口的Tag属性为:figure_pjimage,窗口的标题(Name属性)为:图像处理实例。如下:

然后,点击工具栏的保存按钮。之后,点击工具栏的运行按钮(Run

Figure)。注意,工具栏的图标都会有提示的,像运行按钮的提示就是Run Figure.

我们会看到如下的界面:

那说明,我们保存的

.fig文件的目录不是当前目录,但是没关系啊,我们只要点击“Change

Directory”来改变当前目录。当然,如果你想把当前目录添加到MATLAB路径也可以,那就点击“Add to

Path”就OK了。我在这里推荐点击“Change

Directory”,因为没有什么太大必要把其添加到MATLAB路径中,一般是工具箱需要添加或者我们的函数或程序写完了,而在MATLAB的命令窗口找不到我们的函数的时候,我们可以将函数或程序所在的目录添加到MATLAB路径。

总之吧,点那个按钮,要看个人的爱好了。不管点击两个按钮的那一个按钮,都会正确的运行程序的。

我们的程序运行时的样子,是这样的:

文件下面的菜单项和快捷键我们都能看到,但是我们没有写程序,所以就算点也没有什么响应。还有如果不想设置快捷键,可以在Menu

Editor中设置,只要把其选择为Ctrl+none就行了,如下:

这样的话,保存项就没有了快捷键了。我们可以通过上面的按钮“View”来查看该菜单项的响应函数,也就是Callback函数。也可以在

pjimage.m中看,比如保存的Tag属性是m_file_save,那么它对应的Callback函数的名字就是m_file_save_Callback。依次类推了。

下面我们来写打开菜单项的函数,要打开一个图片,当然要用打开对话框了。在界面编程中,打开对话框的函数是uigetfile.

关于它的详细的说明用help uigetfile命令查看。下面是打开菜单的响应函数:

function

m_file_open_Callback(hObject, eventdata, handles)

[filename, pathname] =

uigetfile( ...

{'*.bmp;*.jpg;*.png;*.jpeg', 'Image Files (*.bmp,

*.jpg, *.png, *.jpeg)'; ...

'*.*', 'All Files

(*.*)'}, ...

'Pick an

image');

保存

.m文件,并运行程序。点击“文件”下的“打开”,会打开如下的打开对话框:

选择一个文件之后,程序中的filename就是你选择的文件的文件名,pathname就是该文件所在的目录的路径。比如:filename

=

5.jpg,pathname =C:\Documents and Settings\Administrator\My

Documents\。

那么获得路径之后,我们要怎么样才能读入和显示一个图片呢?读入图片可以用imread函数,而显示可以在一个坐标轴上。那么我们需要在界面上画上一个坐标轴,为了对比,我们画两个坐标轴,一个显示处理前,一个显示处理后的。并且将处理前的坐标轴的Tag属性改为axes_src,处理后的坐标轴的Tag属性为axes_dst。更改之后,保存。如下:

然后在m_file_open_Callback程序原来的基础上,再添加如下的程序:

axes(handles.axes_src);%用axes命令设定当前操作的坐标轴是axes_src

fpath=[pathname

filename];%将文件名和目录名组合成一个完整的路径

imshow(imread(fpath));%用imread读入图片,并用imshow在axes_src上显示

运行程序,通过“打开”菜单项,打开一个图片。效果如下:

那么如何来保存一副图片?用imwrite命令。但imwrite命令的第一个参数就是你读入的图片数据,也就是imread的返回值。这样的话,我们就要将m_file_open_Callback中的程序做一点小小的改动。将最后一句(imshow(imread(fpath))),更改为两句,如下:img_src=imread(fpath);imshow(img_src);

不仅如此,我们的保存菜单的Callback函数,如何去获得打开菜单的Callback函数下的img_src变量呢?这里就要将img_src来作为一个共享的数据。许多界面编程的朋友,喜欢用global声明。我个人不喜欢这样用,因为有更好的方法。那就是用setappdata和getappdata两个函数。我们可以为界面上面的任何一个具有Tag属性的空间添加应用程序数据。当然我比较喜欢将这些共享的应用程序数据统一添加到Figure窗口上,因为这样容易记,如果一个控件一个,感觉不容易记。

你在

.m文件中会发现除了各个菜单项的Callback函数以外,还有两个函数:pjimage_OpeningFcn和pjimage_OutputFcn.而pjimage_OpeningFcn就相当于界面的初始化函数,而pjimage_OutputFcn则是界面的输出函数,也就是当你不运行fig,而调用

.m文件时的返回值。

所以,我们要在pjimage_OpeningFcn中添加如下的程序,来共享这个img_src矩阵。代码如下:

setappdata(handles.figure_pjimage,’img_src’,0);

然后,在m_file_open_Callback函数的最后写上如下程序:

setappdata(handles.figure_pjimage,’img_src’,img_src);

那么,我们在m_file_save_Callback函数中就可以像这样的来提取img_src,如下:

img_src=getappdata(handles.figure_pjimage,’img_src’);

那么保存的时候,自然会用到保存对话框了。要用保存对话框,就要用到uiputfile函数了,具体的请用help

uiputfile查看。

那么,保存菜单项下的程序(m_file_save_Callback),可以这样写:

[filename,

pathname] = uiputfile({'*.bmp','BMP files';'*.jpg;','JPG files'}, 'Pick an

Image');

if isequal(filename,0) || isequal(pathname,0)

return;%如果点了“取消”

else

fpath=fullfile(pathname,

filename);%获得全路径的另一种方法

end

img_src=getappdata(handles.figure_pjimage,'img_src');%取得打开图片的数据

imwrite(img_src,fpath);%保存图片

下面是退出菜单项的程序的。要退出界面,只要用close函数就行了,但是通常都会有提示的。比如你如果进行了处理图片,而又没有保存处理后的图片,那么在关闭的时候就应该给出提示,询问是否进行保存。不过,在这里,我们先不做这个工作,等后面有需要的时候再写吧。因此,这里的退出菜单项的程序就是一句,如下:

close(handles.figure_pjimage);

其实,用delete函数也是可以的,就是:delete(handles.figure_pjimage);看你的心情了。

但是运行程序的时候,你会发现,当你打开图片的时候,如果点“取消”按钮,那么在MATLAB的命令窗口会弹出错误,那是因为我们没有处理取消的情况。下面我们来处理下这个问题,只要把m_file_open_Callback下面的程序更改为如下程序即可:

[filename,

pathname] = uigetfile( ...

{'*.bmp;*.jpg;*.png;*.jpeg', 'Image Files

(*.bmp, *.jpg, *.png, *.jpeg)'; ...

'*.*', 'All Files

(*.*)'}, ...

'Pick an image');

if isequal(filename,0) ||

isequal(pathname,0),

return;

end

axes(handles.axes_src);

fpath=[pathname

filename];

img_src=imread(fpath);

imshow(img_src);

setappdata(handles.figure_pjimage,'img_src',img_src);

下面我们来做一个图像二值化的一个图像处理。用上面的方法添加一个“图像处理”菜单,如下:

在其下面添加一个“图像二值化”的菜单项,如下:

然后,点击“OK”关闭菜单编辑器,并保存整个界面。如果我们的

.m文件中没有对应的Callback时,我们可以点击上图中的“View”按钮来生成一个Callback函数。图像二值化,有一个阈值的设置,那么我们可以新建一个界面,在这个界面上放一个滑动条来设置图像二值化的阈值。同时,有一个文本,显示当前滑动条的值。那么我们新建一个空白界面,在它上面画一个Static

Text和Slider控件,然后用工具栏的对齐工具(Align

Objects),来对其这两个空间。如下:

然后,将这个界面保存为

im2bw_args.fig。整个设计如下:

你可以设置Static

Text的FontSize属性为10,这样字体会更大一点。设置Static

Text的Tag属性为txt_display,设置滚动条的Tag属性为slider_val。为了能够在滚动条滚动时,Static

Text显示滚动条的值,需要在滚动条的Callback中写下如下程序,你可以在滚动条上点击右键,选择“View

Callbacks”下的“Callback”直接进入滚动条的Callback函数(slider_val_Callback)。

val=get(hObject,'Value');

set(handles.txt_display,'String',num2str(val));

保存,运行程序,就可以滑动滚动条,而Static

Text就会显示相应的值。在figure上双击打开figure(有方块的底层窗口)的属性窗口,将其Tag属性设置为“figure_im2bw”,将其Name属性设置为“设置图像二值化阈值”。然后,保存界面。运行时,如下:

那么,我们想的是,当滑动条滑动时,将二值化的图像显示在

pjimage.fig中的axes_dst坐标轴上的。那么怎么办呢?首先,要做的是,当点击

pjimage.fig菜单“图像处理”下的“图像二值化”的时候,会打开

im2bw_args.fig。这个时候就是我们要调用

im2bw_args.m的时候了。当我们调用它的时候,会返回一个句柄,而这个句柄就是指向打开的

im2bw_args.fig的。关于更详细的,你可以参看

im2bw_args.m文件的最前面的注释,其中有这样写:

%

H = IM2BW_ARGS returns the handle to a new IM2BW_ARGS or the handle to

% the

existing

singleton*.

那就说明,我们可以如上的方式打开

im2bw_args.fig。所以在“图像二值化”的Callback函数(m_image_2bw_Callback)下,写上如下的程序:

h=im2bw_args;

然后,保存pjimage.fig.还有就是,最好将

im2bw_args.fig和

pjimage.fig保存在一个目录下面。然后,运行

pjimage.fig,可以看到,当点击“图像二值化”的时候会打开im2bw_args.fig,同时滑动条滑动时也会显示响应的值。

下面来说说如何在滑动条滑动时,将滑动后的二值化图像显示到pjimage的axes_dst坐标轴中。

首先,我们要获得pjimage的figure的句柄,这个可以通过findobj函数来完成,之后将返回值用guihandles来转换成一个句柄。之后,就可以用这个转化后的句柄来引用

pjimage.fig中的任何一个控件了。所以,我们在

im2bw_args.fig下的滑动条的Callback函数中添加如下函数:

h_pjimage=getappdata(handles.figure_im2bw,'h_pjimage');

axes(h_pjimage.axes_dst);

img_src=getappdata(h_pjimage.figure_pjimage,'img_src');

bw=im2bw(img_src,val);

imshow(bw);

然后,在im2bw_args_OpeningFcn中添加:

h_pjimage=findobj('Tag','figure_pjimage');

h_pjimage=guihandles(h_pjimage);

setappdata(handles.figure_im2bw,'h_pjimage',h_pjimage);

然后,保存,运行。效果如下:

但是,如果在我们没有打开图片的情况下,要是点击了“图像二值化”会出现什么问题呢?可以看到显示的图像是全黑的,完全没有意义。所以,我们可以在没有点击“打开”菜单项的时候,使“图像处理”菜单不可用。

那么在

pjimage.m的OpeningFcn中,添加如下程序:

set(handles.m_image,'Enable','off');

在“打开”菜单项的Callback函数的最后,添加如下程序:

set(handles.m_image,'Enable','on');

这样的话,只要你不点“打开”,就不能用“图像处理”菜单中的命令,效果如下:

点击“打开”之后,就能使用了。

下面,我们来说说前面的问题,就是询问是否保存图片的问题。首先,我们要设置两个标志:一个是图片是否被处理过了,二是图片是否被保存了。那么我们在pjimage_OpeningFcn中,添加如下的两个应用程序数据。

setappdata(handles.figure_pjimage,'bSave',false);

setappdata(handles.figure_pjimage,'bChanged',false);

然后在“图像二值化”菜单项的Callback函数中,改变bChanged的值为true,即添加如下程序:

setappdata(handles.figure_pjimage,'bChanged',true);

由于我们要保存的是坐标轴axes_dst中的图像,而我们“文件”下的“保存”,实质上保存的是坐标轴axes_src中的图像,那怎么办呢?只好再添加一个“保存”菜单项了。这次,我们在坐标轴axes_dst中添加右键菜单。

打开工具栏的菜单编辑器,选择Context

Menu(上下文菜单),如下:

然后,新建一个Context

Menu,其Tag属性为:axes_dst_menu,如下:

然后为其添加菜单项:“保存”,其Tag属性为axes_dst_menu_save.如上图。然后,在坐标轴axes_dst上右键,选择“Property

Inspector”。将该坐标轴的UIContextMenu属性更改为axes_dst_menu.

如下图:

然后,保存,运行。在axes_dst上点右键就能看到“保存”菜单了。下面来写其函数。

[filename, pathname] =

uiputfile({'*.bmp','BMP files';'*.jpg;','JPG files'}, 'Pick an Image');

if

isequal(filename,0) || isequal(pathname,0)

return;

else

fpath=fullfile(pathname,

filename);

end

img_dst=getimage(handles.axes_dst);

imwrite(img_dst,fpath);

setappdata(handles.figure_pjimage,’bSave’,true);

但是你会发现,没有读入图片之前,在axes_dst点右键是有菜单的,一旦二值化之后,再次点右键就没有菜单了。

但是,当我们把右键菜单axes_dst_menu,添加到figure窗口(在没有控件的地方,双击,即可打开figure的属性窗口)的UIContextMenu的时候,就不会出现上面的问题,而且一切运行正常。因为,当你添加到axes_dst之后,一旦坐标轴的内容改变,就会将右键菜单附加到父对象上。因此,如果一定需要在坐标轴上显示右键菜单,就要通过程序创建了。如何创建,咱们先不说,先说说把坐标轴axes_dst保存完毕,退出程序的时候的处理。

将原来的m_file_exit_Callback更改为如下程序:

bChanged=getappdata(handles.figure_pjimage,'bChanged');%获得是否更改

bSave=getappdata(handles.figure_pjimage,'bSave');%获得是否保存

if

bChanged==true && bSave==false,%更改了,而没保存时

btnName=questdlg('您已经更改了图片,但没有保存。要保存吗?','提示','保存','不保存','保存');%用提问对话框

switch btnName,

case '保存', %执行axes_dst_menu_save_Callback的功能

feval(@axes_dst_menu_save_Callback,handles.axes_dst_menu_save,eventdata,handles);

case '不保存',%什么也不做

end

end

h=findobj('Tag','figure_im2bw');%查找是否打开设置图像二值化参数窗口

if

~isempty(h),%找到的话,则关闭

close(h);

end

close(findobj('Tag','figure_pjimage'));%关闭主窗口

下面来为程序添加一个工具栏,单击工具栏上那个的Toolbar

Editor,打开如下:

选择“Predefined

Tools”下的Open,点击“Add”。再次选择“Save”,点击“Add”。并将Open按钮的Tag属性更改为tbl_open,Save按钮的Tag属性更改为tbl_save,如下:

点“View”,来找到Open按钮的Callback,在它的下面来调用菜单中的打开菜单项的Callback,需要在Open按钮的Callback下写下如下程序:

feval(@m_file_open_Callback,handles.m_file_open,eventdata,handles);

用同样的方法,找到Save按钮的Callback,并在它的下面写上保存程序,但是,我们要判断一下是不是第一次保存,如果是,则用保存对话框;如果不是,我们直接保存在第一次保存的路径中就可以了。那么,我们还是需要设置几个应用程序数据的,第一个就是记录是否是第一次保存,第二个是记录第一次保存的路径。这样的话,我们在pjimage_OpeningFcn中添加如下的代码:

setappdata(handles.figure_pjimage,'fstSave',true);

setappdata(handles.figure_pjimage,'fstPath',0);

然后,在Save按钮的Callback下,写下如下的程序:

fstSave=getappdata(handles.figure_pjimage,'fstSave');

if(fstSave==true)

[filename, pathname] = uiputfile({'*.bmp','BMP files';'*.jpg;','JPG files'},

'Pick an Image');

if isequal(filename,0) ||

isequal(pathname,0)

return;

else

fpath=fullfile(pathname, filename);

end

img_dst=getimage(handles.axes_dst);

imwrite(img_dst,fpath);

setappdata(handles.figure_pjimage,'fstPath',fpath);

setappdata(handles.figure_pjimage,'bSave',true);

setappdata(handles.figure_pjimage,'fstSave',false);

else

img_dst=getimage(handles.axes_dst);

fpath=getappdata(handles.figure_pjimage,'fstPath');

imwrite(img_dst,fpath);

end

并且,我们还需要在没有打开图片之前的“文件”下的“保存”和工具栏的“Save”按钮都不可用,只有点击“文件”下的“打开”或工具栏下的“打开”的时候,它们才可用。那么需要在pjimage_OpeningFcn中添加如下代码:

set(handles.tbl_save,'Enable','off');

set(handles.m_file_save,'Enable','off');

并且在m_file_open_Callback下,添加如下代码:

set(handles.tbl_save,'Enable','on');

set(handles.m_file_save,'Enable','on');

这样一个小程序,算是完成了。

如果您能按照上面的步骤做完这个小小的程序的话,那么界面编程中的问题你已经掌握的差不多了。

猜你喜欢