Android自定义控件：老版优酷的三级菜单（效果图 + Demo）

效果图：

制作思路：

1、先分析这个效果，其实可以理解为把三级菜单分成
level1,level2,level3，level1是始终显示的。点击level1后，level2会出现；点击level2后，level3会出
现；level2,level3出现后，点击level1，level2和level3都会消失。然后消失和出现我们用到了一个动画效果。

2、动画效果用到的是RotateAnimation，由于我们都是用同一个效果，那么我们只要写一个类，把效果实现了就可以了。要是使用RotateAnimation的话，我们会不断的复用一些代码，这样开发的效率会比较低。

3、RotateAnimation的旋转进入和旋转出去是个坑——因为他是在X轴顺时针方向旋转的。大家可以看看图：

整体思路就是这样，接下来就是一些操作了：

代码：

1、MyAnimation类：

[java] view plaincopyprint?

1. public class MyAnimation{
2. public static void animationIn(View view){
3. animationIn(view,0);
4. }
5. public static void animationOut(View view){
6. animationOut(view,0);
7. }
8. public static void animationIn(View view,long delay){
9. RotateAnimation animation = new RotateAnimation(180, 360, view.getWidth()/2, view.getHeight());
10. animation.setDuration(500);
11. animation.setFillAfter(true);
12. animation.setStartOffset(delay);
13. view.startAnimation(animation);
14. }
15. public static void animationOut(View view,long delay){
16. RotateAnimation animation = new RotateAnimation(0, 180, view.getWidth()/2, view.getHeight());
17. animation.setDuration(500);
18. animation.setFillAfter(true);
19. animation.setStartOffset(delay);
20. view.startAnimation(animation);
21. }
22. }

2、MainActivity类：

[java] view plaincopyprint?

1. public class MainActivity extends Activity implements OnClickListener{
2. private boolean isLevel2showed,isLevel3showed;
3. private RelativeLayout level1,level2,level3;
4. private ImageButton home,menu;
5. @Override
6. protected void onCreate(Bundle savedInstanceState) {
7. super.onCreate(savedInstanceState);
8. setContentView(R.layout.main);
9. isLevel2showed = false;
10. isLevel3showed = false;
11. initLayout();
12. initImageButton();
13. }
14. public void initLayout() {
15. level1 = (RelativeLayout)findViewById(R.id.relate_level1);
16. level2 = (RelativeLayout)findViewById(R.id.relate_level2);
17. level3 = (RelativeLayout)findViewById(R.id.relate_level3);
18. level2.setVisibility(View.INVISIBLE);
19. level3.setVisibility(View.INVISIBLE);
20. }
21. public void initImageButton() {
22. home = (ImageButton)level1.findViewById(R.id.home);
23. menu = (ImageButton)level2.findViewById(R.id.menu);
24. home.setOnClickListener(this);
25. menu.setOnClickListener(this);
26. }
27. @Override
28. public void onClick(View v) {
29. switch(v.getId()){
30. case R.id.home:
31. if(!isLevel2showed){
32. isLevel2showed = true;
33. MyAnimation.animationIn(level2);
34. }else if(!isLevel3showed){
35. isLevel2showed = false;
36. MyAnimation.animationOut(level2);
37. }else{
38. isLevel2showed = false;
39. isLevel3showed = false;
40. MyAnimation.animationOut(level3);
41. MyAnimation.animationOut(level2,500);
42. }
43. break;
44. case R.id.menu:
45. if(!isLevel3showed){
46. isLevel3showed = true;
47. MyAnimation.animationIn(level3);
48. }else{
49. isLevel3showed = false;
50. MyAnimation.animationOut(level3);
51. }
52. break;
53. }
54. }
55. }