返回发烧友论坛
发 帖  

[文章]拥有只属于你的音乐app，是一种什么体验？

鸿蒙开发者老王
2021-12-01 10:31:21
阅读量0
鸿蒙开发板鸿蒙操作系统
0
1
不知道有没有同学遇到过这种场景，和好朋友一起出去游玩时，坐在地铁或公交车上，每当听到一首好听的歌曲，总是忍不住和身边的伙伴一起分享，于是和同学每人戴着一只耳机共用一只手机听，这种方式难免会影响听歌的质感。在这种情况下，想到了使用服务流转开发一款“一起听吧”app，这样就可以和身边的朋友一起听好听的音乐了，可以同时间体会到的高低起伏优美动听的音乐，还能进行歌曲切换，是不是还挺不错。

言归正传，接下来就开始介绍“一起听吧”应用开发的功能。 该应用使用服务流转方式实现，流转：在HarmonyOS中泛指多设备分布式操作。流转能力打破设备界限，多设备联动，使用户应用程序可分可合、可流转。流转按照体验可分为跨端迁移（指在A端运行的FA迁移到B端上，完成迁移后， B端FA继续任务，而A端应用退出）和多端协同（指多端上的不同FA/PA同时运行、或者交替运行实现完整的业务）。可以说开发者站在了巨人的肩膀上创造更多可能，在此对HarmonyOS系统工程师们表示最真挚的崇拜。

开发准备
  • 万丈高楼平地起， 开始前请参考下载与安装软件、配置开发环境，完成DevEco Studio的安装和开发环境配置。
  • 开发环境配置完成后，请参考创建和运行Hello World创建工程
接下来就从创建工程项目开始介绍

创建一个新工程
  • 打开DevEco Studio，在欢迎页点击Create Project，创建一个新工程。
  • 根据工程创建向导，选择需要的Ability工程模板，然后点击Next。关于工程模板的介绍和支持的设备类型，请参考工程模板和开发语言介绍。



填写工程相关信息，Device Type选择Phone，Language选择Java ，其他保持默认值即可，点击Finish。关于各个参数的详细介绍，请参考创建一个新的工程。



工程创建完成后，DevEco Studio会自动进行工程的同步

使用模拟器运行HelloWorld
DevEco Studio提供远程模拟器和本地模拟器，本示例以远程模拟器为例进行说明。关于本地模拟器的使用请参考1.6.1-使用Local Emulator运行应用。

DevEco Studio提供模拟器供开发者运行和调试HarmonyOS应用。

  • 在DevEco Studio菜单栏，点击Tools > Device Manager。
  • 在Remote Emulator页签中点击Login，在浏览器中弹出华为开发者联盟帐号登录界面，请输入已实名认证的华为开发者联盟帐号的用户名和密码进行登录（查看远程模拟器登录常见问题）。
  • 登录后，请点击界面的允许按钮进行授权。


  • 在设备列表中，选择Phone设备P40，并点击▶按钮，运行模拟器（此处选择Super Device）


  • 点击DevEco Studio工具栏中的▶按钮运行工程，或使用默认快捷键Shift+F10（Mac为Control+R）运行工程


  • DevEco Studio会启动应用的编译构建，完成后应用即可运行在模拟器上


