Android酷炫欢迎页播放视频,仿蚂蜂窝自由行和慕课网源码下载

admin

Android酷炫欢迎页播放视频,仿蚂蜂窝自由行和慕课网源码下载

今天无意间看到了蚂蜂窝自由行的app，启动页很酷炫。我记得以前慕课网有个版本的app欢迎页也是播放视频的。 今天就顺手写一个，代码比较简单，高手请略过。



一.资源准备

三个比较短小的视频：视频下载
二.开始编写代码

1.在项目的res下新建一个raw文件夹，放入准备好的这三个视频
2.自定义播放视频的CustomVideoView 在这个自定义View里面提供一个播放视频的方法。用户只需要传入播放路径就可以了，并且可一循环播放。

1. package cn.bluemobi.dylan.welcomevideopager;
   
2. import android.content.Context;
   
3. import android.media.MediaPlayer;
   
4. import android.net.Uri;
   
5. import android.util.AttributeSet;
   
6. import android.view.View;
   
7. import android.widget.VideoView;
   
8. 
   
9. /**
   
10. * 可以播放视频的View
    
11. * Created by yuandl on 2016-11-10.
    
12. */
    
13. 
    
14. public class CustomVideoView extends VideoView {
    
15.     public CustomVideoView(Context context) {
    
16.         super(context);
    
17.     }
    
18. 
    
19.     public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
    
20.         super(context, attrs, defStyleAttr);
    
21.     }
    
22. 
    
23.     public CustomVideoView(Context context, AttributeSet attrs) {
    
24.         super(context, attrs);
    
25.     }
    
26. 
    
27.     @Override
    
28.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    
29.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    
30.         setMeasuredDimension(View.MeasureSpec.getSize(widthMeasureSpec), View.MeasureSpec.getSize(heightMeasureSpec));
    
31.     }
    
32. 
    
33.     /**
    
34.      * 播放视频
    
35.      *
    
36.      * @param uri 播放地址
    
37.      */
    
38.     public void playVideo(Uri uri) {
    
39.         if (uri == null) {
    
40.             throw new IllegalArgumentException("Uri can not be null");
    
41.         }
    
42.         /**设置播放路径**/
    
43.         setVideoURI(uri);
    
44.         /**开始播放**/
    
45.         start();
    
46.         setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
    
47. 
    
48.             @Override
    
49.             public void onPrepared(MediaPlayer mp) {
    
50.                 /**设置循环播放**/
    
51.                 mp.setLooping(true);
    
52.             }
    
53.         });
    
54.         setOnErrorListener(new MediaPlayer.OnErrorListener() {
    
55. 
    
56.             @Override
    
57.             public boolean onError(MediaPlayer mp, int what, int extra) {
    
58.                 return true;
    
59.             }
    
60.         });
    
61.     }
    
62. }

复制代码

3.建立没个欢迎页面的Fragment去加载自定义视频View的视图

1. package cn.bluemobi.dylan.welcomevideopager;
   
2. 
   
3. import android.net.Uri;
   
4. import android.os.Bundle;
   
5. import android.support.annotation.Nullable;
   
6. import android.support.v4.app.Fragment;
   
7. import android.view.LayoutInflater;
   
8. import android.view.View;
   
9. import android.view.ViewGroup;
   
10. 
    
11. /**
    
12. * Created by yuandl on 2016-11-10.
    
13. */
    
14. 
    
15. public class GuildFragment extends Fragment {
    
16. 
    
17.     private CustomVideoView customVideoView;
    
18. 
    
19.     @Nullable
    
20.     @Override
    
21.     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    
22.         customVideoView = new CustomVideoView(getContext());
    
23.         /**获取参数，根据不同的参数播放不同的视频**/
    
24.         int index = getArguments().getInt("index");
    
25.         Uri uri;
    
26.         if (index == 1) {
    
27.             uri = Uri.parse("android.resource://" + getActivity().getPackageName() + "/" + R.raw.guide_1);
    
28.         } else if (index == 2) {
    
29.             uri = Uri.parse("android.resource://" + getActivity().getPackageName() + "/" + R.raw.guide_2);
    
30.         } else {
    
31.             uri = Uri.parse("android.resource://" + getActivity().getPackageName() + "/" + R.raw.guide_3);
    
32.         }
    
33.         /**播放视频**/
    
34.         customVideoView.playVideo(uri);
    
35.         return customVideoView;
    
36.     }
    
