AS3_MVC

作者：小桥流水78 | 2024-08-18 19:29:50

踩

AS3_MVC

观察者模式是当你不想使用Swiz，C airngorm，Mate或PureMVC等框架，但是又想在你的程序或网站中更加舒适有效地组织你的事件时非常有用的设计模式之一。
维基百科中的定义：
? 观察者模式(有时又被称为发布/订阅模式)是软件设计模式的一种。在此种模式中，一个目标物件管理所有相依于它的观察者物件，并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实作事件处理系统。

更多信息或你想看UML图，可访问维基百科的网站

当你想要以特殊的信息通知相关的对象时，你可以使用这种设计模式；例如，假设你有100个按钮，你可以显示、隐藏其中的奇数或偶数个；它们在哪添加不重要，即使在显示列表里甚至在另一个显示列表里，因为观察者模式采用通知的形式来处理事件。
如果你工作时通常以事件机制处理，你必须知道你的组件在哪，如果它被10个不同的容器嵌套你必须派遣监听每个组件的这一事件...这太可怕了！
观察者模式可以解决这个问题，因为它就像一个事件引擎可以获取所有可以对一个通知产生反应的物体并且通知所有组件。当你用它工作时，你可以在你的产品的任何地方使用它，相信我！
让我们来看看观察者模式是怎样工作的：
首先，你应该创建一个IOberver接口，含有一个update方法，用来接收目标类别所发出的更新的通知：

public interface IObserver {
function update(_notification:String):void;
}

然后，你必须创建一个Observer Manager类用来管理所有含有IObserver接口的对象。

这个类应该有3个public的方法：subscribe，unsubscribe和notify。

当你想要在显示列表中添加一个对象并将通知更新到Observer中，你可以订阅；取消订阅当你从显示列表中删除一个对象或你不再需要更新，同时通知你想要通知的所有订阅此信息的对象：

public class ObserverManager {
private static var instance : ObserverManager;
private var observerData : Array;
public function ObserverManager():void
{
observerData = new Array();
}
public static function getInstance() : ObserverManager
{
if(instance == null)
instance = new ObserverManager();
return instance;
}
public function subscribe(observer:IObserver):void
{
observerData.push(observer);
}
public function unsubscribe(observer : IObserver) : void
{
var totObs:int = observerData.length;
for (var i:int = 0; i < totObs; i++)
{
if (observer === observerData[i])
{
observerData.splice(i, 1);
break;
}
}
}
public function notify(_notification:String):void
{
var totObs:int = observerData.length;
for(var i:int = 0; i < totObs; i++){
observerData[i].update(_notification);
}
}
}

复制代码

行了，现在你已经准备好使用观察者模式工作了，所以我们创建一个实现IObserver接口的对象，并且将更改添加到显示列表中所有实现IObserver接口的对象，同时修改所有相关通知。

下面是我们常见的按钮实现IObserver接口：

public class ObserverButton extends Button implements IObserver
{
public static const HIDE_BUTTON:String = "hideBtnEvt";
public static const SHOW_BUTTON:String = "showBtnEvt";
public function ObserverButton()
{
super();
}
public function update(_notification:String):void
{
switch(_notification)
{
case HIDE_BUTTON:
this.alpha = .2;
break;
case SHOW_BUTTON:
this.alpha = 1;
break;
}
}
}

从Observer Manger中订阅这些按钮：

protected var observer:ObserverManager;
protected function init():void
{
observer = ObserverManager.getInstance();
for (var i:int = 0; i < 100; i++)
{
var btn:ObserverButton = new ObserverButton();
btn.label = i.toString()
addElement(btn);
if((i & 1) == 0)
observer.subscribe(btn);
btn.x = Math.random() * 800;
btn.y = Math.random() * 500 + 70;
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小桥流水78/article/detail/998888