编写第一个页面
在Java UI框架中，提供了两种编写布局的方式：在XML中声明UI布局和在代码中创建布局。这两种方式创建出的布局没有本质差别，为了熟悉两种方式，我们将通过XML的方式编写第一个页面。

  • 在Project窗口，点击“entry > src > main > resources > base > layout”，打开“ability_main.xml”文件。


  • 第一个页面内有一个HarmonyOS图标和一个按钮，使用DependentLayout布局，通过DependentLayout 和Button组件来实现，其中vp和fp分别表示虚拟像素和字体像素。“ability_main.xml”的示例代码如下：
  1. <DirectionalLayout
  2.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
  3.     ohos:height="match_parent"
  4.     ohos:width="match_parent"
  5.     ohos:orientation="vertical"
  6.     ohos:background_element="$media:black">
  7.     <DirectionalLayout
  8.         ohos:height="360vp"
  9.         ohos:width="380vp"
  10.         ohos:alignment="center"
  11.         ohos:top_margin="100vp"
  12.         ohos:background_element="$media:harmonyos_logo">
  13.     </DirectionalLayout>

  15.     <DirectionalLayout
  16.         ohos:id="$+id:music_play_control_container"
  17.         ohos:weight="1"
  18.         ohos:height="0vp"
  19.         ohos:width="match_parent"
  20.         ohos:alignment="center"
  21.         ohos:bottom_margin="80vp"
  22.         ohos:start_padding="10vp"
  23.         ohos:end_padding="10vp"
  24.         ohos:top_margin="100vp">
  25.         <Button
  26.             ohos:id="$+id:btn_music"
  27.             ohos:height="100vp"
  28.             ohos:width="300vp"
  29.             ohos:background_element="$graphic:background_button"
  30.             ohos:text_color="$color:white"
  31.             ohos:layout_alignment="horizontal_center"
  32.             ohos:text_alignment="center"
  33.             ohos:left_padding="15vp"
  34.             ohos:right_padding="15vp"
  35.             ohos:text="$string:btn_into_page"
  36.             ohos:text_size="30vp"
  37.             ohos:top_margin="20vp">
  38.         </Button>

  40.     </DirectionalLayout>

  42. </DirectionalLayout
复制代码

  • 页面预览效果：


  • 在XML文件中添加组件后，需要在Java代码中加载XML布局。在Project窗口，选择“entry > src > main > java > com.luxiaolu.musictogether > slice” ，打开“MainAbilitySlice.java”文件，使用setUIContent方法加载“ability_main.xml”布局，同时在该Ability中检查相关权限，MainAbilitySlice.java源码如下：
  1. public class MainAbilitySlice extends AbilitySlice {
  2.     private static final String TAG = CommonData.TAG + MainAbilitySlice.class.getSimpleName();

  4.     private static final int PERMISSION_CODE = 10000000;

  6.     @Override
  7.     public void onStart(Intent intent) {
  8.         super.onStart(intent);
  9.         super.setUIContent(ResourceTable.Layout_ability_main);
  10.         grantPermission();
  11.         initView();
  12.     }

  14.     void grantPermission() {
  15.         if (verifySelfPermission(DISTRIBUTED_DATASYNC) != IBundleManager.PERMISSION_GRANTED) {
  16.             if (canRequestPermission(DISTRIBUTED_DATASYNC)) {
  17.                 requestPermissionsFromUser(new String[] {DISTRIBUTED_DATASYNC}, PERMISSION_CODE);
  18.             }
  19.         }
  20.     }

  22.     private void initView() {
  23.         findComponentById(ResourceTable.Id_btn_music).setClickedListener(new ButtonClick());
  24.     }

  26.     private void TogetherMusic() {
  27.         LogUtil.info(TAG, "Click ResourceTable Id_togetherMusic");
  28.         Intent musicIntent = new Intent();
  29.         Operation operationMusic = new Intent.OperationBuilder().withBundleName(getBundleName())
  30.                 .withAbilityName(CommonData.ABILITY_MAIN)
  31.                 .withAction(CommonData.MUSIC_PAGE)
  32.                 .build();
  33.         musicIntent.setOperation(operationMusic);
  34.         startAbility(musicIntent);
  35.     }
  36.    
  37.     /**
  38.      * ButtonClick
  39.      */
  40.     private class ButtonClick implements Component.ClickedListener {
  41.         @Override
  42.         public void onClick(Component component) {
  43.             int btnId = component.getId();
  44.             switch (btnId) {
  45.                 case ResourceTable.Id_btn_music:
  46.                     TogetherMusic();
  47.                     break;
  48.                 default:
  49.                     LogUtil.info(TAG, "Click default");
  50.                     break;
  51.             }
  52.         }
  53.     }
  54. }
复制代码

