android 视频+音频播放器Demo

程序主界面

• MainActivity.java

    1.主界面，头部是两个TextView（自定义类似指针效果），底部是ViewPager。ViewPager中每个页面对应的是一个Fragment.这样就搭起了首页。

    xml文件代码：

   

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@mipmap/base_bg"
    tools:context=".activity.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:orientation="vertical"
        android:background="@mipmap/base_titlebar_bg"
        >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            >

            <TextView
                android:id="@+id/tv_audio"
                style="@style/mainActivity_indicator"
                android:text="@string/audio"
            />

            <TextView
                android:id="@+id/music"
                style="@style/mainActivity_indicator"
                android:text="@string/music" />

        </LinearLayout>

        <View
            android:id="@+id/indicator"
            android:layout_width="30dp"
            android:layout_height="3dp"
            android:background="@color/green"
            />

    </LinearLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

  2.当选中音频或者视频时，TextView的文字颜色和大小都改变。

/**
     * 选择：音频 / 音乐
     * @param isAudio 是选择了音频
     */
    public void changeSelectedIndicator(boolean isAudio){

        mAudio.setSelected(isAudio);
        mMusic.setSelected(!isAudio);

        float ascale = isAudio ? 1.2f : 1.0f;
        float mscale = isAudio ? 1.0f : 1.2f;


        ViewPropertyAnimator.animate(mAudio).scaleX(ascale);
        ViewPropertyAnimator.animate(mAudio).scaleY(ascale);

        ViewPropertyAnimator.animate(mMusic).scaleX(mscale);
        ViewPropertyAnimator.animate(mMusic).scaleY(mscale);
    }

 3.滑动指示先与ViewPager的结合。

 

<span style="color:#000000;">/**
     * 滑动指示线
     * @param position
     * @param positionOffsetPixels
     */
    protected void scrollIndicator(int position, int positionOffsetPixels) {
        int translationX = mIndicatorWidth * position + positionOffsetPixels / pageSize ;
        LogUtil.i("qd","translationX =="+translationX );
        ViewHelper.setTranslationX(mIndicator, translationX);

    }
 
</span><pre name="code" class="java"><span style="color:#000000;"> mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                LogUtil.i("qd", "position===" + position + "  positionOffset=" + positionOffset + "  positionOffs