使用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.1xml

<?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.2class 

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操作應放到主線程中，否則可能出錯。 

 

三、代碼下載

 Vitamio-Demo2012-5-30.zip

 

結束

這幾天裝了雙系統win7 + ubuntu，以後工作也會接觸到更多linux相關的內容，希望有機會能寫寫這方面的文章。下章節將添加A-Z的快速搜尋，也歡迎大家把感興趣的東西告訴我，考慮加入後續功能開發。