《Head First 设计模式》学习笔记——复合模式

Posted blfbuaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《Head First 设计模式》学习笔记——复合模式相关的知识,希望对你有一定的参考价值。

模型-视图-控制器(MVC模式)是一种很经典的软件架构模式。在UI框架和UI设计思路中扮演着很重要的角色。从设计模式的角度来看,MVC模式是一种复合模式。它将多个设计模式在一种解决方式中结合起来,用来解决很多设计问题。MVC模式把用户界面交互分拆到不同的三种角色中,使应用程序被分成三个核心部件:Model(模型)、View(视图)、Control(控制器)。————题记

设计模式
复合模式:结合两个或以上的模式,组成一个解决方式,解决一再发生的一般性问题。如MVC和Model 2

模型-视图-控制器
模型:模型持有全部的数据、状态和程序逻辑。模型没有注意到视图和控制器。尽管他提供了操纵和检索状态的接口。并发送状态改变给观察者。
控制器:取得用户的输入并解读其对模型的意思。

视图:用来呈现模型,视图通常直接从模型中取得它须要显示的状态和数据。
从模式角度看:
模型利用“观察者”让控制器和视图能够随最新的状态改变而更新。
还有一方面。视图和控制器则实现了“策略模式”。

控制器是视图的行为。假设你希望有不同的行为。能够直接换一个控制器。

视图内部使用组合模式管理窗体、button以及其它显示组件。

MVC与WEB——Model 2
Web开发者也都在适配MVC,使他符合浏览器/server模型。使用Servlet和JSP技术的组合。达到MVC的分离效果。就像传统的GUI。

(1)客户发出一个会被Servlet收到的HTTP请求。

(2)Servlet扮演控制器,处理请求。一般会向模型(通常是数据库)发出请求。处理结果往往以JavaBean的形式打包。
(3)控制器将控制权交给视图JSP。

JSP的唯一工作就是产生页面表现模型的视图,以及进一步动作所须要的全部控件。

(4)视图通过HTTP将页面返回浏览器。
//MVC
//模型
public interface BeatModelInterface {
	//这些方法让控制器调用。控制器依据用户的操作对模型做出适当的处理
	void initialize();
	void on();
	void off();
	void setBPM(int bpm);

	//这些方法同意视图和控制器取得状态,而且成为观察者。
	int getBPM();
	void registerObserver(BeatObserver o);
	void removeObserver(BeatObserver o);
	void registerObserver(BPMObserver o);
	void removeObserver(BPMObserver o);
}

public class BeatModel implements BeatModelInterface, MetaEventListener {
	Sequencer sequencer;
	//两种观察者。一种观察节拍,一种观察BPM变化
	ArrayList<BeatObserver> beatObservers = new ArrayList<BeatObserver>();
	ArrayList<BPMObserver> bpmObservers = new ArrayList<BPMObserver>();
	int bpm = 90;
	Sequence sequence;
	Track track;

	public void initialize() {
		setUpMidi();
		buildTrackAndStart();
	}

	public void on() {
		sequencer.start();
		setBPM(90);
	}

	public void off() {
		setBPM(0);
		sequencer.stop();
	}

	public void setBPM(int bpm) {
		this.bpm = bpm;
		sequencer.setTempoInBPM(getBPM());
		notifyBPMObservers();
	}

	public int getBPM() {
		return bpm;
	}

	void beatEvent() {
		notifyBeatObservers();
	}

	//注冊观察者、通知观察者的代码
	
	//处理节拍的MIDI代码
}

//视图
public class DJView implements ActionListener, BeatObserver, BPMObserver {
	//视图持有模型和控制器的引用
	BeatModelInterface model;
	ControllerInterface controller;
	//显示控制button
	JFrame viewFrame;
	JPanel viewPanel;
	BeatBar beatBar;
	JLabel bpmOutputLabel;
	JFrame controlFrame;
	JPanel controlPanel;
	JLabel bpmLabel;
	JTextField bpmTextField;
	JButton setBPMButton;
	JButton increaseBPMButton;
	JButton decreaseBPMButton;
	JMenuBar menuBar;
	JMenu menu;
	JMenuItem startMenuItem;
	JMenuItem stopMenuItem;

	public DJView(ControllerInterface controller, BeatModelInterface model) {
		this.controller = controller;
		this.model = model;
		model.registerObserver((BeatObserver) this);
		model.registerObserver((BPMObserver) this);
	}

	public void createView() {
		// Create all Swing components here
		
	}

	//模型发生变化是,updateBPM()方法会被调用
	public void updateBPM() {
		if (model != null) {
			int bpm = model.getBPM();
			if (bpm == 0) {
				if (bpmOutputLabel != null) {
					bpmOutputLabel.setText("offline");
				}
			} else {
				if (bpmOutputLabel != null) {
					bpmOutputLabel.setText("Current BPM: " + model.getBPM());
				}
			}
		}
	}

	public void updateBeat() {
		if (beatBar != null) {
			beatBar.setValue(100);
		}
	}
}

//控制器
public interface ControllerInterface {
	//视图能调用全部的控制器方法都在丽丽
	void start();
	void stop();
	void increaseBPM();
	void decreaseBPM();
	void setBPM(int bpm);
}

//实现ControllerInterface接口
public class BeatController implements ControllerInterface {
	BeatModelInterface model;
	DJView view;

	public BeatController(BeatModelInterface model) {
		this.model = model;
		
		//把控制器当參数传入创建视图的构造器中
		view = new DJView(this, model);
		view.createView();
		view.createControls();
		view.disableStopMenuItem();
		view.enableStartMenuItem();
		model.initialize();
	}

	public void start() {
		model.on();
		view.disableStartMenuItem();
		view.enableStopMenuItem();
	}

	public void stop() {
		model.off();
		view.disableStopMenuItem();
		view.enableStartMenuItem();
	}

	public void increaseBPM() {
		int bpm = model.getBPM();
		model.setBPM(bpm + 1);
	}

	public void decreaseBPM() {
		int bpm = model.getBPM();
		model.setBPM(bpm - 1);
	}

	public void setBPM(int bpm) {
		model.setBPM(bpm);
	}
}

public class DJTestDrive {

	public static void main(String[] args) {
		BeatModelInterface model = new BeatModel();
		//由控制器创建视图
		ControllerInterface controller = new BeatController(model);
	}
}



以上是关于《Head First 设计模式》学习笔记——复合模式的主要内容,如果未能解决你的问题,请参考以下文章

《Head First 设计模式》学习笔记——工厂模式 + 抽象工厂模式

《Head first设计模式》学习笔记 – 迭代器模式

Head First JavaScript学习笔记

Head First JavaScript学习笔记

Python(Head First)学习笔记:六

Python(Head First)学习笔记:四