【转】Android之应用首次使用的欢迎界面实例

baopbird2005

主要代码

1. package com.chinaideal.bkclient.tabmain;
   
2. 
   
3. import java.util.ArrayList;
   
4. import java.util.List;
   
5. 
   
6. import android.app.Activity;
   
7. import android.content.Context;
   
8. import android.content.Intent;
   
9. import android.content.SharedPreferences;
   
10. import android.content.SharedPreferences.Editor;
    
11. import android.os.Bundle;
    
12. import android.os.Handler;
    
13. import android.os.Message;
    
14. import android.support.v4.view.ViewPager;
    
15. import android.support.v4.view.ViewPager.OnPageChangeListener;
    
16. import android.view.View;
    
17. import android.view.ViewGroup;
    
18. import android.view.ViewTreeObserver.OnPreDrawListener;
    
19. import android.view.animation.TranslateAnimation;
    
20. import android.widget.ImageView;
    
21. import android.widget.ImageView.ScaleType;
    
22. 
    
23. public class WelComeActivity extends Activity {
    
24. 
    
25.         // 首次使用程序的显示的欢迎图片
    
26.         private int[] ids = { R.drawable.webcom_frist_image,
    
27.                         R.drawable.webcom_two_image, R.drawable.webcom_three_image,
    
28.                         R.drawable.niwodai_welcom };
    
29. 
    
30.         SharedPreferences share;
    
31.         private List<View> guides = new ArrayList<View>();
    
32.         private ViewPager pager;
    
33.         private ImageView curDot;
    
34.         // 位移量
    
35.         private int offset;
    
36.         // 记录当前的位置
    
37.         private int curPos = 0;
    
38. 
    
39.         Editor editor;
    
40. 
    
41.         @Override
    
42.         public void onCreate(Bundle savedInstanceState) {
    
43.                 super.onCreate(savedInstanceState);
    
44.                 share = getSharedPreferences("showWelcomm", Context.MODE_PRIVATE);
    
45.                 editor = share.edit();
    
46.                 // 判断是否首次登录程序
    
47.                 if (share.contains("shownum")) {
    
48.                         setContentView(R.layout.welcomniwo);
    
49.                         int num = share.getInt("shownum", 0);
    
50.                         editor.putInt("shownum", num++);
    
51.                         editor.commit();
    
52.                         skipActivity(1);
    
53.                 } else {
    
54.                         editor.putInt("shownum", 1);
    
55.                         editor.commit();
    
56.                         setContentView(R.layout.welcometabx);
    
57.                         initView();
    
58.                 }
    
59. 
    
60.         }
    
61. 
    
62.         private void initView() {
    
63.                 for (int i = 0; i < ids.length; i++) {
    
64.                         ImageView iv = new ImageView(this);
    
65.                         iv.setImageResource(ids[i]);
    
66.                         ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(
    
67.                                         ViewGroup.LayoutParams.MATCH_PARENT,
    
68.                                         ViewGroup.LayoutParams.MATCH_PARENT);
    
69.                         iv.setLayoutParams(params);
    
70.                         iv.setScaleType(ScaleType.FIT_XY);
    
71.                         guides.add(iv);
    
72.                 }
    
73.                 curDot = (ImageView) findViewById(R.id.cur_dot);
    
74.                 curDot.getViewTreeObserver().addOnPreDrawListener(
    
75.                                 new OnPreDrawListener() {
    
76.                                         public boolean onPreDraw() {
    
77.                                                 offset = curDot.getWidth();
    
78.                                                 return true;
    
79.                                         }
    
80.                                 });
    
81. 
    
82.                 WecommPagerAdapter adapter = new WecommPagerAdapter(guides);
    
83.                 pager = (ViewPager) findViewById(R.id.showwelom_page);
    
84.                 pager.setAdapter(adapter);
    
85.                 pager.setOnPageChangeListener(new OnPageChangeListener() {
    
86.                         public void onPageSelected(int arg0) {
    
87.                                 moveCursorTo(arg0);
    
88.                                 if (arg0 == ids.length - 1) {// 到最后一张了
    
89.                                         skipActivity(2);
    
90.                                 }
    
91.                                 curPos = arg0;
    
92.                         }
    
93. 
    
94.                         public void onPageScrolled(int arg0, float arg1, int arg2) {
    
95.                         }
    
96. 
    
97.                         public void onPageScrollStateChanged(int arg0) {
    
98.                         }
    
99. 
    
100.                 });
     
101. 
     
102.         }
     
103. 
     
104.         /**
     
105.          * 移动指针到相邻的位置
     
106.          *
     
107.          * @param position
     
108.          *            指针的索引值
     
109.          * */
     
110.         private void moveCursorTo(int position) {
     
111.                 TranslateAnimation anim = new TranslateAnimation(offset * curPos,
     
112.                                 offset * position, 0, 0);
     
113.                 anim.setDuration(300);
     
114.                 anim.setFillAfter(true);
     
115.                 curDot.startAnimation(anim);
     
116.         }
     
117. 
     
118. 
     
119.         /**
     
120.          * 延迟多少秒进入主界面
     
121.          * @param min 秒
     
122.          */
     
123.         private void skipActivity(int min) {
     
124.                 new Handler().postDelayed(new Runnable() {
     
125. 
     
126.                         @Override
     
127.                         public void run() {
     
128.                                 Intent intent = new Intent(WelComeActivity.this,
     
129.                                                 TabHostMain.class);
     
130.                                 startActivity(intent);
     
131.                                 WelComeActivity.this.finish();
     
132.                         }
     
133.                 }, 1000*min);
     
134.         }
     
135. 
     
136. }
     