5.第二个页面实现音乐播放页面，创建顺序和第一个页面方式相同，可以使用复制修改的方式添加，依然使用DependentLayout布局，通过Text和Image，RoundProgressBar，Slider来实现， ability_music.xml 代码如下:

  1. <DirectionalLayout
  2.     xmlns:ohos="http://schemas.huawei.com/res/ohos"
  3.     ohos:id="$+id:play_music_root"
  4.     ohos:height="match_parent"
  5.     ohos:width="match_parent"
  6.     ohos:background_element="$media:black2"
  7.     ohos:orientation="vertical">

  9.     <DirectionalLayout
  10.         ohos:height="match_content"
  11.         ohos:width="match_parent"
  12.         ohos:alignment="center"
  13.         ohos:orientation="vertical"
  14.         ohos:top_margin="50vp">

  16.         <Text
  17.             ohos:id="$+id:music_name"
  18.             ohos:height="match_content"
  19.             ohos:width="match_content"
  20.             ohos:bottom_margin="10vp"
  21.             ohos:text="$string:video_name"
  22.             ohos:text_alignment="center"
  23.             ohos:text_color="#FFFFFF"
  24.             ohos:text_size="34fp"
  25.             />
  26.     </DirectionalLayout>

  28.     <DirectionalLayout
  29.         ohos:height="0vp"
  30.         ohos:width="match_parent"
  31.         ohos:alignment="center"
  32.         ohos:weight="1">

  34.         <Image
  35.             ohos:id="$+id:music_posters"
  36.             ohos:height="match_content"
  37.             ohos:image_src="$media:cd_music2"
  38.             ohos:width="match_content"
  39.             ohos:visibility="hide"
  40.             />

  42.         <RoundProgressBar
  43.             ohos:id="$+id:progressCircularImage"
  44.             ohos:height="250vp"
  45.             ohos:width="250vp"
  46.             ohos:progress="1"
  47.             ohos:progress_width="0vp"
  48.             ohos:progress_color="$color:default_transparent"
  49.             ohos:background_element="$media:cd_music1"
  50.             ohos:max="100"
  51.             ohos:min="0"
  52.             />
  53.     </DirectionalLayout>

  55.     <DirectionalLayout
  56.         ohos:id="$+id:progress_container"
  57.         ohos:height="match_content"
  58.         ohos:width="match_parent"
  59.         ohos:start_margin="20vp"
  60.         ohos:orientation="vertical"
  61.         ohos:end_margin="20vp"
  62.         ohos:top_margin="37.25vp">

  64.         <DirectionalLayout
  65.             ohos:height="match_parent"
  66.             ohos:width="match_parent"
  67.             ohos:orientation="horizontal">

  69.             <Text
  70.                 ohos:id="$+id:play_progress_time"
  71.                 ohos:height="match_content"
  72.                 ohos:width="match_content"
  73.                 ohos:layout_alignment="vertical_center"
  74.                 ohos:end_margin="10vp"
  75.                 ohos:start_margin="0vp"
  76.                 ohos:text="$string:play_time"
  77.                 ohos:text_alignment="center"
  78.                 ohos:text_color="#FFCCE7FF"
  79.                 ohos:text_size="13vp"/>

  81.             <Text
  82.                 ohos:height="match_content"
  83.                 ohos:width="0vp"
  84.                 ohos:weight="1"/>

  86.             <Text
  87.                 ohos:id="$+id:play_total_time"
  88.                 ohos:height="match_content"
  89.                 ohos:width="match_content"
  90.                 ohos:layout_alignment="vertical_center"
  91.                 ohos:end_margin="10vp"
  92.                 ohos:start_margin="0vp"
  93.                 ohos:text="$string:play_time"
  94.                 ohos:text_alignment="center"
  95.                 ohos:text_color="#FFCCE7FF"
  96.                 ohos:text_size="13vp"/>
  97.         </DirectionalLayout>

  99.         <Slider
  100.             ohos:id="$+id:play_progress_bar"
  101.             ohos:height="14vp"
  102.             ohos:width="match_parent"
  103.             ohos:background_instruct_element="#64CCE7FF"
  104.             ohos:layout_alignment="vertical_center"
  105.             ohos:progress_color="#FFCCE7FF"
  106.             ohos:weight="1"/>

  108.     </DirectionalLayout>

  110.     <DirectionalLayout
  111.         ohos:id="$+id:music_play_control_container"
  112.         ohos:height="72vp"
  113.         ohos:width="match_parent"
  114.         ohos:bottom_margin="80vp"
  115.         ohos:start_padding="10vp"
  116.         ohos:orientation="horizontal"
  117.         ohos:end_padding="10vp"
  118.         ohos:top_margin="40vp">

  120.         <DirectionalLayout
  121.             ohos:id="$+id:control_box"
  122.             ohos:height="match_content"
  123.             ohos:width="match_content"
  124.             ohos:layout_alignment="center"
  125.             ohos:orientation="vertical"
  126.             ohos:weight="1">

  128.             <Image
  129.                 ohos:id="$+id:remote_play"
  130.                 ohos:height="48vp"
  131.                 ohos:width="48vp"
  132.                 ohos:background_element="$graphic:button_bg"
  133.                 ohos:image_src="$media:remote_play_selected"
  134.                 ohos:layout_alignment="center"
  135.                 ohos:scale_mode="inside"/>
  136.         </DirectionalLayout>

  138.         <DirectionalLayout
  139.             ohos:id="$+id:control_box2"
  140.             ohos:height="match_content"
  141.             ohos:width="match_content"
  142.             ohos:layout_alignment="center"
  143.             ohos:orientation="vertical"
  144.             ohos:weight="1">

  146.             <Image
  147.                 ohos:id="$+id:music_play_prev_btn"
  148.                 ohos:height="48vp"
  149.                 ohos:width="48vp"
  150.                 ohos:background_element="$graphic:button_bg"
  151.                 ohos:image_src="$media:ic_himusic_previous"
  152.                 ohos:layout_alignment="center"
  153.                 ohos:scale_mode="inside"/>
  154.         </DirectionalLayout>

  156.         <DirectionalLayout
  157.             ohos:id="$+id:control_box3"
  158.             ohos:height="match_content"
  159.             ohos:width="match_content"
  160.             ohos:layout_alignment="center"
  161.             ohos:orientation="vertical"
  162.             ohos:weight="1">

  164.             <Image
  165.                 ohos:id="$+id:music_play_btn"
  166.                 ohos:height="48vp"
  167.                 ohos:width="48vp"
  168.                 ohos:background_element="$graphic:button_bg"
  169.                 ohos:image_src="$media:ic_himusic_play"
  170.                 ohos:layout_alignment="center"
  171.                 ohos:scale_mode="inside"/>
  172.         </DirectionalLayout>

  174.         <DirectionalLayout
  175.             ohos:id="$+id:control_box4"
  176.             ohos:height="match_content"
  177.             ohos:width="match_content"
  178.             ohos:layout_alignment="center"
  179.             ohos:orientation="vertical"
  180.             ohos:weight="1">

  182.             <Image
  183.                 ohos:id="$+id:music_play_next_btn"
  184.                 ohos:height="48vp"
  185.                 ohos:width="48vp"
  186.                 ohos:background_element="$graphic:button_bg"
  187.                 ohos:image_src="$media:ic_himusic_next"
  188.                 ohos:layout_alignment="center"
  189.                 ohos:scale_mode="inside"/>
  190.         </DirectionalLayout>

  192.     </DirectionalLayout>
  193. </DirectionalLayout>
