人机交互实验报告

学生实验报告

（理工类）

课程名称：人机交互技术专业班级： 12软件工程(Z) 学生学号： 1205107014 学生姓名：陈爽

所属院部：软件工程学院指导教师：陈圣国

20 14 ——20 15学年第 2 学期

金陵科技学院教务处制

实验报告书写要求

实验报告原则上要求学生手写，要求书写工整。若因课程特点需打印的，要遵照以下字体、字号、间距等的具体要求。纸张一律采用A4的纸张。

实验报告书写说明

实验报告中一至四项内容为必填项，包括实验目的和要求；实验仪器和设备；实验内容与过程；实验结果与分析。各院部可根据学科特点和实验具体要求增加项目。

填写注意事项

（1）细致观察，及时、准确、如实记录。

（2）准确说明，层次清晰。

（3）尽量采用专用术语来说明事物。

（4）外文、符号、公式要准确，应使用统一规定的名词和符号。

（5）应独立完成实验报告的书写，严禁抄袭、复印，一经发现，以零分论处。

实验报告批改说明

实验报告的批改要及时、认真、仔细，一律用红色笔批改。实验报告的批改成绩采用百分制，具体评分标准由各院部自行制定。

实验报告装订要求

实验批改完毕后，任课老师将每门课程的每个实验项目的实验报告以自然班为单位、按学号升序排列，装订成册，并附上一份该门课程的实验大纲。

实验项目名称：图形用户界面设计实验学时： 8

同组学生姓名：全班同学实验地点： A205

实验日期： 2015/03/26 实验成绩：

批改教师：陈圣国批改时间：

一、实验目的和要求

1、实验目的

1) 熟悉图形用户界面的设计原则

2)利用一种设计工具完成图形化的用户界面设计

2、实验要求

（1）记录系统分析及层次结构设计的过程，调试程序要记录调试过程中出现的问题及解决办法；

（2）编写程序要规范、正确，上机调试过程和结果要有记录，不断积累编程及调试经验；

（3）做完实验后给出本实验的实验报告。

二、实验仪器和设备

奔腾以上计算机，Windows XP 、Eclipse

三、实验过程

利用常用的设计工具完成一个简单的绘图软件，要遵循界面设计的一般原则，注意颜色的使用，用户能够利用鼠标绘制直线或圆、矩形等简单的图形，跟踪用户的鼠标移动，实现橡皮筋效果。

主要步骤：

(1)熟悉开发环境

在本次实验中，我主要用到的工具是Eclipse,但是要用Eclispe必须要有jdk的支持，我首先下载了1.7版本的jdk,然后进行安装并配置了classpath和path环境变量，最后下载到eclipse工具，我就可以进行开发了！

(2)分析所要实现的功能

根据老师的要求，我要实现的功能有二：

1.根据鼠标的移动绘制直线

2.根据鼠标移动绘制圆

在我看来虽然是两个功能，但是实现原理都差不多，主要用到了swing组件和监听

器的知识，即在鼠标按下的时候触发监听器记录下鼠标点击位置的坐标，然后在鼠

标拖动的过程中触发鼠标拖动监听器记录鼠标拖动到的位置，然后用背景色在原来的位置再绘制一遍图形，也就是覆盖原来的图形，接着在鼠标拖动到的位置处用区别于背景色的颜色再绘制图形，基本上原理就是这样！

(3)编程实现

首先我写了一个继承JFrame的类Draw类，该类中初始化了窗口中的控件，还包含了一个内部类CDraw类，它继承了Canvas类，内部类中主要设置了监听器用于监听鼠标点击、拖动等事件，当事件被触发事将会记录位置或者绘制图形，具体代码如下：

import java.awt.BorderLayout;

import java.awt.Button;

import java.awt.Canvas;

import java.awt.Color;

import java.awt.Graphics;

import java.awt.GridLayout;

import java.awt.Point;

import java.awt.event.MouseEvent;

import java.awt.event.MouseListener;

import java.awt.event.MouseMotionListener;

import javax.swing.ButtonGroup;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.JRadioButton;

public class Draw extends JFrame {

private static JRadioButton RBDrawLine,RBDrawRound;

private int isLine=1;//判断是画直线还是画圆 1代表画直线

public void initView(){

this.setBackground(Color.black);

this.setTitle("画图工具");

this.setLayout(new BorderLayout());

JPanel panel=new JPanel();

RBDrawLine = new JRadioButton("直线",true);

RBDrawRound = new JRadioButton("圆");

ButtonGroup bg = new ButtonGroup(); //按钮组

bg.add(RBDrawLine); //加入按钮组

bg.add(RBDrawRound);

panel.add(RBDrawLine);

panel.add(RBDrawRound);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

this.setSize(600, 400);

this.setVisible(true);

this.add(new Button(),BorderLayout.NORTH);

this.add(panel,BorderLayout.NORTH);

MDrawLine();

judgeRB();

this.setVisible(true);

}

public void judgeRB(){

if(RBDrawLine.isSelected()){

isLine=1;

}else{

isLine=0;

}

public void MDrawLine() {

this.getContentPane().add(new CDraw());

}

class CDraw extends Canvas implements

MouseListener,MouseMotionListener{

private static final long serialVersionUID = 1L;

Point start,end,lastEnd;

public CDraw(){

this.setBackground(Color.magenta);

start=end=lastEnd=null;

this.addMouseListener(this);

this.addMouseMotionListener(this);

}

@Override

public void mouseReleased(MouseEvent e) { //鼠标释放事件