一.准备:准备像素大小相同的图片若干张。(本例中的图片,统一像素大小为310*310,请保存至本机电脑并按顺序命名为1.jpg至6.jpg)

 第2课 <wbr>android机器人的翻页相册第2课 <wbr>android机器人的翻页相册

第2课 <wbr>android机器人的翻页相册第2课 <wbr>android机器人的翻页相册

第2课 <wbr>android机器人的翻页相册第2课 <wbr>android机器人的翻页相册

二.启动与登陆:

第2课 <wbr>android机器人的翻页相册
启动谷歌浏览器,并在地址栏里输入localhost:8888,登陆离线账号

 

三.组件设计

第2课 <wbr>android机器人的翻页相册

1.相册组件界面:image图像 、button 按钮
第2课 <wbr>android机器人的翻页相册第2课 <wbr>android机器人的翻页相册

参考:为了在设计代码时,能更明确地针对各个组件。特对组件进行重命名。

 

第2课 <wbr>android机器人的翻页相册

 

2.组件布局:

第2课 <wbr>android机器人的翻页相册

参考:为了让“前一页”“后一页”按扭置于表格中间位置,特设定“表格布局”的属性为5列1行。

第2课 <wbr>android机器人的翻页相册
3.设定组件属性

参考:将按钮组件文本设定为“前一页”和“后一页”,使相册的翻页功能有提示。

第2课 <wbr>android机器人的翻页相册参考:设定相册初始页,设定如下

第2课 <wbr>android机器人的翻页相册



四.逻辑设计(编写代码)

 

1.设定相册图片为“1.jpg”的方法:表达文件名时,用合并文本来连接文件名和文件后缀名。

第2课 <wbr>android机器人的翻页相册

思考:如果图片均用数字来命名,如何用变量来表示相册中的相片?

2.设定变量:

第2课 <wbr>android机器人的翻页相册3.用变量控制“后一页”:

第2课 <wbr>android机器人的翻页相册4.调试:

第2课 <wbr>android机器人的翻页相册

课堂作业:

1.请完成翻页相册的“前一页”和“后一页”功能。

 

 

进阶思考:

1.给相册增加一个按钮,添加程序退出功能。

2.如何设定翻页功能的首页和末页检测功能,即弹出一个对话框“这是首页”和“这是最后一页”提示:1)增加 对话框组件 ;2)对首页和末页进行条件判断。

第2课 <wbr>android机器人的翻页相册

程序查错提示:

1.如程序出现无法引入图片,请关闭中文输入法,再重新修改文件名,输入程序代码。