InteractivePlayerView 使用教程

InteractivePlayerView 使用教程

InteractivePlayerViewCustom iOS music player view项目地址:https://gitcode.com/gh_mirrors/int/InteractivePlayerView

项目介绍

InteractivePlayerView 是一个自定义的 Android 音乐播放器视图，提供了丰富的交互功能，如播放控制、进度条显示、自定义图标等。该项目在 GitHub 上开源，由 AhmettKeskin 维护。

项目快速启动

添加依赖

首先，在你的 build.gradle 文件中添加以下依赖：

dependencies {
    implementation 'com.github.ahmettkeskin:InteractivePlayerView:1.0.0'
}

在布局文件中定义视图

在你的 XML 布局文件中添加 InteractivePlayerView：

<com.mobiwise.library.InteractivePlayerView
    android:id="@+id/ipv"
    android:layout_width="230dp"
    android:layout_height="230dp"
    app:imageCover="@drawable/imagetest"
    app:emptyColor="#aaffffff"
    app:loadedColor="#fff44336"
    app:selectedAction1="@drawable/shuffle_selected"
    app:selectedAction2="@drawable/like_selected"
    app:selectedAction3="@drawable/replay_selected"
    app:unselectedAction1="@drawable/shuffle_unselected"
    app:unselectedAction2="@drawable/like_unselected"
    app:unselectedAction3="@drawable/replay_unselected" />

在 Java 代码中初始化

在你的 Activity 或 Fragment 中找到视图并设置必要的值：

InteractivePlayerView ipv = (InteractivePlayerView) findViewById(R.id.ipv);
ipv.setMax(123); // 音乐时长（秒）
ipv.setOnActionClickedListener(new InteractivePlayerView.OnActionClickedListener() {
    @Override
    public void onActionClicked(int id) {
        switch (id) {
            case 1:
                // 当第一个动作被点击时调用
                break;
            case 2:
                // 当第二个动作被点击时调用
                break;
            case 3:
                // 当第三个动作被点击时调用
                break;
            default:
                break;
        }
    }
});

// 根据你的播放器状态启动或停止
ipv.start();
ipv.stop();

应用案例和最佳实践

自定义图标和颜色

你可以通过设置不同的属性来自定义图标和颜色：

ipv.setCoverDrawable(R.drawable.imagetest);
ipv.setActionOneImage(R.drawable.shuffle_selected, R.drawable.shuffle_unselected);
ipv.setActionTwoImage(R.drawable.like_selected, R.drawable.like_unselected);
ipv.setActionThreeImage(R.drawable.replay_selected, R.drawable.replay_unselected);
ipv.setProgressEmptyColor(Color.GRAY);
ipv.setProgressLoadedColor(Color.BLACK);

加载网络图片

使用 Picasso 库加载网络图片：

ipv.setCoverURL("http://abc.xyz/1.png");

典型生态项目

音乐播放器应用

InteractivePlayerView 可以与任何音乐播放器应用集成，提供美观且功能丰富的播放控制界面。

自定义媒体控制

除了音乐播放器，InteractivePlayerView 还可以用于视频播放器或其他需要自定义媒体控制的应用。

通过以上步骤，你可以快速集成 InteractivePlayerView 到你的 Android 项目中，并根据需要进行自定义和扩展。

InteractivePlayerViewCustom iOS music player view项目地址:https://gitcode.com/gh_mirrors/int/InteractivePlayerView