使用Vitamio打造自己的Android万能播放器（3）——本地播放（主界面、播放列表）

前言

打造一款完整可用的Android播放器有许多功能和细节需要完成，也涉及到各种丰富的知识和内容，本章将结合Fragment、ViewPager来搭建播放器的主界面，并实现本地播放基本功能。系列文章提供截图、代码说明、源码下载，欢迎交流！

 

声明

欢迎转载，但请保留文章原始出处:) 

  博客园：http://www.cnblogs.com

  农民伯伯： http://over140.cnblogs.com 

 

系列

1、使用Vitamio打造自己的Android万能播放器（1）——准备

2、使用Vitamio打造自己的Android万能播放器（2）—— 手势控制亮度、音量、缩放

 

正文

一、目标

1.1 使用Fragment、ViewPager搭建主界面

主功能区分为：本地视频、在线视频，允许滑动切换模块 

1.2 用ListView显示sdcard所有视频 

效果截图：

 

(声明：图标均来自网络，仅供学习研究之用!)

二、实现代码

2.1 xml

<? xml version="1.0" encoding="utf-8" ?>
< LinearLayout  xmlns:android ="http://schemas.android.com/apk/res/android"
    android:orientation ="vertical"  android:gravity ="center_horizontal"
    android:layout_width ="match_parent"  android:layout_height ="match_parent" >
     < RadioGroup  android:gravity ="center_vertical"
        android:layout_width ="fill_parent"  android:layout_height ="wrap_content"
        android:orientation ="horizontal" >
         < RadioButton  android:id ="@+id/radio_file"  android:checked ="true"
            style ="@style/main_tab_bottom"  android:drawableTop ="@drawable/video_file"
            android:text ="@string/title_file"   />
         < RadioButton  android:id ="@+id/radio_online"
            android:drawableTop ="@drawable/video_online"  style ="@style/main_tab_bottom"
            android:text ="@string/title_online"   />
     </ RadioGroup >
     < android.support.v4.view.ViewPager
         android:background ="@color/background"  android:id ="@+id/pager"
        android:layout_width ="match_parent"  android:layout_height ="match_parent" >
     </ android.support.v4.view.ViewPager >
</ LinearLayout >

  这是整体布局，使用RadioButton切换本地视频和在线视频功能，具体样式请下载项目。ViewPager支持左右侧滑切换功能。

 

2.2 class 

MainFragmentActivity 

public  class MainFragmentActivity  extends FragmentActivity {

     private ViewPager mPager;

    @Override
     protected  void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment_pager);
        mPager = (ViewPager) findViewById(R.id.pager);
        mPager.setAdapter(mAdapter);
    }

     private FragmentPagerAdapter mAdapter =  new FragmentPagerAdapter(getSupportFragmentManager()) {

         /**  仅执行一次  */
        @Override
         public Fragment getItem( int position) {
            Fragment result =  null;
             switch (position) {
             case 1:
                result =  new FragmentOnline(); // 在线视频
                 break;
             case 0:
             default:
                result =  new FragmentFile(); // 本地视频
                 break;
            }
             return result;
        }

        @Override
         public  int getCount() {
             return 2;
        }
    };
}

这里是Fragment与ViewPager结合使用的简单例子。 

FragmentFile

public  class FragmentFile  extends FragmentBase  implements OnItemClickListener {

     private FileAdapter mAdapter;

    @Override
     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View v =  super.onCreateView(inflater, container, savedInstanceState);
        mAdapter =  new FileAdapter(getActivity(),  null);
        mListView.setAdapter(mAdapter);
        mListView.setOnItemClickListener( this);
         new ScanVideoTask().execute();
         return v;
    }

     /**  单击启动播放  */
    @Override
     public  void onItemClick(AdapterView<?> parent, View view,  int position,  long id) {
         final File f = mAdapter.getItem(position);
        Intent intent =  new Intent(getActivity(), VideoViewDemo. class);
        intent.putExtra("path", f.getPath());
        startActivity(intent);
    }

     /**  扫描SD卡  */
     private  class ScanVideoTask  extends AsyncTask<Void, File, Void> {

        @Override
         protected Void doInBackground(Void... params) {
            eachAllMedias(Environment.getExternalStorageDirectory());
             return  null;
        }

        @Override
         protected  void onProgressUpdate(File... values) {
            mAdapter.add(values[0]);
            mAdapter.notifyDataSetChanged();
        }

         /**  遍历所有文件夹，查找出视频文件  */
         public  void eachAllMedias(File f) {
             if (f !=  null && f.exists() && f.isDirectory()) {
                File[] files = f.listFiles();
                 if (files !=  null) {
                     for (File file : f.listFiles()) {
                         if (file.isDirectory()) {
                            eachAllMedias(file);
                        }  else  if (file.exists() && file.canRead() && FileUtils.isVideoOrAudio(file)) {
                            publishProgress(file);
                        }
                    }
                }
            }
        }
    }

     private  class FileAdapter  extends ArrayAdapter<File> {

         public FileAdapter(Context ctx, ArrayList<File> l) {
             super(ctx, l);
        }

        @Override
         public View getView( int position, View convertView, ViewGroup parent) {
             final File f = getItem(position);
             if (convertView ==  null) {
                 final LayoutInflater mInflater = getActivity().getLayoutInflater();
                convertView = mInflater.inflate(R.layout.fragment_file_item,  null);
            }
            ((TextView) convertView.findViewById(R.id.title)).setText(f.getName());
             return convertView;
        }
    }

} 

代码说明：

a).  这里是本章的主要功能，扫描所有视音频文件，并显示出来。

b).  ArrayAdapter和FileUtils这里不一一贴代码，主要是工具和辅助类，请下载项目查看。 

c).  注意mAdapter.add操作应放到主线程中，否则可能出错。