第2课 android机器人的翻页相册
程序员文章站
2022-08-11 16:53:08
一.准备:准备像素大小相同的图片若干张。(本例中的图片,统一像素大小为310*310,请保存至本机电脑并按顺序命名为1.jpg至6.jpg) 二.启动与登陆: 启动谷歌浏览器,并在地址栏里输入localhost:8888,登陆离线账号 三.组件设计 1.相册组件界面:image图像 、button ......
一.准备:准备像素大小相同的图片若干张。(本例中的图片,统一像素大小为310*310,请保存至本机电脑并按顺序命名为1.jpg至6.jpg)
二.启动与登陆:
启动谷歌浏览器,并在地址栏里输入localhost:8888,登陆离线账号
三.组件设计
1.相册组件界面:image图像 、button 按钮
参考:为了在设计代码时,能更明确地针对各个组件。特对组件进行重命名。
2.组件布局:
参考:为了让“前一页”“后一页”按扭置于表格中间位置,特设定“表格布局”的属性为5列1行。
3.设定组件属性
参考:将按钮组件文本设定为“前一页”和“后一页”,使相册的翻页功能有提示。
参考:设定相册初始页,设定如下
四.逻辑设计(编写代码)
1.设定相册图片为“1.jpg”的方法:表达文件名时,用合并文本来连接文件名和文件后缀名。
思考:如果图片均用数字来命名,如何用变量来表示相册中的相片?
2.设定变量:
3.用变量控制“后一页”:
4.调试:
课堂作业:
1.请完成翻页相册的“前一页”和“后一页”功能。
进阶思考:
1.给相册增加一个按钮,添加程序退出功能。
2.如何设定翻页功能的首页和末页检测功能,即弹出一个对话框“这是首页”和“这是最后一页”提示:1)增加 对话框组件 ;2)对首页和末页进行条件判断。
程序查错提示:
1.如程序出现无法引入图片,请关闭中文输入法,再重新修改文件名,输入程序代码。
上一篇: 乐侃生活的幽默逗段
下一篇: ES6 开发规范-最佳实践