复制代码

1. public class WecommPagerAdapter extends PagerAdapter{
   
2. 
   
3.         private List<View> views;
   
4.        
   
5.         public GuidePagerAdapter(List<View> views){
   
6.                 this.views=views;
   
7.         }
   
8.        
   
9.         @Override
   
10.         public void destroyItem(View arg0, int arg1, Object arg2) {
    
11.                 ((ViewPager) arg0).removeView(views.get(arg1));
    
12.         }
    
13. 
    
14.         @Override
    
15.         public void finishUpdate(View arg0) {
    
16.         }
    
17. 
    
18.         @Override
    
19.         public int getCount() {
    
20.                 return views.size();
    
21.         }
    
22. 
    
23.         @Override
    
24.         public Object instantiateItem(View arg0, int arg1) {
    
25.                 ((ViewPager) arg0).addView(views.get(arg1), 0);
    
26.                 return views.get(arg1);
    
27.         }
    
28. 
    
29.         @Override
    
30.         public boolean isViewFromObject(View arg0, Object arg1) {
    
31.                 return arg0 == (arg1);
    
32.         }
    
33. 
    
34.         @Override
    
35.         public void restoreState(Parcelable arg0, ClassLoader arg1) {
    
36.                
    
37.         }
    
38. 
    
39.         @Override
    
40.         public Parcelable saveState() {
    
41.                 return null;
    
42.         }
    
43. 
    
44.         @Override
    
45.         public void startUpdate(View arg0) {
    
46.                
    
47.         }
    
48. 
    
49. }

复制代码

布局文件

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="fill_parent"
   
4.     android:layout_height="fill_parent"
   
5.     android:orientation="vertical" >
   
6.     <android.support.v4.view.ViewPager
   
7.         android:id="@+id/showwelom_page"
   
8.         android:layout_width="fill_parent"
   
9.         android:layout_height="fill_parent"
   
10.         android:layout_gravity="center"
    
11.         android:flipInterval="30"
    
12.         android:persistentDrawingCache="animation" />
    
13. 
    
14.     <FrameLayout
    
15.         android:layout_width="wrap_content"
    
16.         android:layout_height="wrap_content"
    
17.         android:layout_alignParentBottom="true"
    
18.         android:layout_centerHorizontal="true"
    
19.         android:gravity="center"
    
20.         android:paddingBottom="22.0dip">
    
21. 
    
22.         <LinearLayout
    
23.             android:layout_width="wrap_content"
    
24.             android:layout_height="wrap_content"
    
25.             android:gravity="center"
    
26.             android:orientation="horizontal" >
    
27. 
    
28.             <ImageView
    
29.                 android:layout_width="wrap_content"
    
30.                 android:layout_height="wrap_content"
    
31.                 android:layout_weight="1.0"
    
32.                 android:src="@drawable/dot1_w" />
    
33. 
    
34.             <ImageView
    
35.                 android:layout_width="wrap_content"
    
36.                 android:layout_height="wrap_content"
    
37.                 android:layout_weight="1.0"
    
38.                 android:src="@drawable/dot1_w" />
    
39. 
    
40.             <ImageView
    
41.                 android:layout_width="wrap_content"
    
42.                 android:layout_height="wrap_content"
    
43.                 android:layout_weight="1.0"
    
44.                 android:src="@drawable/dot1_w" />
    
