Nokia UI学习范例FishTank研究

由于MIDP1.0中提供的API比较有限，因此Nokia实现了自己的类库来提供补充。其中包括声音的支持、屏幕的背景光和机器震动、图像的翻转、Alpha通道以及对像素的操作支持。学习Nokia UI的使用的最好例子莫过于Nokia官方提供的FishTank了。本文讲主要介绍一下这个范例，其中的一些思路和技巧是值得我们学习的。

Nokia UI学习范例FishTank研究（图一） FishTank的界面比较简单，只有一个屏幕。池塘里的鱼儿不停的游动，水底的水草也不停的漂浮。这个界面是分层设计的，因此引入了一个变量z，这样就和水平参数x和垂直参数y构成了三维的空间。其中水草处于中间层。鱼的游动是无规律的，其中的算法我们可以参考，当鱼触及到边缘的时候，它会反向游动。通过Nokia UI中提供的水平翻转可以实现。 dg.drawImage(img, x, y, (Graphics.LEFT Graphics.TOP),DirectGraphics.FLIP_HORIZONTAL);水草的游动也是随机的

下面我们看看整个应用的结构
Nokia UI学习范例FishTank研究（图二）

点击查看大图

程序总共有四个类组成，其中我们主要关注的是FishTankCanvas、Fish和Weeds。其中Fish和Weeds比较相似，他们代表了两个对象鱼儿和水草。而FishTankCanvas是FullCanvas的子类并且实现了Runnable接口，它是一个独立的线程。每隔一段时间他会更新一下Fish和Weeds的状态，然后重新绘制屏幕。run()方法中的代码如下
    public void run()
    {
        Thread currentThread = Thread.currentThread();

        try
        {
            // This ends when animationThread is set to null, or when
            // it is subsequently set to a new thread; either way, the
            // current thread should terminate
            while (currentThread == animationThread)
            {
                long startTime = System.currentTimeMillis();

                // Only animate when the canvas is visible.
                if (isShown())
                {
                    tick();

                    // Repaint everything above the sand, the fish
                    // never swim at h > waterHeight.
                    repaint(0, 0, waterWidth, waterHeight);
                    serviceRepaints();
                }