Android开发 实现一般应用常有的 首次启动 展示引导图功能

现在的安卓应用，如果是第一次安装应用，首次启动，进入应用后都会展示几张功能引导图。下面我们就来封装实现这个常用的功能。

先列一下。我们实现的功能点。

1.用户首次安装应用，启动应用，进入首页时，要显示我们的引导遮罩。

2.如果是已经看过引导图的用户(比如他是第二次启动)，就不展示了

3.如果我们应用在1.0版本时，需要展示3个引导图，2.0版本时，需要展示五张新图。这个时候，如果用户非首次使用应用（如，他使用过1.0版本了），这个时候也要提示2.0新的引导图。就是引导图也有版本记录。

下面把关键类贴出来做一个大体说明:

1. /** 
2.  * @Description: 引导图助手类 
3.  * @author yanzw 
4.  * @date 2012-11-30上午11:12:46 
5.  */ 
6. public class GuideHelper { 
7.     private Activity context; 
8.     private ViewGroup rootLayout; 
9.     private ScrollLayout scrollLayout; 
10.     private int[] guideResIds = {R.drawable.guide_help1, R.drawable.guide_help2, R.drawable.guide_help3, R.drawable.guide_help4}; 
11.     private static final String GUIDE_VERSION_NAME = "GUIDEVERSION"; 
12.     private static final int  GUIDE_VERSION_CODE = 2; 
13.      
14.     public GuideHelper(Context context){ 
15.         this.context = (Activity)context; 
16.         createGuideLayout(); 
17.         initGuideView(); 
18.     } 
19.      
20.     /** 
21.      * @Description: 创建引导图层 
22.      * @param @return 
23.      * @return ViewGroup 
24.      * @throws 
25.      */ 
26.     private void createGuideLayout(){ 
27.         ViewGroup rootView = (ViewGroup) context.getWindow().getDecorView(); 
28.         LayoutInflater lf = context.getLayoutInflater(); 
29.         rootLayout = (ViewGroup) lf.inflate(R.layout.guide_helper, null); 
30.         scrollLayout = (ScrollLayout) rootLayout.findViewById(R.id.scroll_layout); 
31.         rootView.addView(rootLayout); 
32.     } 
33.      
34.     /** 
35.      * @Description: 初始化引导视图 
36.      * @param  
37.      * @return void 
38.      * @throws 
39.      */ 
40.     public void initGuideView() { 
41.         for(int resId : guideResIds){ 
42.             scrollLayout.addView(makeGuideView(resId)); 
43.         } 
44.         View top_right_btn = rootLayout.findViewById(R.id.top_right_btn); 
45.         top_right_btn.setOnClickListener(new View.OnClickListener() { 
46.             @Override 
47.             public void onClick(View v) { 
48.                 closeGuide(); 
49.             } 
50.         }); 
51.         scrollLayout.setPageEndListener(new PageEndListener(){ 
52.  
53.             @Override 
54.             public void scrollEnd() { 
55.                 closeGuide(); 
56.             } 
57.              
58.         }); 
59.     } 
60.      
61.     /** 
62.      * @Description: 生成每个引导视图 
63.      * @param @param resId 
64.      * @param @return 
65.      * @return View 
66.      * @throws 
67.      */ 
68.     public View makeGuideView(int resId){ 
69.         ImageView guideView = new ImageView(context); 
70.         guideView.setImageResource(resId); 
71.         guideView.setPadding(10, 10, 10, 10); 
72.         return guideView; 
73.     } 
74.      
75.     /** 
76.      * @Description: 打开引导层 
77.      * @param  
78.      * @return void 
79.      * @throws 
80.      */ 
81.     public void openGuide(){ 
82.         if(guideCheck()){ 
83.             rootLayout.setVisibility(View.VISIBLE); 
84.         } 
85.     } 
86.      
87.     /** 
88.      * @Description: 关闭引导层 
89.      * @param  
90.      * @return void 
91.      * @throws 
92.      */ 
93.     public void closeGuide(){ 
94.          
95.         AlphaAnimation alphaAnim = new AlphaAnimation(1.0f, 0.2f); 
96.         alphaAnim.setDuration(500); 
97.         ScaleAnimation scaleAnim = new ScaleAnimation(1.0f, 0.0f, 1.0f, 0.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); 
98.         scaleAnim.setDuration(500); 
99.         AnimationSet AnimSet = new AnimationSet(false); 
100.         AnimSet.setDuration(500); 
101.         AnimSet.addAnimation(scaleAnim); 
102.         AnimSet.addAnimation(alphaAnim); 
103.          
104.         AnimSet.setAnimationListener(new AnimationListener(){ 
105.  
106.             @Override 
107.             public void onAnimationStart(Animation animation) { 
108.                  
109.             } 
110.  
111.             @Override 
112.             public void onAnimationEnd(Animation animation) { 
113.                 rootLayout.clearAnimation(); 
114.                 rootLayout.setVisibility(View.GONE); 
115.                 saveGuideVersion(); 
116.             } 
117.  
118.             @Override 
119.             public void onAnimationRepeat(Animation animation) { 
120.                  
121.             } 
122.              
123.         }); 
124.          
125.         rootLayout.startAnimation(AnimSet); 
126.     } 
127.      
128.     /** 
129.      * @Description: 保存引导版本记录 
130.      * @param  
131.      * @return void 
132.      * @throws 
133.      */ 
134.     private void saveGuideVersion() { 
135.         SharedPreferences sp = PreferenceManager.getDefaultSharedPreferences(context); 
136.         Editor edit = sp.edit(); 
137.         edit.putInt(GUIDE_VERSION_NAME, GUIDE_VERSION_CODE); 
138.         edit.commit(); 
139.     } 
140.      
141.     /** 
142.      * @Description: 检测引导图版本，判断是否启动引导 
143.      * @param @return 
144.      * @return boolean 
145.      * @throws 
146.      */ 
147.     private boolean guideCheck(){ 
148.         SharedPreferences sp = PreferenceManager.getDefaultSharedPreferences(context); 
149.         int guideVer = sp.getInt(GUIDE_VERSION_NAME, 0); 
150.         if(GUIDE_VERSION_CODE > 0 && GUIDE_VERSION_CODE > guideVer){ 
151.             return true; 
152.         } else { 
153.             return false; 
154.         } 
155.     } 
156. } 

调用代码:

1. GuideHelper guideHelper = new GuideHelper(this); 
2. guideHelper.openGuide(); 

代码基本说明上面都有了。是不是很简单啊。哈哈，用最简单的方法去完成功能，就OK了。还看不懂的评论提问吧。

还是按老规矩，附上DOME源码。

下面是源码效果图.