App Inventor高级教程——Material Design追求之路——曲线救国

数学老师说,遇到事情,就要看到问题的本质。

用完Thunkable再用AI2,我简直要哭了。

刚刚上一篇文章说了Thunkable,可是这Thunkable要你会佛跳墙。腰不好,墙翻不过去怎么办?

换条路走啊!


简单说一下思路:

在不改变制作软件的前提下,制作出“看上去”符合Material Design标准的APP。

所谓“看上去”,就是在AI2的设计界面下功夫。

简单说一下几个控件:

1.文本框。

你会发现,文本框是改不了背景图片的。他根本就没有这个东西。是时候祭出神器了。

看:就是我们的界面布局。一般来说,涉及到类似批量操作、背景图片是就需要他们了。现在,把文本框的背景设成透明。然后拖到随便什么布局里。

嘿!这个水平布局里不是有背景图片了吗?这就可以解决了。

 

 

附:文本框水平线素材

格式:PNG透明

2.按钮。

千万不要用PS/AI一个一个的按钮做!太太费时间了!你只要做一个空白的就可以了。上面不用加字。

附:按钮素材

PNG透明

 

3.提示框。Android的提示框真是太太太难看了!现提供一个方法。

在屏幕顶部划出区域,专门给提示框用。现以几个图片作为示例。(点击查看大图)

提示:

  • 如果你想做动画,目前只有一种解决方案。逐帧动画。用ACDSEE把GIF的所有帧一个个导出,再一个个导入AI2上。用计时器(Timer)一帧一帧让他动起来。
  • 尽量压缩图片。如我这里就两种颜色,那就不要选32位色,选8位就可以了。

综合评价:

优点

  • 完全用App Inventor制作
  • 设计样式可以自己决定

缺点

  • 操作比上一个方案繁琐
  • 调试相当麻烦,可能出现变形
  • 不能自适应
  • 体积较大
  • 效果强差人意

总结:如果你的比赛硬性要求AI2,那就只能用这个方法了。不过先做好心理准备,可能也不大好看。你需要足够的耐心、PS技术、还有

审美能力!

//好像前面的图是JPG,你们自己扣把……

 

 

 

futa: