Просмотр исходного кода

详情增加歌词展示。播放页歌词增加单行歌词开关

onecold 11 месяцев назад
Родитель
Сommit
7c956387a7
2 измененных файлов с 59 добавлено и 3 удалено
  1. 1 1
      entry/src/main/ets/pages/SettingPage.ets
  2. 58 2
      entry/src/main/ets/view/LocalMusic.ets

+ 1 - 1
entry/src/main/ets/pages/SettingPage.ets

@@ -94,7 +94,7 @@ export struct SettingPage {
   @State isShowFAV: boolean = true //是否显示我的收藏
   @State isShowHistory: boolean = true //是否显示最近播放
   @State isShowPlayPageBack: boolean = false //是否显示播放页返回键
-  @State isShowSingleLineLyric: boolean = false //是否显示播放页返回键
+  @State isShowSingleLineLyric: boolean = false //是否显示单行歌词
   @State isShowHeader: boolean = true
   @State isCustomizeBg: boolean = false //自定义背景界面
   @State isCustomizeBgSheet: boolean = false //自定义背景界面

+ 58 - 2
entry/src/main/ets/view/LocalMusic.ets

@@ -181,6 +181,7 @@ export struct LocalMusic {
   @State isShowFAV: boolean = true //是否显示我的收藏
   @State isShowTitleBar: boolean = true //是否显示分类导航条
   @State isShowAllBar: boolean = true //是否显示播放全部条
+  @State isShowSingleLineLyric: boolean = false //是否显示单行歌词
   @State isShowHistory: boolean = true //是否显示最近播放
   @State isCustomizeBg: boolean = false //自定义背景界面
   @State isGridMusic: boolean = false //是否网格布局
@@ -192,7 +193,6 @@ export struct LocalMusic {
   @State isShowPlayPageBack: boolean = false //是否显示播放页返回键
   @State isShowHeader: boolean = true
   @State isPlayListBgGrass: boolean = true //是否播放列表玻璃透明效果
-  @State isShowSingleLineLyric: boolean = false //是否显示播放页返回键
   @State isMemoryLastPlay: boolean = false //是否启用应用退出记忆最后一首的播放进度
   @State isCoverTopBig: boolean = false //顶部大封面部分手机显示会和播放控制页重叠
   @State isSwipe: boolean = false //listItem的左滑开关
@@ -5854,6 +5854,22 @@ export struct LocalMusic {
         .width('100%')
         .justifyContent(FlexAlign.Start)
 
+        Row() {
+          Text('内嵌歌词:')
+            .fontSize(14)
+            .fontColor($r('app.color.text_color'))
+            .margin({ left: 22 })
+          Text(currentItem.lyricContent)
+            .fontSize(12)
+            .copyOption(CopyOptions.InApp)
+            .margin({ left: 10 })
+            .fontColor($r('app.color.text_color'))
+            .layoutWeight(1)
+        }
+        .margin({ top: 10, bottom: 10 })
+        .width('100%')
+        .justifyContent(FlexAlign.Start)
+
       }
 
     }
@@ -7462,7 +7478,7 @@ export struct LocalMusic {
             this.isLyricSetting = !this.isLyricSetting;
           })
           .bindSheet($$this.isLyricSetting, this.lyricSettingSheet(false), {
-            height: this.isCoverOpacity() ? '95%' : '88%',
+            height:  '95%',
             dragBar: true,
             preferType: this.currentBreakpoint !== BreakpointTypeEnum.SM ? SheetType.CENTER : SheetType.BOTTOM,
             showClose: true,
@@ -8374,6 +8390,46 @@ export struct LocalMusic {
           color: Color.White,
           width: 1.8
         })
+      }else{
+
+        Column() {
+          Row() {
+            Text('单行歌词')
+              .margin({ left: 18 })
+              .fontSize(15)
+              .fontColor(Color.White)
+              .fontWeight(480)
+              .layoutWeight(1)
+            Toggle({ type: ToggleType.Switch, isOn: this.isShowSingleLineLyric })
+              .selectedColor(this.themeColor)
+              .switchPointColor(Color.White)
+              .clickEffect({ level: ClickEffectLevel.LIGHT, scale: 0.5 })
+              .margin({ right: 18 })
+              .onChange((checked: boolean) => {
+                this.isShowSingleLineLyric = checked;
+                PreferencesUtil.put(SettingPage.IS_SHOW_SLLYRIC, this.isShowSingleLineLyric)
+              })
+              .width(50)
+              .height(30);
+          }
+          .height(55)
+
+        }
+        .backgroundColor(Color.Transparent)
+        .borderRadius(15)
+        .margin({
+          left: 30,
+          right: 30,
+          top: 10,
+          bottom: 10
+        })
+        .padding(0)
+        .border({
+          color: Color.White,
+          width: 1.8
+        })
+
+
       }
       Row() {
         Text(`歌词居中:`)