37. 
    
38.     /**
    
39.      * 记得在销毁的时候让播放的视频终止
    
40.      */
    
41.     @Override
    
42.     public void onDestroy() {
    
43.         super.onDestroy();
    
44.         if (customVideoView != null) {
    
45.             customVideoView.stopPlayback();
    
46.         }
    
47.     }
    
48. }

复制代码

4.界面布局

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     android:layout_width="match_parent"
   
3.     android:layout_height="match_parent">
   
4. 
   
5.     <android.support.v4.view.ViewPager
   
6.         android:id="@+id/vp"
   
7.         android:layout_width="match_parent"
   
8.         android:layout_height="match_parent"></android.support.v4.view.ViewPager>
   
9. 
   
10.     <LinearLayout
    
11.         android:layout_width="wrap_content"
    
12.         android:layout_height="wrap_content"
    
13.         android:layout_alignParentBottom="true"
    
14.         android:layout_centerHorizontal="true"
    
15.         android:layout_marginBottom="130dp"
    
16.         android:orientation="horizontal">
    
17. 
    
18.         <ImageView
    
19.             android:id="@+id/iv1"
    
20.             android:layout_width="10dp"
    
21.             android:layout_height="10dp"
    
22.             android:src="@mipmap/dot_focus" />
    
23. 
    
24.         <ImageView
    
25.             android:id="@+id/iv2"
    
26.             android:layout_width="10dp"
    
27.             android:layout_height="10dp"
    
28.             android:layout_marginLeft="10dp"
    
29.             android:src="@mipmap/dot_normal" />
    
30. 
    
31.         <ImageView
    
32.             android:id="@+id/iv3"
    
33.             android:layout_width="10dp"
    
34.             android:layout_height="10dp"
    
35.             android:layout_marginLeft="10dp"
    
36.             android:src="@mipmap/dot_normal" />
    
37.     </LinearLayout>
    
38. 
    
39.     <Button
    
40.         android:id="@+id/bt_start"
    
41.         android:layout_width="wrap_content"
    
42.         android:layout_height="wrap_content"
    
43.         android:layout_alignParentBottom="true"
    
44.         android:layout_centerHorizontal="true"
    
45.         android:layout_marginBottom="50dp"
    
46.         android:background="@mipmap/bt_start"
    
47.         android:textColor="@android:color/white"
    
48.         android:visibility="gone" />
    
49. 
    
50. </RelativeLayout>

复制代码

5.给界面添加Fragment

1. package cn.bluemobi.dylan.welcomevideopager;
   
2. 
   
3. import android.os.Bundle;
   
4. import android.support.v4.app.Fragment;
   
5. import android.support.v4.app.FragmentManager;
   
6. import android.support.v4.app.FragmentPagerAdapter;
   
7. import android.support.v4.view.ViewPager;
   
8. import android.support.v7.app.AppCompatActivity;
   
9. import android.view.View;
   
10. import android.widget.Button;
    
11. import android.widget.ImageView;
    
12. 
    
13. import java.util.ArrayList;
    
14. import java.util.List;
    
15. 
    
