学习情境2 制作闪屏和菜单.ppt

学习情境2 制作闪屏和菜单 能力目标 能熟练地利用Alert组件生成闪屏； 能熟练地利用List组件快速生成菜单； 能熟练地在Canvas中绘制图片； 能熟练地在Canvas中绘制文字； 熟练掌握在低级用户界面中制作菜单的方法和步骤； 掌握通过手机设备上的方向键实现菜单项之间的切换选择； 掌握利用剪切区域实现图像的局部显示； 掌握低级用户界面中各种基本图形的绘制方法及其在游戏界面设计中的合理应用。 认知目标 理解并记忆用户界面体系结构； 识记构建Alert组件方法的语法格式，并理解其中各参数的含义； 识记构建List组件方法的语法格式，并理解其中各参数的含义； 了解其他高级用户界面组件的使用方法； 了解Graphics绘图对象和Canvas画布； 了解在MIDP1.0中手机设备的按键布局； 识记创建和绘制图片方法的语法格式； 识记获取字体、设置字体和绘制字体方法的语法格式。 2.1 学习情景描述 2.2.2 知识准备：了解用户界面体系结构 2.2.3 任务一：利用Alert界面组件制作闪屏 知识提炼 2.2.4 任务二：利用List界面组件制作菜单 知识提炼 要点提示 2.2.5 延伸任务：给游戏界面加入水平滚动字幕 知识提炼 2.2.6 知识拓展1：了解TextBox界面组件 2.2.6 知识拓展2：了解Form界面组件 2.2.6 知识拓展3：进度条（Gauge） 2.2.6 知识拓展4：文本域（TextField） 2.2.6 知识拓展5：日期域（DateField） 2.2.6 知识拓展6：标签域（StringItem） 2.2.6 知识拓展7：图象标签域（ImageItem） 2.2.8 知识拓展8：选择组（ChoiceGroup） 2.3.2 知识准备： 1/2 认识Graphics绘图对象和Canvas画布 2.3.1 知识准备：2/2 认识Graphics绘图对象和Canvas画布 2.3.3 任务三：绘制背景图片 知识提炼 要点提示1 ——关于创建图像 要点提示2 ——关于绘制图像 2.3.4 任务四：绘制菜单文字 要点提示1 — 坐标和基点 要点提示2 — 画笔颜色 知识提炼1 — 获取字体 知识提炼2 — 设置字体 知识提炼3 — 绘制文本 2.3.5 任务五：突出显示当前菜单项并通过上、 下方向键实现菜单项的选择 要点提示 —关于menuIndex 知识提炼1 — 键盘处理 知识提炼2 —按键事件 2.4 制作图片菜单 2.4.2 任务六：绘制菜单图片 2.4.3 任务七：绘制矩形框突出显示当前菜单项 要点提示 —绘制矩形框 2.4.4 延伸任务：设计制作个性化菜单 知识提炼 —剪切区域的设置 2.4.5 知识拓展：绘制基本图形 1 1. 绘制直线 语法格式：public void drawLine(int x1,int y1,int x2,int y2) 参数说明：x1、y1为起点坐标，x2、y2为终点坐标。 2. 绘制三角形 语法格式：public void fillTriangle(int x1,int y1,int x2,int y2,int x3,int y3) 参数说明：x1, y1, x2, y2, x3, y3分别为三角形三个顶点的坐标。 2.4.5 知识拓展：绘制基本图形 2 3. 绘制和填充矩形 （1） 绘制和填充直角矩形 语法格式如下： public void drawRect(int x,int y,int width,int height) public void fillRect(int x,int y,int width,int height) 参数说明： x，y：矩形框左上角坐标。 width，height：矩形框的宽度和高度。 （2） 绘制和填充圆角矩形框 语法格式如下： public void drawRoundRect(int x,int y,int width,int height,int arcWidth,int arcHeight) public void fillRoundRect(int x,int y,int width,int height,int arcWidth,int arcHeight) 参数说明： x，y：矩形框左上角坐标。 width，height：矩形框的宽度和高度。 arcWidth，arcHeight：圆角的水平直径和垂直直径。 2.4.5 知识拓展：绘制基本图形 3 4. 绘制和填充弧形 语法格式如下： public void drawArc(int x,int y,int width,