|
|
@@ -48,9 +48,15 @@ export struct SettingPage {
|
|
|
static readonly IS_SHOW_SLLYRIC: string = 'IS_SHOW_SLLYRIC';
|
|
|
static readonly IS_CIRCLE_BTN: string = 'isCircleBtn';
|
|
|
static readonly IS_COVER_TOP: string = 'IS_COVER_TOP';
|
|
|
+ static readonly IS_SHOW_HEADER: string = 'IS_SHOW_HEADER';
|
|
|
static readonly IS_COVER_TOP_BIG: string = 'IS_COVER_TOP_BIG';
|
|
|
public static THEME_COLOR_KEY: string = 'THEME_COLOR';
|
|
|
public static TWO_FINGER_TYPE: string = 'twoFingerType';
|
|
|
+ public static LONG_PRESS_SPEED: string = 'longPressSpeed';
|
|
|
+ public static IS_PLAYLIST_BG_GRASS: string = 'isPlayListBgGrass';
|
|
|
+ static readonly IS_SWIPE: string = 'isSwipe'
|
|
|
+ static readonly IS_AUTO_HIDE_PROGRESS: string = 'IS_AUTO_HIDE_PROGRESS';
|
|
|
+
|
|
|
public static THEME_COLOR_LIST: Array<ThemeColorItem> = [
|
|
|
{ name: '玫瑰粉', color: '#FF4081', isVip: false },
|
|
|
{ name: '经典蓝', color: '#0A59F7', isVip: false },
|
|
|
@@ -88,10 +94,12 @@ export struct SettingPage {
|
|
|
@State isShowHistory: boolean = true //是否显示最近播放
|
|
|
@State isShowPlayPageBack: boolean = false //是否显示播放页返回键
|
|
|
@State isShowSingleLineLyric: boolean = false //是否显示播放页返回键
|
|
|
+ @State isShowHeader: boolean = true
|
|
|
@State isCustomizeBg: boolean = false //自定义背景界面
|
|
|
@State isCustomizeBgSheet: boolean = false //自定义背景界面
|
|
|
@State isShowTitleBar: boolean = true //是否显示分类导航条
|
|
|
@State isShowAllBar: boolean = true //是否显示播放全部条
|
|
|
+ @State longPressSpeed: number = 3 //长按默认倍数
|
|
|
@State blurValue: number = 0 //背景模糊
|
|
|
@State bgBrightness: number = 0 //背景亮度
|
|
|
@State isGridMusic: boolean = true //是否网格布局
|
|
|
@@ -99,9 +107,14 @@ export struct SettingPage {
|
|
|
@State twoFingerType: number = 3 //双指放大瘦小Grid或list的大小
|
|
|
@State isScrollHide: boolean = false //是否滚动隐藏
|
|
|
@State isSameTimePlay: boolean = false //是否和其他app同时播放
|
|
|
+ @State isCoverRectangle: boolean = false
|
|
|
@State isSavePlayMode: boolean = true
|
|
|
@State isCoverTop: boolean = true
|
|
|
@State isCoverTopBig: boolean = false//顶部大封面部分手机显示会和播放控制页重叠
|
|
|
+ @State isSwipe: boolean = false //listItem的左滑开关
|
|
|
+ @State isPlayListBgGrass: boolean = true//是否播放列表玻璃透明效果
|
|
|
+ @State is_auto_hide_progress: boolean = false
|
|
|
+
|
|
|
|
|
|
@State customizeBgPath: string | undefined = '';
|
|
|
context = getContext(this);
|
|
|
@@ -213,9 +226,15 @@ export struct SettingPage {
|
|
|
this.isCoverTop = PreferencesUtil.getBooleanSync(SettingPage.IS_COVER_TOP, false)
|
|
|
this.isShowTitleBar = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_TITLTBAR, true)
|
|
|
this.isShowAllBar = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_ALLBAR, true)
|
|
|
- this.isShowPlayPageBack = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_PLAYPAGE_BACK, false)
|
|
|
+ this.isShowPlayPageBack = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_PLAYPAGE_BACK, true)
|
|
|
this.isShowSingleLineLyric = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_SLLYRIC, false)
|
|
|
this.isCoverTopBig = PreferencesUtil.getBooleanSync(SettingPage.IS_COVER_TOP_BIG, false)
|
|
|
+ this.longPressSpeed = PreferencesUtil.getNumberSync(SettingPage.LONG_PRESS_SPEED, 3)
|
|
|
+ this.isShowHeader = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_HEADER, true)
|
|
|
+ this.isCoverRectangle = PreferencesUtil.getBooleanSync(SettingPage.IS_COVER_RECTANGLE, true)
|
|
|
+ this.isPlayListBgGrass = PreferencesUtil.getBooleanSync(SettingPage.IS_PLAYLIST_BG_GRASS, true)
|
|
|
+ this.isSwipe = PreferencesUtil.getBooleanSync(SettingPage.IS_SWIPE, true)
|
|
|
+ this.is_auto_hide_progress = PreferencesUtil.getBooleanSync(SettingPage.IS_AUTO_HIDE_PROGRESS, false)
|
|
|
// 只用 themeMode 控制主题
|
|
|
this.themeMode = PreferencesUtil.getNumberSync(SettingPage.THEME_MODE, 0)
|
|
|
this.applyThemeMode(this.themeMode)
|
|
|
@@ -641,6 +660,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isScrollHide })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isScrollHide = checked;
|
|
|
@@ -657,7 +677,7 @@ export struct SettingPage {
|
|
|
|
|
|
// 网格布局
|
|
|
Row() {
|
|
|
- Text('网格布局')
|
|
|
+ Text('网格模式')
|
|
|
.margin({ left: 18 })
|
|
|
.fontSize(15)
|
|
|
.fontColor(Color.Gray)
|
|
|
@@ -667,6 +687,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isGridMusic = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_GRID_MUSIC, this.isGridMusic)
|
|
|
@@ -677,6 +698,55 @@ export struct SettingPage {
|
|
|
}
|
|
|
.height(55)
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+ // 封面方形
|
|
|
+ Row() {
|
|
|
+ Text('封面方形')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Toggle({ type: ToggleType.Switch, isOn: this.isCoverRectangle })
|
|
|
+ .selectedColor(this.themeColor)
|
|
|
+ .switchPointColor(Color.White)
|
|
|
+ .margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
+ .onChange((checked: boolean) => {
|
|
|
+ this.isCoverRectangle = checked;
|
|
|
+ PreferencesUtil.put(SettingPage.IS_COVER_RECTANGLE, this.isCoverRectangle)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ .width(50)
|
|
|
+ .height(30);
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+ //播放列表透明
|
|
|
+ Row() {
|
|
|
+ Text('播放列表背景透明')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Toggle({ type: ToggleType.Switch, isOn: this.isPlayListBgGrass })
|
|
|
+ .selectedColor(this.themeColor)
|
|
|
+ .switchPointColor(Color.White)
|
|
|
+ .margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
+ .onChange((checked: boolean) => {
|
|
|
+ this.isPlayListBgGrass = checked;
|
|
|
+ PreferencesUtil.put(SettingPage.IS_PLAYLIST_BG_GRASS, this.isPlayListBgGrass)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ .width(50)
|
|
|
+ .height(30);
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
|
|
|
@@ -732,32 +802,45 @@ export struct SettingPage {
|
|
|
.height(55)
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
- Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
- // 封面顶部
|
|
|
- Row() {
|
|
|
- Text('顶部大封面')
|
|
|
- .margin({ left: 18 })
|
|
|
- .fontSize(15)
|
|
|
- .fontColor(Color.Gray)
|
|
|
- .fontWeight(480)
|
|
|
- .layoutWeight(1)
|
|
|
- Toggle({ type: ToggleType.Switch, isOn: this.isCoverTopBig })
|
|
|
- .selectedColor(this.themeColor)
|
|
|
- .switchPointColor(Color.White)
|
|
|
- .margin({ right: 18 })
|
|
|
- .onChange((checked: boolean) => {
|
|
|
- this.isCoverTopBig = checked;
|
|
|
- if(this.isCoverTopBig){
|
|
|
- ToastUtil.showToast('启动该开关部分设备封面太大导致和音乐控制重叠!')
|
|
|
- }
|
|
|
- PreferencesUtil.put(SettingPage.IS_COVER_TOP_BIG, this.isCoverTopBig)
|
|
|
- this.sendChangeEvent()
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+ .opacity(this.isCoverTop ? 1 : 0)
|
|
|
+ .visibility(this.isCoverTop ? Visibility.Visible : Visibility.None)
|
|
|
+ .animation({
|
|
|
+ duration: 500,
|
|
|
+ curve: 'ease-in-out' // 可选动画曲线
|
|
|
})
|
|
|
- .width(50)
|
|
|
- .height(30);
|
|
|
- }
|
|
|
- .height(55)
|
|
|
- .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+ // 封面顶部
|
|
|
+ Row() {
|
|
|
+ Text('顶部大封面')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Toggle({ type: ToggleType.Switch, isOn: this.isCoverTopBig })
|
|
|
+ .selectedColor(this.themeColor)
|
|
|
+ .switchPointColor(Color.White)
|
|
|
+ .margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
+ .onChange((checked: boolean) => {
|
|
|
+ this.isCoverTopBig = checked;
|
|
|
+ if(this.isCoverTopBig){
|
|
|
+ ToastUtil.showToast('启动该开关部分设备封面太大导致和音乐控制重叠!')
|
|
|
+ }
|
|
|
+ PreferencesUtil.put(SettingPage.IS_COVER_TOP_BIG, this.isCoverTopBig)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ .width(50)
|
|
|
+ .height(30);
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+ .opacity(this.isCoverTop ? 1 : 0)
|
|
|
+ .visibility(this.isCoverTop ? Visibility.Visible : Visibility.None)
|
|
|
+ .animation({
|
|
|
+ duration: 500,
|
|
|
+ curve: 'ease-in-out' // 可选动画曲线
|
|
|
+ })
|
|
|
|
|
|
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
@@ -773,6 +856,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isCircleBtn })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isCircleBtn = checked;
|
|
|
@@ -825,6 +909,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isStartAutoPlay })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isStartAutoPlay = checked;
|
|
|
@@ -836,6 +921,31 @@ export struct SettingPage {
|
|
|
.height(55)
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
+
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+ // 列表是否可左滑
|
|
|
+ Row() {
|
|
|
+ Text('列表是否可左滑')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Toggle({ type: ToggleType.Switch, isOn: this.isSwipe })
|
|
|
+ .selectedColor(this.themeColor)
|
|
|
+ .switchPointColor(Color.White)
|
|
|
+ .margin({ right: 18 })
|
|
|
+ .onChange((checked: boolean) => {
|
|
|
+ this.isSwipe = checked;
|
|
|
+ PreferencesUtil.put(SettingPage.IS_SWIPE, this.isSwipe)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ .width(50)
|
|
|
+ .height(30);
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({level:ClickEffectLevel.HEAVY})
|
|
|
+
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
// 记住播放进度
|
|
|
Row() {
|
|
|
@@ -848,6 +958,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isMemoryLastPlay })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isMemoryLastPlay = checked;
|
|
|
@@ -872,6 +983,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isMusicMemoryPlay })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isMusicMemoryPlay = checked;
|
|
|
@@ -884,6 +996,46 @@ export struct SettingPage {
|
|
|
.height(55)
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
+
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+
|
|
|
+ // 长按默认倍数
|
|
|
+ Row() {
|
|
|
+ Text('长按默认倍数')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Select([//倍速
|
|
|
+ { value: '0.25x' },
|
|
|
+ { value: '0.5x' },
|
|
|
+ { value: '0.75x' },
|
|
|
+ { value: '1x' },
|
|
|
+ { value: '1.25x' },
|
|
|
+ { value: '1.5x' },
|
|
|
+ { value: '1.75x' },
|
|
|
+ { value: '2x' },
|
|
|
+ { value: '2.5x' },
|
|
|
+ { value: '3x' }])
|
|
|
+ .font({ size: 15, weight: FontWeight.Medium })
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .margin({right:18})
|
|
|
+ .selected(CommonConstants.video_speed_list.indexOf(this.longPressSpeed))
|
|
|
+ .value(Utility.optimizedFormat(this.longPressSpeed))
|
|
|
+ .onSelect(async (_index: number, text?: string | undefined) => {
|
|
|
+ let speed = parseFloat(text?.replace('x', '') || '1');
|
|
|
+ if (!CommonConstants.video_speed_list.includes(speed)) {
|
|
|
+ speed = 1;
|
|
|
+ }
|
|
|
+ this.longPressSpeed = speed
|
|
|
+ PreferencesUtil.put(SettingPage.LONG_PRESS_SPEED, this.longPressSpeed)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({level:ClickEffectLevel.HEAVY})
|
|
|
+
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
// 默认排序模式
|
|
|
Row() {
|
|
|
@@ -927,6 +1079,7 @@ export struct SettingPage {
|
|
|
.layoutWeight(1)
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isSavePlayMode })
|
|
|
.selectedColor(this.themeColor)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
@@ -952,6 +1105,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isSameTimePlay = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SAMETIME_PLAY, this.isSameTimePlay)
|
|
|
@@ -975,6 +1129,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isMusicBGCover })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isMusicBGCover = checked;
|
|
|
@@ -1021,12 +1176,11 @@ export struct SettingPage {
|
|
|
.justifyContent(FlexAlign.Start)
|
|
|
}
|
|
|
.scrollBar(BarState.Auto)
|
|
|
- .height(px2vp(DisplayUtil.getHeight() - AppUtil.getStatusBarHeight() - AppUtil.getNavigationIndicatorHeight()))
|
|
|
.width('100%')
|
|
|
.margin({ bottom: 10 })
|
|
|
.backgroundColor($r('app.color.settings_background'))
|
|
|
}
|
|
|
-
|
|
|
+ .layoutWeight(1)
|
|
|
.height('100%')
|
|
|
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM])
|
|
|
}
|
|
|
@@ -1061,6 +1215,7 @@ export struct SettingPage {
|
|
|
.layoutWeight(1)
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isShowTitleBar })
|
|
|
.selectedColor(this.themeColor)
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
@@ -1087,6 +1242,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isShowAllBar = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SHOW_ALLBAR, this.isShowAllBar)
|
|
|
@@ -1111,6 +1267,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isShowSimi = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SHOW_SIMI, this.isShowSimi)
|
|
|
@@ -1123,7 +1280,7 @@ export struct SettingPage {
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
- // 播放页返回键
|
|
|
+ // 播放页单行歌词
|
|
|
Row() {
|
|
|
Text('播放页单行歌词')
|
|
|
.margin({ left: 18 })
|
|
|
@@ -1135,6 +1292,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isShowSingleLineLyric = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SHOW_SLLYRIC, this.isShowSingleLineLyric)
|
|
|
@@ -1146,6 +1304,32 @@ export struct SettingPage {
|
|
|
.height(55)
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+
|
|
|
+ // 二级菜单新风格
|
|
|
+ Row() {
|
|
|
+ Text('二级菜单新风格')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Toggle({ type: ToggleType.Switch, isOn: this.isShowHeader })
|
|
|
+ .selectedColor(this.themeColor)
|
|
|
+ .switchPointColor(Color.White)
|
|
|
+ .margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
+ .onChange((checked: boolean) => {
|
|
|
+ this.isShowHeader = checked;
|
|
|
+ PreferencesUtil.put(SettingPage.IS_SHOW_HEADER, this.isShowHeader)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ .width(50)
|
|
|
+ .height(30);
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
// 播放页返回键
|
|
|
Row() {
|
|
|
@@ -1159,6 +1343,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isShowPlayPageBack = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SHOW_PLAYPAGE_BACK, this.isShowPlayPageBack)
|
|
|
@@ -1170,6 +1355,31 @@ export struct SettingPage {
|
|
|
.height(55)
|
|
|
.clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
|
|
|
+ Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
+ // 自动隐藏进度条两侧的按钮
|
|
|
+ Row() {
|
|
|
+ Text('自动隐藏进度条两侧的按钮')
|
|
|
+ .margin({ left: 18 })
|
|
|
+ .fontSize(15)
|
|
|
+ .fontColor(Color.Gray)
|
|
|
+ .fontWeight(480)
|
|
|
+ .layoutWeight(1)
|
|
|
+ Toggle({ type: ToggleType.Switch, isOn: this.is_auto_hide_progress })
|
|
|
+ .selectedColor(this.themeColor)
|
|
|
+ .switchPointColor(Color.White)
|
|
|
+ .margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
+ .onChange((checked: boolean) => {
|
|
|
+ this.is_auto_hide_progress = checked;
|
|
|
+ PreferencesUtil.put(SettingPage.IS_AUTO_HIDE_PROGRESS, this.is_auto_hide_progress)
|
|
|
+ this.sendChangeEvent()
|
|
|
+ })
|
|
|
+ .width(50)
|
|
|
+ .height(30);
|
|
|
+ }
|
|
|
+ .height(55)
|
|
|
+ .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+
|
|
|
Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color'))
|
|
|
// 显示我的收藏
|
|
|
Row() {
|
|
|
@@ -1183,6 +1393,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isShowFAV = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SHOW_FAV, this.isShowFAV)
|
|
|
@@ -1207,6 +1418,7 @@ export struct SettingPage {
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
.margin({ right: 18 })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isShowHistory = checked;
|
|
|
PreferencesUtil.put(SettingPage.IS_SHOW_HISTORY, this.isShowHistory)
|
|
|
@@ -1469,7 +1681,7 @@ export struct SettingPage {
|
|
|
Toggle({ type: ToggleType.Switch, isOn: this.isCustomizeBg })
|
|
|
.selectedColor(this.themeColor)
|
|
|
.switchPointColor(Color.White)
|
|
|
- .clickEffect({ level: ClickEffectLevel.HEAVY })
|
|
|
+ .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5})
|
|
|
.margin({ right: 18 })
|
|
|
.onChange((checked: boolean) => {
|
|
|
this.isCustomizeBg = checked;
|