复制代码

  • 预览效果图：


  • MusicAbilitySlice.java是业务逻辑主代码，实现多设备连接，音乐播放/暂停，上下歌曲切换和音乐播放时动态图片旋转效果实现功能1）、 查找在线设备，并选择设备连接
  1. <pre class="public-DraftStyleDefault-pre" data-offset-key="biqkm-0-0"><pre class="Editable-styled" data-block="true" data-editor="2i0lu" data-offset-key="biqkm-0-0"><div data-offset-key="biqkm-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="biqkm-0-0"><span data-text="true">/**
  2. * 播放音乐时的动画效果（定时循环旋转图片）
  3. */
  4. private RoundProgressBar roundProgressBar;
  5. private PixelMapElement element;
  6. private int rotateDegrees =0;
  7. private int progressValue = 0;
  8. private int maxProgressVale = 100;

  10. private void initMyImage(){
  11.     roundProgressBar = (RoundProgressBar) findComponentById(ResourceTable.Id_progressCircularImage);
  12.     roundProgressBar.setMaxValue(maxProgressVale);
  13.     Timer timer = new Timer();
  14.     timer.schedule(new TimerTask(){
  15.         @Override
  16.         public void run() {
  17.             if(isPlaying){
  18.                 // 背景图片旋转角度
  19.                 if(rotateDegrees<360){
  20.                     // 每秒旋转角度
  21.                     rotateDegrees +=10;
  22.                 }else{
  23.                     rotateDegrees =0;
  24.                 }
  25.                 // 进度变化
  26.                 if(maxProgressVale>progressValue){
  27.                     progressValue +=10;
  28.                 }else {
  29.                     progressValue = 0;
  30.                 }
  31.                 element =  new PixelMapElement(transIdToPixelMap(rotateDegrees, resoureId,250,250));
  32.                 element.setFilterPixelMap(true);
  33.                 getUITaskDispatcher().asyncDispatch(new Runnable() {
  34.                     @Override
  35.                     public void run() {
  36.                         // 设置进度
  37.                         roundProgressBar.setProgressValue(progressValue);
  38.                         // 进度条背景图片
  39.                         roundProgressBar.setBackground(element);
  40.                     }
  41.                 });
  42.             }
  43.         }

  45.     },0,200);
  46. }

  48. // 将本地图片resId转换成PixelMap
  49. private PixelMap transIdToPixelMap(int rotateDegrees, int resId, int width, int height) {
  50.     InputStream source = null;
  51.     ImageSource imageSource = null;
  52.     try {
  53.         source = getContext().getResourceManager().getResource(resId);
  54.         imageSource = ImageSource.create(source, null);
  55.         ImageSource.DecodingOptions decodingOpts = new ImageSource.DecodingOptions();
  56.         decodingOpts.desiredSize = new Size(width, height);
  57.         decodingOpts.rotateDegrees = rotateDegrees;
  58.         return imageSource.createPixelmap(decodingOpts);

  60.     } catch (IOException | NotExistException e) {
  61.         LogUtil.error(TAG, "getPixelMap error");
  62.     } finally {
  63.         try {
  64.             source.close();
  65.         } catch (IOException e) {
  66.             LogUtil.error(TAG, "getPixelMap source close error");
  67.         }
  68.     }
  69.     return PixelMap.create(null);
  70. }</span></span></div></pre></pre><div class="Editable-unstyled" data-block="true" data-editor="2i0lu" data-offset-key="dnofi-0-0"><div data-offset-key="dnofi-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="dnofi-0-0"><span data-text="true">2）、</span></span><span data-offset-key="dnofi-1-0"><span data-text="true">启动远程FA/PA</span></span><span data-offset-key="dnofi-2-0"><span data-text="true"> 设备A连接设备B侧的PA，利用连接关系调用该PA执行特定任务</span></span></div></div><pre class="public-DraftStyleDefault-pre" data-offset-key="cvbo4-0-0"><pre class="Editable-styled" data-block="true" data-editor="2i0lu" data-offset-key="cvbo4-0-0"><div data-offset-key="cvbo4-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="cvbo4-0-0"><span data-text="true">private void connectRemotePa(String deviceId, int requestType) {
  71.     if (!deviceId.isEmpty()) {
  72.         Intent connectPaIntent = new Intent();
  73.         Operation operation = new Intent.OperationBuilder().withDeviceId(deviceId)
  74.                 .withBundleName(getBundleName())
  75.                 .withAbilityName(CommonData.MUSIC_SERVICE_NAME)
  76.                 .withFlags(Intent.FLAG_ABILITYSLICE_MULTI_DEVICE)
  77.                 .build();
  78.         connectPaIntent.setOperation(operation);
  79.         conn = new IAbilityConnection() {
  80.             @Override
  81.             public void onAbilityConnectDone(ElementName elementName, IRemoteObject remote, int resultCode) {
  82.                 LogUtil.info(TAG, "onAbilityConnectDone......");
  83.                 connectAbility(elementName, remote, requestType);
  84.             }
  85.             @Override
  86.             public void onAbilityDisconnectDone(ElementName elementName, int resultCode) {
  87.                 disconnectAbility(this);
  88.                 LogUtil.info(TAG, "onAbilityDisconnectDone......");
  89.             }
  90.         };
  91.         isConnected = getContext().connectAbility(connectPaIntent, conn);
  92.     }
  93. }

  95. private void connectAbility(ElementName elementName, IRemoteObject remote, int requestType) {
  96.     proxy = new MusicRemoteProxy(remote);
  97.     try {
  98.         proxy.senDataToRemote(requestType);
  99.     } catch (RemoteException e) {
  100.         LogUtil.error(TAG, "onAbilityConnectDone RemoteException");
  101.     }
  102. }</span></span></div></pre></pre><div class="Editable-unstyled" data-block="true" data-editor="2i0lu" data-offset-key="a141v-0-0"><div data-offset-key="a141v-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="a141v-0-0"><span data-text="true">3）、在本地发起连接侧和对端被连接侧分别实现代理</span></span></div></div><pre class="public-DraftStyleDefault-pre" data-offset-key="16s8a-0-0"><pre class="Editable-styled" data-block="true" data-editor="2i0lu" data-offset-key="16s8a-0-0"><div data-offset-key="16s8a-0-0" class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"><span data-offset-key="16s8a-0-0"><span data-text="true">class MusicRemoteProxy implements IRemoteBroker {
  103.     private static final int ERR_OK = 0;
  104.     private static final int REQUEST_START_ABILITY = 1;
  105.     private static final int REQUEST_SEND_DATA = 2;
  106.     private final IRemoteObject remote;

  108.     MusicRemoteProxy(IRemoteObject remote) {
  109.         this.remote = remote;
  110.     }

  112.     @Override
  113.     public IRemoteObject asObject() {
  114.         return remote;
  115.     }

  117.     private void senDataToRemote(int requestType) throws RemoteException {
  118.         MessageParcel data = MessageParcel.obtain();
  119.         MessageParcel reply = MessageParcel.obtain();
  120.         try {
  121.             isLocal = false;
  122.             data.writeInt(actionFlag);
  123.             data.writeString(localDeviceId);
  124.             data.writeBoolean(isLocal);
  125.             MessageOption option = new MessageOption(MessageOption.TF_SYNC);
  126.             remote.sendRequest(requestType, data, reply, option);
  127.             LogUtil.info(TAG, "send action: "+actionFlag+"; isLocal: "+isLocal);
  128.             int ec = reply.readInt();
  129.             if (ec != ERR_OK) {
  130.                 LogUtil.error(TAG, "ec != ERR_OK RemoteException");
  131.             }
  132.         } catch (RemoteException e) {
  133.             LogUtil.error(TAG, "RemoteException");
  134.         } finally {
  135.             data.reclaim();
  136.             reply.reclaim();
  137.         }
  138.     }
  139. }</span></span></div></pre></pre>
