📄 1.htm
字号:
<html><!-- #BeginTemplate "/Templates/empolder_doc.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>|><| 太平洋电脑信息网 -> 网络学院 -> 开发教室</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
-->
</style>
<link rel="stylesheet" href="/pcedu/style/text.css"></head>
<body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 marginheight="0">
<script language="JavaScript" src="/pcedu/script/top.js">
</script>
<table width=760 border=0 cellspacing=0 cellpadding=0 align=center>
<tr>
<td width=194 height="56"><a href=http://www.pconline.com.cn><img src=http://www.pconline.com.cn/images/pconlinelogo.gif width=162 height=35 vspace=10 border=0></a></td>
<td width=406 height="56">
<script language="JavaScript" src="/pcedu/script/empolder_ad.js">
</script>
</td>
<td width=158 align=right height="56">
<script language="JavaScript" src="/pcedu/script/empolder_ad1.js">
</script>
</td>
<td align=right width=2 height="56"> </td>
</tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width=760 align="center">
<tbody>
<tr valign=bottom>
<td rowspan=2 width=172><img height=32 src="/pcedu/images/pcedu_lo.gif"
width=172 border="0"></td>
<td height=30 rowspan=2>
<table cellpadding=0 cellspacing=0 width="588" bgcolor="#FFA000" background="/pcedu/images/e_menu5.gif" border="0">
<tbody>
<tr valign="bottom">
<td height="17">
<script language="JavaScript" src="/pcedu/script/title_empolder.js">
</script>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr></tr>
<tr bgcolor="#303880">
<td colspan=2 height=1 valign=bottom><img height=1
src="/pcedu/images/blank.gif" width=1></td>
</tr>
<tr>
<td colspan=2 height=5 valign=bottom><img height=5
src="/pcedu/images/blank.gif" width=1></td>
</tr>
</tbody>
</table>
<table width="760" cellspacing="0" cellpadding="0" align="center" height="37">
<tr>
<td width="170" valign="top">
<table border="0" width="170" height="100%"
cellspacing="1" bgcolor="#000000">
<tr bgcolor="#F8F8D2">
<td width="100%" valign="top"><!-- #BeginEditable "left" -->
<div align="center">
<table width="100%" border="0" cellspacing="1" cellpadding="0" bgcolor="#000000" align="center">
<tr bgcolor="#E17329">
<td height="20" align="center"><font color="#FFFFFF">==<b>开发教室==</b></font></td>
</tr>
</table>
<br>
</div>
<!-- #EndEditable -->
<script language="JavaScript" src="/pcedu/script/left_empolder.js">
</script>
</td>
</tr>
</table>
</td>
<td width="10"><img src="/pcedu/images/blank.gif" width="1" height="1"></td>
<td width="580" valign="top" class="article">
<p><img src="/pcedu/images/666666.gif" width="99%" height="1"></p>
<!-- #BeginEditable "content" -->
<center>
</center>
<p align="center" class="title">Java Applet 入门</p>
<p align="right"><a href="mailto:yy435@263.net">yy435</a></p>
<p align="right">太平洋网络学院</p>
<div align="left">
<p align="center" class="green">第三天</p>
<p><span class="green">Java的图形界面与设计</span></p>
</div>
<p align="left"><span class="green"><font size="3"> </font></span><font size="3">图形用户界面（Graphics
User Interface),简称GUI，使用图形的方式，借助菜单、按钮等标准界面元素和鼠标操作，帮助用户方便地向计算机系统发出指令，启动操作，并将系统运行的结果同样以图形方式显示给用户。图形用户界面画面生动、操作简单，省去了字符界面用户必须记忆各种命令的麻烦，深受广大用户喜爱和欢迎，已经成为目前几乎所有应用软件的既成标准。所以学习设计和开发图形用户界面，是应用软件开发人员必修的一课。</font></p>
<p><font size="3"> </font><font size="3">JAVA中构成用户界面的各种元素和成分可以粗略地分成为三类：容器、控制组件和用户自定义成分。</font></p>
<p><font size="4">1.容器</font></p>
<p> <font size="3">容器是用来组织其他界面成分和元素的单元。一般说来一个应用程序的图形用户界面首先对应于一个复杂的容器，如一个窗口。这个容器内部将包含许多界面成分和元素，这写界面元素本身也可以又是一个容器，这个容器将再进一步包含它的界面成分和元素，依次类推就构成一个复杂的图形界面系统。</font></p>
<p><font size="3">容器的主要作用和特点有：</font></p>
<blockquote>
<blockquote>
<p>(1)容器有一定的范围。一般容器都是矩形的，容器范围边界可以用边框框出来,有些则没有可见的标记。</p>
<p>(2)容器有一定的位置。这个位置可以是屏幕四角的绝对位置，也可以是相对于其他容器边框的相对位置。</p>
<p>(3)容器通常都有一个背景,这个背景覆盖全部容器，可以通明，也可以指定一幅特殊的图案，使界面生动化和个性化.</p>
<p>(4)容器中可以包含其他的许多界面成分和元素。当容器被打开显示时,它上面的所以成分和元素也同时显示出来，当容器被关闭和隐藏时,它所包含的成分和元素也一起被隐藏。</p>
<p>(5)容器可以按一定的规则来物理地安排它所包含的元素，如这些元素的相对位置关系、它们的的前后排列关系等。</p>
<p>(6)容器可能被包含在其他容器之中。</p>
</blockquote>
</blockquote>
<p><font size="3">2.控制组件</font></p>
<p><font size="3"> 与容器不同，控制组件是图形用户界面的最小单位之一,它里面不再包含其他的成分.控制组件的作用是完成与用户的一次交互,包括接受用户的一个命令,接受用户的一个文本输入,向用户显示一段文本或一个图形等。从某种程度上来说，控制组件是图形用户界面标准化的结果，目前常用的控制组件有:</font></p>
<blockquote>
<blockquote>
<p><font size="3">(1)复选框(Checkbox)</font></p>
<p><font size="3">(2)单选按钮(CheckboxGroup或RadioButton)</font></p>
<p><font size="3">(3)下拉列表(List或Choice)</font></p>
<p><font size="3">(4)标签(Label)</font></p>
<p><font size="3">(5)文本编辑区(Edit或Textfield,TextArea)</font></p>
<p><font size="3">(6)按钮(Button)</font></p>
</blockquote>
</blockquote>
<p><font size="3">3.用户自定义成分</font></p>
<p><font size="3"> 除了标准的图形界面元素，编程人员还可以根据用户需要设计一些用户自定义的图形界面成分，例如绘制一些几何图形，使用标志图案等。用户自定义成分由于不能像标准界面元素一样被系统识别和承认，所以通常只能起到装饰、美化等作用，而不能响应用户的动作，不具有交互功能。</font></p>
<p align="center"><a href="../02/15.htm">[上一页]</a> <a href="11.htm">[下一页]</a></p>
<!-- #EndEditable -->
<div align="center">
<table width="100%" border="0">
<tr class="sfont">
<td>
<div align="center"><a href="javascript:history.go(-1)">[返回]</a>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<hr noshade size="2" width="760">
<div align="center">
<p align="center"><font color="#000000">
<script language="JavaScript" src="/pcedu/script/title_edu.js">
</script>
</font> <br>
<br>
版权所有©2000 太平洋电脑网<br>
<font face="Arial, Helvetica, sans-serif">
<script>
document.write("<a href=http://best.netease.com/cgi-bin/view/viewbasic.cgi?exp target=_blank><img src=http://best.netease.com/cgi-bin/log.cgi?user=exp&refer="+escape(document.referrer)+"&cur="+escape(document.URL)+" border=0 alt='网易中文排行榜' width=1 height=1></a>");
</script>
<a href=mailto:webmaster@pconline.com.cn> </a></font><font face="Arial, Helvetica, sans-serif"><a href=mailto:webmaster@pconline.com.cn>webmaster@pconline.com.cn</a></font><font face="Arial, Helvetica, sans-serif"><a href=mailto:webmaster@pconline.com.cn>
<script language="">document.write("<a href=http://best.netease.com/cgi-bin/view/viewbasic.cgi?pconline1 target=_blank><img src=http://best.netease.com/cgi-bin/log.cgi?user=pconline1&refer="+escape(document.referrer)+"&cur="+escape(document.URL)+" border=0 width=1 height=1 ></a>");</script>
</a>
<script language="">
document.write("<a href=http://www0.pconline.com.cn:8810/pccount/index.php target=_blank><img src=http://www0.pconline.com.cn:8810/cgi-bin/test.cgi?user=pcedu&refer="+escape(document.referrer)+"&cur="+escape(document.URL)+" border=0 width=0 height=0 alt='' ></a>");
</script>
</font> </p>
</div>
</body>
<!-- #EndTemplate --></html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -