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

}

}

五: 拓展

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

设置窗体的标题因为你继承了JFrame所以只要在ui类的构造函数public ui()中第一句加上

super("标题")或者setTitle("标题")就可以在窗体设置标题了.

jframe.setVisible(true) 即可让窗口可见.

API里关于该方法的说明

public void setVisible(boolean b)

根据参数 b 的值显示或隐藏此 Window。

窗口的其他常用属性的设置,详细见下面的例子

示例图

参考代码和详细的注释

import java.awt.Color

import java.awt.Font

import javax.swing.JFrame

import javax.swing.JLabel

public class MyFrame extends JFrame {

//构造函数

public MyFrame() {

JLabel jl = new JLabel("床前明月光，疑是地上霜。",JLabel.CENTER)//文字标签，文字居中

jl.setForeground(Color.BLUE)//文字的颜色

jl.setFont(new Font("仿宋", Font.BOLD, 20))//设置文字,字体

add(jl)//把文字添加到窗口

//getContentPane().setBackground(Color.WHITE) //设置窗口(内容面板)的背景颜色

setTitle("窗口示例")// 窗口标题

setSize(300, 200)// 窗口大小 宽300 高200

setLocationRelativeTo(null)// 窗口居中

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)// 当窗口关闭时,程序结束

}

//main函数

public static void main(String[] args) {

MyFrame frame = new MyFrame()// 创建窗口

frame.setVisible(true)// 让该窗口实例可见

}

}

---