愤怒的小鸟选关卡界面制作
先回观几张大家熟悉的效果图:
这个界面大家非常熟悉,现在小弟就想做这个效果。
先讲下我的思路:
第一步:动态选择排版样式
由于这里有四种界面效果,每张界面上的按钮数量不同,也就是说有不同的四种不同的排班,所以我考虑到设计排班的问题如下:(说明:count关卡数)
15<count<=21时,采用第1张图片的排版3*7的样式
12<count<=15时,采用第2张图片的排版3*5的样式
6<count<=12时,采用第3张图片的排版2*6的样式
count<=6时,采用第4张图片的排版2*3的样式
第二步:动态创建自定义button
既然上面基本版样式已经选择好了,接下来就是动态添加button到网格布局中。
第三步:将布局添加Gallery和Button,然后就可以创建关卡界面GridView了。这个动态界面的创建根据存放背景图片的数组backImg[]来动态创建。
源代码下载:http://download.****.net/detail/aa4790139/4019204
效果如下:
这个效果还算不错,能满足需求。要想跟上面愤怒的小鸟选关界面,是有欠缺和问题的:
1、Gallery的卷动轴效果为左右的两边的阴影(用红笔圈出来的效果),把这种去掉,改成上小鸟界面的三点显示效果:
2、自定义适配器继承BaseAdapter中getView方法中,将其中的ImageView改成Button,相应就没有反应了呢?这是为什么呢?
3、滑动区域只为最下按钮一排才有效,还有就是当滑到2/3的时候而此时我的手指有没有松开,却会自动选择显示大View的界面。
4、当滑到最左的时候,滑不动了。想弄成滑到最左端的时候还是可以滑动,只是左边没有显示,松手后有自动弹回来的效果。
小弟暂时没有解决,忘后面解决的朋友告诉我,也跟大家分享分享。谢谢!