复制代码

4）、 订阅事件（每个应用都可以订阅自己感兴趣的公共事件，订阅成功后且公共事件发布后，系统会把其发送给应用。这些公共事件可能来自系统、其他应用和应用自身）

公共事件相关基础类包含CommonEventData、CommonEventPublishInfo、CommonEventSubscribeInfo、CommonEventSubscriber和CommonEventManager

  1. /**
  2. * 订阅 接收事件
  3. */
  4. private void subscribe() {
  5.     MatchingSkills matchingSkills = new MatchingSkills();
  6.     matchingSkills.addEvent(CommonData.MUSIC_PALY_EVENT);
  7.     matchingSkills.addEvent(CommonEventSupport.COMMON_EVENT_SCREEN_ON);
  8.     CommonEventSubscribeInfo subscribeInfo = new CommonEventSubscribeInfo(matchingSkills);
  9.     subscriber = new MyCommonEventSubscriber(subscribeInfo);
  10.     try {
  11.         LogUtil.info(TAG, "subscribeCommonEvent");
  12.         CommonEventManager.subscribeCommonEvent(subscriber);
  13.     } catch (RemoteException e) {
  14.         LogUtil.error(TAG, "subscribeCommonEvent occur exception.");
  15.     }
  16. }

  18. /**
  19. * 订阅公共事件
  20. */
  21. class MyCommonEventSubscriber extends CommonEventSubscriber {
  22.     MyCommonEventSubscriber(CommonEventSubscribeInfo info) {
  23.         super(info);
  24.     }

  26.     @Override
  27.     public void onReceiveEvent(CommonEventData commonEventData) {
  28.         reciveTime = System.currentTimeMillis();
  29.         LogUtil.info(TAG, "onReceiveEvent, sendTime - reciveTime is " + (sendTime - reciveTime));
  30.         if (Math.abs(sendTime - reciveTime) <= MAX_RECIVE_TIME) {
  31.             LogUtil.info(TAG, "almost at the same time, do not handle recive msg");
  32.             isShare = false;
  33.             new ToastDialog(getContext()).setText("操作冲突，后续独立").setAlignment(LayoutAlignment.CENTER).show();
  34.             return;
  35.         }
  36.         // 接收远程数据
  37.         Intent intent = commonEventData.getIntent();
  38.         updateDataInfo(intent);
  39.     }
  40. }

  42. private void updateDataInfo(Intent intent) {
  43.     if(null != intent){
  44.         actionFlag = intent.getIntParam(CommonData.KEY_MUSIC_ACTION_ID, 0);
  45.         getUITaskDispatcher().delayDispatch(this::actionFun, DELAY_TIME);
  46.     }
  47. }

  49. private void actionFun(){
  50.     if(100 == actionFlag){
  51.         playOrPause();
  52.     }else if(200 == actionFlag){
  53.         nextMusic();
  54.     }else if(300 == actionFlag){
  55.         prevMusic();
  56.     }
  57. }
