import java.awt.Button;
站在用户的角度思考问题，与客户深入沟通，找到博湖网站设计与博湖网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、雅安服务器托管、企业邮箱。业务覆盖博湖地区。
import java.awt.Color;
import java.awt.Frame;
import java.awt.GridLayout;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
public class awttest
{
TextField id,pw;
TextField printid,printpw;
public awttest(){
Frame f=new Frame("用户登录");
f.setLayout(new GridLayout(4,2));
id=new TextField("输入用户名",10);
pw=new TextField(10);
pw.setEchoChar('*');
f.add(new Label("用户名:",Label.CENTER));
f.add(id);
f.add(new Label("密码:",Label.CENTER));
f.add(pw);
Button b1=new Button("登陆");
Button b2=new Button("取消");
f.add(b1);
f.add(b2);
String str1=id.getText();
String str2=pw.getText();
printid=new TextField(str1,10);
printpw=new TextField(str2,10);
f.add(printid);
f.add(printpw);
f.pack();
printid.setBackground(new Color(220,0,0));
printpw.setBackground(new Color(220,0,0));
f.setSize(250,120);
f.setVisible(true);
b1.addActionListener(new ActionListener() { // 点击“显示窗口”菜单后将窗口显示出来
public void actionPerformed(ActionEvent e) {
printid.setText(id.getText());
printpw.setText(pw.getText());
}
});
f.addWindowListener(new WindowAdapter()
{
public void windowClosing(WindowEvent args)
{
System.exit(0);
}
}
);
}
public static void main(String[] args){
new awttest();
}
}
OK！！可以运行
一: 首先弄清题目的意思
A.需要的主要组件列表:
1. 创建一个窗口,窗口标题叫Information
2. 3个标签, 用于显示文字 Name Number Class
3. 3个文本框, 用于填写信息
4. 1个按钮, 文字是确认
5. 1个文本域
B.业务逻辑
1. 当点击按钮确认的时候, 把 文本框的信息显示到文本域
C.设计的主要技术
JLabel , JButton, JTextField ...等, 都是swing的组件 , 所以应该使用swing进行创建
二: 确定使用的布局
swing虽然重写了大部分的组件, 但是布局, 依旧沿袭awt技术
分析图片上的布局:
至少有2种方法可以实现,
方法一: 绝对布局 , 优点: 配合可视化GUI拖曳, 可以完美的实现图上的组件的位置
但是缺点也是致命的, 不同的操作系统平台下, 可能会出现位置的移动,
只适合开发平台, 移植效果差 . 所以不推荐使用
方法二: 灵活的表格布局, 配合流式布局 , 所有操作系统下,显示效果都比较统一.
三: 效果图
四: 参考代码
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
public class FrameDemo extends JFrame {
//申明需要的组件
private final JTextField jtf1,jtf2,jtf3;
private final JTextArea jta;
public FrameDemo() {
setTitle("Information");//设置窗口标题
setSize(320, 360);//设置窗口大小
setLocationRelativeTo(null);//设置窗口居中
setDefaultCloseOperation(EXIT_ON_CLOSE);//设置关闭时退出虚拟机
getContentPane().setLayout(new FlowLayout());//设置窗口布局为流式布局
JPanel jp = new JPanel(new GridLayout(4, 2));//设置jp面板为表格布局4行2列
//第一行
JPanel jp01 = new JPanel();
JLabel jl1 = new JLabel("Name:");
jp01.add(jl1);
JPanel jp1 = new JPanel();
jtf1 = new JTextField(8);
jp1.add(jtf1);
//第二行
JPanel jp02 = new JPanel();
JLabel jl2 = new JLabel("Number:");
jp02.add(jl2);
JPanel jp2 = new JPanel();
jtf2 = new JTextField(8);
jp2.add(jtf2);
//第三行
JPanel jp03 = new JPanel();
JLabel jl3 = new JLabel("Class:");
jp03.add(jl3);
JPanel jp3 = new JPanel();
jtf3 = new JTextField(8);
jp3.add(jtf3);
//第四行
JPanel jp04 = new JPanel();
JLabel jl4 = new JLabel("");
jp04.add(jl4);
JPanel jp4 = new JPanel();
JButton jb = new JButton("确认");
jp4.add(jb);
jp.add(jp01);
jp.add(jp1);
jp.add(jp02);
jp.add(jp2);
jp.add(jp03);
jp.add(jp3);
jp.add(jp04);
jp.add(jp4);
getContentPane().add(jp);
jta = new JTextArea();
jta.setColumns(20);//设置文本域的大小
jta.setEditable(false);//设置文本域不可编辑
jta.setBackground(jp.getBackground());//设置文本域的背景色和面板一样
getContentPane().add(jta);
jb.addActionListener(new ActionListener() {//给按钮添加事件
public void actionPerformed(ActionEvent e) {//点击按钮,显示信息到文本域
String name = jtf1.getText();
String number = jtf2.getText();
String clazz = jtf3.getText();
jta.setText("You name is "+name+" number is "+number+" class is "+clazz);
}
});
}
public static void main(String[] args) {
new FrameDemo().setVisible(true);//创建窗口,被设置为可见
}
}
五: 拓展
虽然图形界面的实现方法是多样的, 我们一定要根据具体情况, 选择一个比较优化的 合理的, 符合业务逻辑的实现方法
准备工作：
1、下载JDK；
2、下载Eclipse；
3、下载相应的EMF、GEF、VE；
注意：三个插件的版本要和Eclipse的版本配套才能正确使用，至于配套的说明请参考下载页面的说明
开始安装：
1、安装JDK；
这个比较容易，标准的Windows安装程序，下一步，再下一步即可，安装完成后，也不需要重启。
2、安装Eclipse；
Eclipse是绿色软件，不需要安装，只需要解压缩，然后即可运行。
为了说明方便，我把它解压缩到C盘根目录下，得到C:\eclipse目录，运行C:\eclipse\eclipse.exe即可。
注意：下面的安装，需要先关闭eclipse程序。
3、安装EMF、GEF、VE；
对于Eclipse来说，这些都是它的插件，所以，安装方法都是一样的。插件下载地址
A、在C:\eclipse目录下，建立四个子目录：C:\eclipse\emf、C:\eclipse\gef、C:\eclipse\ve、C:\eclipse\links；
B、把下载的EMF、GEF、VE都解压缩到相应的目录中，即：把EMF压缩包解压缩到C:\eclipse\emf中，得到C:\eclipse\emf\eclipse目录，以此类推，完成GEF、VE的解压缩；
C、在C:\eclipse\links目录下，新建一个文本文件，名字可随便取，如：link.txt。
然后在link.txt文件中，加入以下三行文字：
path=emf
path=gef
path=VE
注意：这里用的是相对路径，也可以把EMF、GEF、VE解压缩到其它地方，再用绝对路径即可。
再注意：绝对路径是用 “/” 或者 “\\” 分隔，而不是“\”
补充知识：为什么ve需要emf和gef：
Visual Editor 所利用的最为明显的工具是 GEF，即图形化编辑框架（Graphical Editing
Framework）。GEF 建立于本地 Eclipse 图形化工具集 SWT
之上，以使得开发一个图形化编辑器或者所见即所得文本编辑器更为容易。如果您熟悉 SWT （或者
AWT/Swing，在这方面它们是类似的）中的图形原语，那么您会知道绘制和处理任意的形状（比如矩形、箭头和椭圆）是比较困难的，更不用说管理它们之间的关系以及它们所代表的数据模型了。
GEF 被划分为两个部分：第一部分是 Draw2D 插件，这是一个轻量级的绘图和呈现包，用于帮助您绘制图形。第二部分是 GEF 插件，除了其他工具以外，这一部分中还增加了选择和创建工具、工具选项板，以及用于在数据模型和视图之间进行映射的控制器框架。
GEF
是一个模型无关的框架，但是作为 Visual Editor （以及其他生成代码的图形化工具）的一部分，它在后台使用 Eclipse
建模框架（Eclipse Modeling Framework, EMF），以在模型、Java 类和图形化表示之间进行映射，其中模型是使用
XML 元数据交换（XML Metadata Interchange, XMI）在内部存储的。EMF
的重要特性之一是它确保所有这些映射都是一对一的；所以尽管 XMI
可以被认为是模型的标准表示，但是在代码和图形之间来回切换并不会丢失任何信息。这就是为什么 Visual Editor
只需要保存模型的一种表示（即 Java 源代码），以及开发人员可以自由地在图形化编辑器之外编辑该源代码的原因。
4、安装完毕，再次运行Eclipse，它启动时会自动查找links目录下所有的文本文件，并加载其中path指向的所有插件，这里当然包括VE。
A、如果不能确定是否已经加载，可选择菜单Help-Software Updates-Manage Configuration，打开Product Configuration窗体，在其左边的树形栏里，可以看到已加载的插件。
B、如果加载没有成功，可以试试用Eclipse -clear来运行程序。
C、如果加载仍没有成功，可以试试删除C:\eclipse\configuration下的内容，仅保留config.ini文件。然后再用Eclipse来运行程序。
================================================================
启动eclipse平台。刚开始，你可能觉得eclipse并没有什么变化。先别急，请新建一个项目，点击"文件"菜单下的"新建"子菜单，选择并建立一个新的"java项目"。然后在工具栏上的"新建Java类" 图标上，点击右边的小箭头，将展开如下图的菜单：
在此菜单上，多了一个"Visual Calss"的子菜单,这就是进入Visual Editor的入口之一。点击"Visual Class"，就会弹出创建GUI程序的对话框，选择完毕后，就会进入可视化编辑画面：
用VE写个Hello：
1、新建一个项目；
File-New-Project...，选择“Java Project”，然后Next，输入一个项目名字：Hello，其它全部默认，最后回车，或者点击“Finish”完成。
2、设置SWT库；
A、选择项目Hello，右键菜单，打开Properties对话框。
B、选择左边树形中的Java Build Path，在其设置页中，选择Libraries页，点击“Add Library...”；
C、在打开的Add Library对话框里，选择Standard Widget Toolkit(SWT)，Next；
D、在打开的SWT Library Options对话框中，勾选上“Include support for JFace library”，Finish即可。
E、回到Properties对话框，OK即可。
3、新建Hellworld.java文件；
A、选择项目Hello,右键菜单，New-Other...（或者点击工具栏里新建图标），打开Select a wizard对话框，选择Java/Visual Class,Next；
B、在打开的Java Visual Class对话框中，
在Package里，输入：com.cnblogs.pan；
在Name里，输入：Helloworld；
在Style里，选择SWT/Shell；
勾选上public static void main(String[] args);
最后Finish。
4、到了这一步，应该就可以看到窗体了，那些控件都在Palette里，点开就能看到了。
A、在窗体上右击，选择Set Layout，再选择null；（此处为个人习惯）
B、从Palette里，选中一个Button，并在窗体任意位置画一个Button，在下面的Properties窗口里，设置其text为ClickMe；
C、选中该按钮，右击选择Events-Add Event，在打开的对话框中，选择左边的widgetSelected，Finish。
D、这时，光标会自动定位到程序相应的位置，我们在程序里加入下面语句：
public void widgetSelected(org.eclipse.swt.events.SelectionEvent e) {
System.out.println("widgetSelected()");
MessageDialog.openInformation(null, "Hello", "Hello World!");//加入这条语句
}
E、保存程序，点击菜单Run-Run As-Java Application，呵呵，跟全世界打个招呼吧！