45. 
    
46.             <ImageView
    
47.                 android:layout_width="wrap_content"
    
48.                 android:layout_height="wrap_content"
    
49.                 android:layout_weight="1.0"
    
50.                 android:src="@drawable/dot1_w" />
    
51. 
    
52. 
    
53.         </LinearLayout>
    
54. 
    
55.         <ImageView
    
56.             android:id="@+id/cur_dot"
    
57.             android:layout_width="wrap_content"
    
58.             android:layout_height="wrap_content"
    
59.             android:src="@drawable/dot2_w" />
    
60.     </FrameLayout>
    
61. 
    
62. 
    
63. </RelativeLayout>

复制代码

baopbird2005

也可以自己定义 fragment
例如

主要代码片段

1. private void initView() {
   
2.                 boolean isShow = false;
   
3.         for (int i = 0; i < ids.length; i++) {
   
4.                 if (i == ids.length - 1) {
   
5.                                 isShow = true;
   
6.                         }else {
   
7.                                 isShow = false;
   
8.                         }
   
9.                 GuideFragment guideFragment = new GuideFragment(ids[i],isShow);
   
10.             guides.add(guideFragment);  
    
11.         }
    
12.         viewPager = (ViewPager) findViewById(R.id.pagerGuide);
    
13.         viewPager.setAdapter(new WelcomePagerAdapter(getSupportFragmentManager(),guides));
    
14.     }

复制代码

GuideFragment 类代码片段

1. public class GuideFragment extends Fragment {
   
2.        
   
3. //        private static final String TAG = "GuideFragment";
   
4.         private Button startBtn;
   
5.         private int guideId;
   
6.         private boolean isShow;
   
7.        
   
8.         public GuideFragment(int guideId,boolean isShow){
   
9.                  this.guideId = guideId;
   
10.                  this.isShow = isShow;
    
11.         }
    
12.        
    
13.         @Override
    
14.         public void onCreate(Bundle savedInstanceState) {
    
15.                 super.onCreate(savedInstanceState);
    
16.         }
    
17.        
    
18.         @Override
    
19.         public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
    
20.                 View guideView = (View) inflater.inflate(R.layout.fragment_guide, container, false);
    
21.                 startBtn = (Button) guideView.findViewById(R.id.start_btn);
    
22.                 final ImageView guideImage = (ImageView)guideView.findViewById(R.id.image_guide);
    
23.                 guideImage.setImageResource(guideId);
    
24.                 guideImage.setBackgroundColor(Color.parseColor("#f4f8fb"));
    
25.                 if (isShow) {
    
26.                         startBtn.setVisibility(View.VISIBLE);
    
27.                         startBtn.setOnClickListener(new View.OnClickListener() {
    
28.                                 @Override
    
29.                                 public void onClick(View v) {
    
30.                                         CommonUtil.saveSharedPrefrences(AppConst.SAVE_WELCOME, 1 + "");
    
31.                                         guideImage.setImageResource(R.drawable.splash_default);
    
32.                                         guideImage.setBackgroundColor(Color.parseColor("#fbf9ef"));
    
33.                                        
    
34.                                         //最好一页点击的时候打开主activity界面
    
35.                                 }
    
36.                         });
    
37.                 }else {
    
38.                         startBtn.setVisibility(View.GONE);
    
39.                 }
    
40.                 return guideView;
    
41.         }

复制代码

fragment_guide

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:layout_width="fill_parent"
   
4.     android:layout_height="fill_parent"
   
5.     android:gravity="center" >
   
6. 
   
7.     <ImageView
   
8.         android:id="@+id/image_guide"
   
9.         android:layout_width="fill_parent"
   
10.         android:layout_height="fill_parent"
    
11.         android:layout_centerInParent="true"
    
12.         android:background="@drawable/splash_default"
    
13.         android:contentDescription="@null"
    
14.         android:scaleType="centerInside" />
    
15. 
    
16.     <Button
    
17.         android:id="@+id/start_btn"
    
18.         style="@style/Button.Orange"
    
19.         android:layout_width="fill_parent"
    
20.         android:layout_height="200dip"
    
21.         android:layout_alignParentBottom="true"
    
22.         android:layout_centerHorizontal="true"
    
23.         android:layout_marginBottom="5dip"
    
24.         android:layout_marginLeft="40dip"
    
25.         android:layout_marginRight="40dip"
    
26.         android:background="#00ffffff" />
    
27. 
    
28. </RelativeLayout>

复制代码