复制代码

5）、 播放音乐时显示图片动画效果（暂时使用定时器，循环旋转图片）

  1. /**
  2. * 播放音乐时的动画效果（定时循环旋转图片）
  3. */
  4. private RoundProgressBar roundProgressBar;
  5. private PixelMapElement element;
  6. private int rotateDegrees =0;
  7. private int progressValue = 0;
  8. private int maxProgressVale = 100;

  10. private void initMyImage(){
  11.     roundProgressBar = (RoundProgressBar) findComponentById(ResourceTable.Id_progressCircularImage);
  12.     roundProgressBar.setMaxValue(maxProgressVale);
  13.     Timer timer = new Timer();
  14.     timer.schedule(new TimerTask(){
  15.         @Override
  16.         public void run() {
  17.             if(isPlaying){
  18.                 // 背景图片旋转角度
  19.                 if(rotateDegrees<360){
  20.                     // 每秒旋转角度
  21.                     rotateDegrees +=10;
  22.                 }else{
  23.                     rotateDegrees =0;
  24.                 }
  25.                 // 进度变化
  26.                 if(maxProgressVale>progressValue){
  27.                     progressValue +=10;
  28.                 }else {
  29.                     progressValue = 0;
  30.                 }
  31.                 element =  new PixelMapElement(transIdToPixelMap(rotateDegrees, resoureId,250,250));
  32.                 element.setFilterPixelMap(true);
  33.                 getUITaskDispatcher().asyncDispatch(new Runnable() {
  34.                     @Override
  35.                     public void run() {
  36.                         // 设置进度
  37.                         roundProgressBar.setProgressValue(progressValue);
  38.                         // 进度条背景图片
  39.                         roundProgressBar.setBackground(element);
  40.                     }
  41.                 });
  42.             }
  43.         }

  45.     },0,200);
  46. }

  48. // 将本地图片resId转换成PixelMap
  49. private PixelMap transIdToPixelMap(int rotateDegrees, int resId, int width, int height) {
  50.     InputStream source = null;
  51.     ImageSource imageSource = null;
  52.     try {
  53.         source = getContext().getResourceManager().getResource(resId);
  54.         imageSource = ImageSource.create(source, null);
  55.         ImageSource.DecodingOptions decodingOpts = new ImageSource.DecodingOptions();
  56.         decodingOpts.desiredSize = new Size(width, height);
  57.         decodingOpts.rotateDegrees = rotateDegrees;
  58.         return imageSource.createPixelmap(decodingOpts);

  60.     } catch (IOException | NotExistException e) {
  61.         LogUtil.error(TAG, "getPixelMap error");
  62.     } finally {
  63.         try {
  64.             source.close();
  65.         } catch (IOException e) {
  66.             LogUtil.error(TAG, "getPixelMap source close error");
  67.         }
  68.     }
  69.     return PixelMap.create(null);
  70. }