16. public class MainActivity extends AppCompatActivity {
    
17.     private ViewPager vp;
    
18.     private ImageView iv1;
    
19.     private ImageView iv2;
    
20.     private ImageView iv3;
    
21.     private Button bt_start;
    
22.     private List<Fragment> fragments;
    
23. 
    
24.     private void assignViews() {
    
25.         vp = (ViewPager) findViewById(R.id.vp);
    
26.         iv1 = (ImageView) findViewById(R.id.iv1);
    
27.         iv2 = (ImageView) findViewById(R.id.iv2);
    
28.         iv3 = (ImageView) findViewById(R.id.iv3);
    
29.         bt_start = (Button) findViewById(R.id.bt_start);
    
30.     }
    
31. 
    
32.     @Override
    
33.     protected void onCreate(Bundle savedInstanceState) {
    
34.         super.onCreate(savedInstanceState);
    
35.         setContentView(R.layout.activity_main);
    
36.         assignViews();
    
37.         initData();
    
38.         initView();
    
39. 
    
40.     }
    
41. 
    
42.     /**
    
43.      * 初始化数据,添加三个Fragment
    
44.      */
    
45.     private void initData() {
    
46.         fragments = new ArrayList<>();
    
47. 
    
48.         Fragment fragment1 = new GuildFragment();
    
49.         Bundle bundle1 = new Bundle();
    
50.         bundle1.putInt("index", 1);
    
51.         fragment1.setArguments(bundle1);
    
52.         fragments.add(fragment1);
    
53. 
    
54.         Fragment fragment2 = new GuildFragment();
    
55.         Bundle bundle2 = new Bundle();
    
56.         bundle2.putInt("index", 2);
    
57.         fragment2.setArguments(bundle2);
    
58.         fragments.add(fragment2);
    
59. 
    
60.         Fragment fragment3 = new GuildFragment();
    
61.         Bundle bundle3 = new Bundle();
    
62.         bundle3.putInt("index", 3);
    
63.         fragment3.setArguments(bundle3);
    
64.         fragments.add(fragment3);
    
65.     }
    
66. 
    
67.     /**
    
68.      * 设置ViewPager的适配器和滑动监听
    
69.      */
    
70.     private void initView() {
    
71.         vp.setOffscreenPageLimit(3);
    
72.         vp.setAdapter(new MyPageAdapter(getSupportFragmentManager()));
    
73.         vp.addOnPageChangeListener(new MyPageChangeListener());
    
74.     }
    
75. 
    
76.     /**
    
77.      * ViewPager适配器
    
78.      */
    
79.     private class MyPageAdapter extends FragmentPagerAdapter {
    
80. 
    
81. 
    
82.         public MyPageAdapter(FragmentManager fm) {
    
83.             super(fm);
    
84.         }
    
85. 
    
86.         @Override
    
87.         public Fragment getItem(int position) {
    
88.             return fragments.get(position);
    
89.         }
    
90. 
    
91.         @Override
    
92.         public int getCount() {
    
93.             return fragments.size();
    
94.         }
    
95.     }
    
96. 
    
97.     /**
    
98.      * ViewPager滑动页面监听器
    
99.      */
    
100.     private class MyPageChangeListener implements ViewPager.OnPageChangeListener {
     
101.         @Override
     
102.         public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
     
103. 
     
104.         }
     
105. 
     
106.         /**
     
107.          * 根据页面不同动态改变红点和在最后一页显示立即体验按钮
     
108.          *
     
109.          * @param position
     
110.          */
     
111.         @Override
     
112.         public void onPageSelected(int position) {
     
113.             bt_start.setVisibility(View.GONE);
     
114.             iv1.setImageResource(R.mipmap.dot_normal);
     
115.             iv2.setImageResource(R.mipmap.dot_normal);
     
116.             iv3.setImageResource(R.mipmap.dot_normal);
     
117.             if (position == 0) {
     
118.                 iv1.setImageResource(R.mipmap.dot_focus);
     
119.             } else if (position == 1) {
     
120.                 iv2.setImageResource(R.mipmap.dot_focus);
     
121.             } else {
     
122.                 iv3.setImageResource(R.mipmap.dot_focus);
     
123.                 bt_start.setVisibility(View.VISIBLE);
     
124.             }
     
125.         }
     
126. 
     
127.         @Override
     
128.         public void onPageScrollStateChanged(int state) {
     
129. 
     
130.         }
     
131.     }
     
132. }

复制代码

三.下载地址：

游客，如果您要查看本帖隐藏内容请回复

Android酷炫欢迎页播放视频,仿蚂蜂窝自由行和慕课网源码下载
http://bbs.jiandaima.com/thread-733-1-1.html

wshebb

登录可见评论

2801623141

登录可见评论

Selven

登录可见评论

dongjienancy

登录可见评论

ai623426949

登录可见评论

Kevinzhang

登录可见评论

tytyty

登录可见评论

134483447

登录可见评论

ljh007

登录可见评论