7.1  程序功能與運行

打開程序，屏幕上顯示如圖7-1所示的程序流程圖和如圖7-2所示的程序運行主畫面。

圖7-1  程序流程圖                           圖7-2  程序運行主畫面

在圖7-1中，【run to view documentation】設計圖標完成發布一個聲明并運行程序到主畫面的功能，其余設計圖標則完成運行程序實例的功能。

在如圖7-2所示的主畫面中有如下3個按鈕：

l         【introduction】——程序簡介

l         【scaling graphics】——程序流程圖標設計說明

l         【run the example】——運行實例

單擊【run the example】按鈕，程序進入實例演示分支，其運行畫面如圖7-3所示。

畫面左側窗口中有一個圖形，右側上方有4個按鈕它們的功能如下：

l         單擊【zoom in】按鈕，左側圖形被放大到最大，此時該按鈕失效。

l         單擊【-smaller】按鈕，左側圖形將逐步縮小，圖形縮到最小時，該按鈕失效。

l         單擊【+larger】按鈕，左側圖形將逐步放大，圖形放到最大時，該按鈕失效。

l         單擊【zoom out】按鈕，左側圖形縮小到最小，此時該按鈕失效。

圖7-3  實例運行畫面

7.2  程序流程分析

7.2.1  程序啟動進入指定頁

在如圖7-1所示的主流程圖中可以看到，本程序設計了一個【graphics】框架圖標，其下含有5個由顯示圖標組成的頁，每頁中均有一幅圖形，其中25頁圖形最小，150頁圖形最大。

雙擊【graphics】框架圖標，打開其如圖7-4所示的輸入/輸出層。

圖7-4  框架的輸入/輸出層

輸入層的交互圖標下含有4個按鈕交互響應分支，這便是程序運行時顯示在窗口右側上方的4個按鈕。

輸入層交互圖標下方有一個【navigate to"75"】的導航圖標，其屬性設置如圖7-5所示。

圖7-5  【navigate to"75"】導航圖標屬性設置對話框

可以看出，導航跳轉到“75”顯示圖標頁。

因此，程序啟動時，畫面左側窗口顯示的是如圖7-3所示的“75”頁的中間大小的圖形。

及時點評  框架圖標是實現頁管理的基本結構圖標。一般情況下，進入框架時，程序會自動進入框架首頁。但本例在框架輸入層中增添了一個導航圖標，并設置它跳轉到框架第3頁。這種方法實現了進入框架時首先進入指定頁的功能。

7.2.2  圖片一次放到最大

單擊【zoom in】按鈕，將使左側圖形放到最大。

這是因為單擊【zoom in】按鈕后，程序進入框架輸入層交互圖標下的第4按鈕響應分支，該分支下的導航圖標屬性設置如圖7-6所示。

圖7-6  【zoom in】導航圖標屬性設置對話框

可以看出，導航跳轉到最后一頁，即框架的“150”顯示圖標中，因此窗口左側顯示最大圖形

當圖標放大到最大時，【zoom in】按鈕失效（變灰色），這是因為該按鈕屬性設置對話框中的“active if”欄輸入了按鈕有效/無效的控制條件，如圖7-7所示。