使用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操作应放到主线程中,否则可能出错。

三、 代码下载

Vitamio-Demo2012-5-30.zip

结束

这几天装了双系统win7 + ubuntu,以后工作也会接触到更多linux相关的内容,希望有机会能写写这方面的文章。下章节将添加A-Z的快速搜索,也欢迎大家把感兴趣的东西告诉我,考虑加入后续功能开发。

时间: 2024-10-28 19:30:34

使用Vitamio打造自己的Android万能播放器(3)——本地播放(主界面、播放列表)的相关文章

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

前言 本章继续完善播放相关播放器的核心功能,为后续扩展打好基础. 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 系列 1.使用Vitamio打造自己的Android万能播放器(1)——准备 正文 一.实现目标 1.1 亮度控制 模仿VPlayer界面: 1.2 声音控制 模仿VPlayer界面: 1.3 画面缩放 根据下面API提供画面的拉伸.剪切.100%.全屏 二.Vitami

使用Vitamio打造自己的Android万能播放器(5)——在线播放(播放优酷视频)

前言 为了保证每周一篇的进度,又由于Vitamio新版本没有发布, 决定推迟本地播放的一些功能(截图.视频时间.尺寸等),跳过直接写在线播放部分的章节.从Vitamio的介绍可以看得出,其支持http.m3u8等多种网络协议,本章将编写播放优酷视频的例子. 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 系列 1.使用Vitamio打造自己的Android万能播放器(1)——准备 2

使用Vitamio打造自己的Android万能播放器(7)——在线播放(下载视频)

前言 本章将实现非常实用的功能——下载在线视频.涉及到多线程.线程更新UI等技术,还需思考产品的设计,如何将新加的功能更好的融入到现有的产品中,并不是简单的加一个界面就行了,欢迎大家交流产品设计和技术细节实现! 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 系列 1.使用Vitamio打造自己的Android万能播放器(1)——准备 2.使用Vitamio打造自己的Android万

使用Vitamio打造自己的Android万能播放器(6)——在线播放(播放列表)

前言 新版本的VPlayer由设计转入开发阶段,预计开发周期为一个月,这也意味着新版本的Vitamio将随之发布,开发者们可以和本系列文章一样,先开发其他功能.本章内容为"在线视频播放列表",集合了主流各大视频网站的手机版,欢迎给"开播视频"反馈改进建议! 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 系列 1.使用Vitamio打造自己的Androi

使用Vitamio打造自己的Android万能播放器(4)——本地播放(快捷搜索、数据存储)

前言 关键字:Vitamio.VPlayer.Android播放器.Android影音.Android开源播放器 本章节把Android万能播放器本地播放的主要功能(缓存播放列表和A-Z快速查询功能)完成,和播放组件关系不大,但用到一些实用的技术,欢迎交流! 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 系列 1.使用Vitamio打造自己的Android万能播放器(1)——准备

使用Vitamio打造自己的Android万能播放器

前言 虽然Android已经内置了VideoView组件和MediaPlayer类来支持开发视频播放器,但支持格式.性能等各方面都十分有限,这里与大家一起利用免费的Vitamio来打造属于自己的Android万能播放器! 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 正文 一.实现目标 1.1 支持格式 支持主流的视音频格式:mp3/mp4/mkv/avi/3gp/rmvb/mov

Vitamio打造自己的Android万能播放器

前言 虽然Android已经内置了VideoView组件和MediaPlayer类来支持开发视频播放器,但支持格式.性能等各方面都十分有限,这里与大家一起利用免费的Vitamio来打造属于自己的Android万能播放器! 声明 欢迎转载,但请保留文章原始出处:) 石攻玉 :http://www.cnblogs.com/stone4/ 正文 一.实现目标 1.1 支持格式 支持主流的视音频格式:mp3/mp4/mkv/avi/3gp/rmvb/mov/flv等. 1.2 支持功能 1.2.1 当然

使用Vitamio打造自己的Android万能播放器(1)——准备

前言 虽然Android已经内置了VideoView组件和MediaPlayer类来支持开发视频播放器,但支持格式.性能等各方面都十分有限,这里与大家一起利用免费的Vitamio来打造属于自己的Android万能播放器! 声明 欢迎转载,但请保留文章原始出处:) 博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 正文 一.实现目标 1.1 支持格式 支持主流的视音频格式:mp3/mp4/mkv/avi/3gp/rmvb/mov

android求助:关于播放器中的“播放/暂停”键: 用ImageButton来设置点击效果时的问题

============问题描述============ 大家好,我最近遇到个问题: 大家都知道,播放器中的播放/暂停键是这样的逻辑:当用户点击了这个键,如果当前显示的是"播放"图案,会变为"暂停"图案:反之,如果当前是"暂停"图案,会变为"播放"图案 , 如此反复... 现在我正在实现这个效果,我是这样做的: 在以上的基本效果的基础上,我还添加了点击过程中的效果,就是当点下还木有松开时,会有一个点击效果(比如给当前图片加个光