复制代码

  • 图片旋转效果：


  • MusicServiceAbility.java 基于Service模板的Ability主要用于后台运行任务（建立远程连接，发送事件数据），但不提供用户交互界面。Service可由其他应用或Ability启动，即使用户切换到其他应用，Service仍将在后台继续运行。了解更多创建、启动、连接Service
  1. public class MusicServiceAbility extends Ability {
  2.     private static final String TAG = "####service";

  4.     private TogetherMusicRemote remote = new TogetherMusicRemote();

  6.     @Override
  7.     public void onStart(Intent intent) {
  8.         super.onStart(intent);
  9.         LogUtil.info(TAG, "MusicServiceAbility::onStart");
  10.     }

  12.     @Override
  13.     public void onBackground() {
  14.         super.onBackground();
  15.         LogUtil.info(TAG, "MusicServiceAbility::onBackground");
  16.     }

  18.     @Override
  19.     public void onStop() {
  20.         super.onStop();
  21.         LogUtil.info(TAG, "MusicServiceAbility::onStop");
  22.     }

  24.     @Override
  25.     protected IRemoteObject onConnect(Intent intent) {
  26.         super.onConnect(intent);
  27.         return remote.asObject();
  28.     }

  30.     @Override
  31.     public void onDisconnect(Intent intent) {
  32.         LogUtil.info(TAG, "MusicServiceAbility::onDisconnect");
  33.     }


  36.     /**
  37.      * 发送 点击播放、暂停、下一首音乐切换动作指令
  38.      * [url=home.php?mod=space&uid=3142012]@param[/url] playAction 播放动作指令
  39.      */
  40.     private void sendEvent(int playAction) {
  41.         try {
  42.             Intent intent = new Intent();
  43.             Operation operation = new Intent.OperationBuilder().withAction(CommonData.MUSIC_PALY_EVENT).build();
  44.             intent.setOperation(operation);
  45.             intent.setParam(CommonData.KEY_MUSIC_ACTION_ID, playAction);
  46.             CommonEventData eventData = new CommonEventData(intent);
  47.             CommonEventManager.publishCommonEvent(eventData);
  48.         } catch (RemoteException e) {
  49.             LogUtil.error(TAG, "publishCommonEvent occur exception.");
  50.         }
  51.     }

  53.     /**
  54.      * 建立远程连接
  55.      */
  56.     public class TogetherMusicRemote extends RemoteObject implements IRemoteBroker {
  57.         private static final int ERR_OK = 0;

  59.         private static final int REQUEST_START_ABILITY = 1;

  61.         private TogetherMusicRemote() {
  62.             super("TogetherMusicRemote");
  63.         }

  65.         @Override
  66.         public IRemoteObject asObject() {
  67.             return this;
  68.         }

  70.         @Override
  71.         public boolean onRemoteRequest(int code, MessageParcel data, MessageParcel reply, MessageOption option) {
  72.             String remoteDeviceId = data.readString();
  73.             int playAction = data.readInt();
  74.             boolean isLocal = data.readBoolean();
  75.             reply.writeInt(ERR_OK);
  76.             if (code == REQUEST_START_ABILITY) {
  77.                 Intent secondIntent = new Intent();
  78.                 Operation operation = new Intent.OperationBuilder().withDeviceId("")
  79.                         .withBundleName(getBundleName())
  80.                         .withAbilityName(CommonData.ABILITY_MAIN)
  81.                         .withAction(CommonData.MUSIC_PAGE)
  82.                         .build();
  83.                 secondIntent.setParam(CommonData.KEY_REMOTE_DEVICEID, remoteDeviceId);
  84.                 secondIntent.setParam(CommonData.KEY_MUSIC_ACTION_ID, playAction);
  85.                 secondIntent.setParam(CommonData.KEY_IS_LOCAL, isLocal);
  86.                 secondIntent.setOperation(operation);
  87.                 startAbility(secondIntent);
  88.             } else {
  89.                 sendEvent(playAction);
  90.             }
  91.             return true;
  92.         }
  93.     }
  94. }
复制代码

整体效果演示



希望有更多同学或朋友加入HarmonyOS， 提供更多新鲜的、新奇的idea。

作者简介：我是老王，一个从事鸿蒙开发的中年老吃货。关注我，每天和你聊点关于华为、鸿蒙认证的一些事儿。

举报

回帖

声明：本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人，不代表电子发烧友网立场。文章及其配图仅供工程师学习之用，如有内容图片侵权或者其他问题，请联系本站作侵删。 侵权投诉
链接复制成功，分享给好友