JAVA写文本编辑器（一）

大家好，又见面了，我是你们的朋友全栈君。

        作业题，花了整整两天终于搞出来了，今天给大家整理一下思路。

        这里用swing ，awt写的。

        我们大概要做成一个电脑的记事本那样的一个编辑器。可以调整字体，字号，颜色。能够打开、保存文件，新建窗口，点击退出，还有一个关于介绍的窗口。整体看起来功能不是很多，只要一部分一部分的去完成就很好办了。

        关键词：JAVA文本编辑器，

        思路分析：

        一、首先我们的目标模型就是电脑的记事本，打开编辑器可以看到结构：1、标题显示在窗口的title。2、下面一行是一个工具栏，里面有文件、编辑、格式、查看、帮助。这里我们就选文件、格式、帮助来做，大致的情况都差不多。3、再下面就是一个屏占比超高的 TextArea了，他还有个特点是有滚动条。

        二、文件菜单栏：这里有新建窗口，打开文件，保存文件，还有一个退出按钮。其中的难点主要在打开和保存文件上，为什么呢。因为我们点开打开和保存两个按钮，都会跳出一个文件选择的Dialog。这东西是不是要自己画，如果要自己画，那就相当麻烦了，要对磁盘进行遍历，然后贴到窗口中什么的。所幸我们有封装好的工具JFileChooser。

        三、格式菜单：弹出一个窗口，有文字的各种形式的属性选择，中间一个展示用的文本区域，下面两个按钮，确定即保存格式，修改主窗口的属性。取消则关闭窗口，不改变属性。

        四、帮助菜单：这个是最简单的，因为只有一个弹窗，用于显示文本，所以我们打算从这里开始做。

        OK，对每个部分分析了一下感觉清晰了很多。接下来我们来第一步，把主窗口画出来。

        画主窗口，并把菜单栏按照各自的关系建好：这里用到JMenuBar，JMenu、JMenuItem。顾名思义一个是菜单栏，一个是菜单，一个事菜单项。下面看代码：

public class test5 extends JFrame{

	private JMenuBar menuBar;
	//菜单栏
	private JMenu menu_File,menu_Edit,menu_Help,menu_Format;
	//菜单栏内的菜单
	private JMenuItem item_new,item_open,item_save,item_exit;
	//对于file菜单的子项
	private JMenuItem item_undo,item_cut,item_copy,item_stick,item_delete;
	//对于edit菜单的子项
	private JMenuItem item_about;
	//对于help菜单的子项
	private JMenuItem item_word_format;
	
	
	public test5() {
		initMenuBar();
		
		this.setJMenuBar(menuBar);
		this.setSize(800,600);
		this.setTitle("自定义文本编辑器");
		this.setVisible(true);
		this.setLocationRelativeTo(null);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}
	
	/**
	 * 对menubar进行初始化，这里有一些小的快捷方式的设置
	 * 大家可以考虑对所有的组件都设置一下
	 * 两种形式：
	 * menu_File.setMnemonic('f'); 对menu
	 * item_word_format.setAccelerator(KeyStroke.getKeyStroke('F',java.awt.Event.CTRL_MASK,false)); 对item
	 */
	public void initMenuBar() {
		menuBar = new JMenuBar();
		menu_File = new JMenu("文件(F)");
		menu_File.setMnemonic('f');//f+alt打开
		item_new = new JMenuItem("新建");
		item_open = new JMenuItem("打开");
		item_save = new JMenuItem("保存");
		item_exit = new JMenuItem("退出");
		menu_File.add(item_new);
		menu_File.add(item_open);
		menu_File.add(item_save);
		menu_File.add(item_exit);
		//File 菜单
		
		menu_Edit = new JMenu("编辑(E)");
		menu_Edit.setMnemonic('e');
		item_undo = new JMenuItem("撤销");
		item_cut = new JMenuItem("剪切");
		item_copy = new JMenuItem("复制");
		item_stick = new JMenuItem("粘贴");
		item_delete = new JMenuItem("删除");
		menu_Edit.add(item_undo);
		menu_Edit.add(item_cut);
		menu_Edit.add(item_copy);
		menu_Edit.add(item_stick);
		menu_Edit.add(item_delete);
		//Edit 菜单
		
		menu_Help = new JMenu("帮助(H)");
		menu_Help.setMnemonic('h');
		item_about = new JMenuItem("关于");
		menu_Help.add(item_about);
		//Help 菜单
		
		menu_Format = new JMenu("格式(O)");
		menu_Format.setMnemonic('o');
		item_word_format = new JMenuItem("字体(F)");
		item_word_format.setAccelerator(KeyStroke.getKeyStroke('F',java.awt.Event.CTRL_MASK,false));//给item添加快捷键
		menu_Format.add(item_word_format);
		
		
		menuBar.add(menu_File);
		menuBar.add(menu_Edit);
		menuBar.add(menu_Format);
		menuBar.add(menu_Help);
	}
	
	
	
	public static void main(String[] args) {
		test5 t5 = new test5();
	}
	
	

}

        接下来就是菜单栏下面的文本编辑区域了，这里只需要用一个JTextArea就可以了，别忘了还有滚动条（JScrollPane）：

public class test5 extends JFrame{

	...

	...

	private static JTextArea edit_text_area;
	//private JTextArea edit_text_area;
	
	//编辑区域
	private JScrollPane scroll_bar;
	//可滚动的pane 里面添加edit_text_area就可以变为一个可以滚动的文本框，JScrollPane是一个pane，同时可以设置方向
	
	public test5() {
		initMenuBar();
		initEditArea();
		
		this.setJMenuBar(menuBar);
		this.setSize(800,600);
		
		this.add(scroll_bar);
		
		this.setTitle("自定义文本编辑器");
		this.setVisible(true);
		this.setLocationRelativeTo(null);
		this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}
	
	
	/**
	 * 初始化编辑区域
	 * 用scrollpane装textarea
	 * 同时对pane设置方向
	 */
	public void initEditArea() {
		edit_text_area = new JTextArea();
		scroll_bar = new JScrollPane(edit_text_area);
		scroll_bar.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_AS_NEEDED);
	}
	
	
	public void initMenuBar() {
		...
	}
	
	
	
	public static void main(String[] args) {
		test5 t5 = new test5();
	}
	
	

}

        为了节省篇幅，我就把重复出现的代码删除用…代替了，相信没有影响大家的观看效果。

        OK,现在整个主窗口都出来了。我们回顾一下本篇都做了什么：一、整理了一下思路，按照记事本的功能和样式，将组件才分出来分析了一下。二、对菜单栏进行初始化。三、对文本编辑区域进行初始化。

        下面我们就要开始做事件响应了。