我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

java可视化界面代码 java图形化界面代码

java 可视化界面编程

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!!可以运行

Java 用户界面设计 求界面代码

一: 首先弄清题目的意思

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);//创建窗口,被设置为可见

}

}

五: 拓展

虽然图形界面的实现方法是多样的,  我们一定要根据具体情况, 选择一个比较优化的 合理的, 符合业务逻辑的实现方法

如何在Eclipse中进行Java的可视化界面设计

准备工作:

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,呵呵,跟全世界打个招呼吧!


本文标题:java可视化界面代码 java图形化界面代码
网站URL:http://mswzjz.cn/article/hgsjde.html

其他资讯