import TitleBar from '../view/TitleBar' import { promptAction, router } from '@kit.ArkUI' import { CommonConstants } from '../common/constants/CommonConstants' import { EventConstants } from '../common/constants/EventConstants' import { AppUtil, DeviceUtil, DisplayUtil, FileUtil, LogUtil, MD5, PreferencesUtil, ToastUtil } from '@pura/harmony-utils' import { CustomContentDialog } from '@kit.ArkUI' import ConfigurationConstant from '@ohos.app.ability.ConfigurationConstant'; import common from '@ohos.app.ability.common'; import { photoAccessHelper } from '@kit.MediaLibraryKit' import { fileIo, fileUri } from '@kit.CoreFileKit' import { BusinessError, emitter } from '@kit.BasicServicesKit' import { BreakpointTypeEnum } from '../common/util/BreakpointSystem' import { Utility } from '../common/util/Utility' import { HSBColorPicker } from '@keke/color-picker' import { DialogHelper } from '@pura/harmony-dialog' import { bundleManager } from '@kit.AbilityKit' import { hilog } from '@kit.PerformanceAnalysisKit' import { SelectItem } from './SelectItem' import { FastForwardSecondInterface } from './FastForwardSecondInterface' import { ButtonFancyModifier, ShadowModifier, SymbolGlyphFancyModifier } from '../common/util/AttributeModifierUtil' import { CustomizeICON, Icon } from '../view/CustomizeICON' import { appInfoManager } from '@kit.StoreKit' import { clearWebDavCacheByAccount, clearWebDavCaches } from '../common/network/RemoteSongCache'; import { RemoteDriveManager } from '../common/util/RemoteDriveManager'; import { LogCollector } from '../common/util/LogCollector'; import { Uploader, UploadConfig } from '../common/network/Uploader'; import { UpTokenUtil } from '../common/util/UpTokenUtil'; import { ServerLogUtil } from '../common/util/ServerLogUtil'; import { audio } from '@kit.AudioKit' @Preview // @Entry @Component export struct SettingPage { @State autoHideTitle: boolean = true //滚动自动隐藏标题栏 @State isNoJumpToHome: boolean = false //网盘播放不跳转首页 @State iconCurrentID: string = 'default';//图标的id @State iconArray: Array = [] @State webdavUploadDuplicateAction: string = 'skip' // WebDAV上传重复文件处理方式 @State webdavUploadAutoClear: boolean = false // WebDAV上传完成后自动清理队列 @State webdavUploadAllowMobile: boolean = false // WebDAV是否允许移动网络上传 @State webdavUploadRetryCount: number = 3 // WebDAV上传失败自动重试次数 @StorageProp('isLandscape') isLandscape: boolean = false; @State isCustomizeICONSheet: boolean = false //自定义背景界面 @StorageProp('topSafeHeight') topSafeHeight: number = 0; @State isCopyFileToDownLoad: boolean = false static readonly IS_COPYFILE_TO_DOWNLOAD: string = 'isCopyFileToDownLoad'; static readonly WEBDAV_UPLOAD_DUPLICATE_ACTION: string = 'webdavUploadDuplicateAction'; static readonly WEBDAV_UPLOAD_AUTO_CLEAR: string = 'webdavUploadAutoClear'; static readonly WEBDAV_UPLOAD_ALLOW_MOBILE: string = 'webdavUploadAllowMobile'; static readonly WEBDAV_UPLOAD_RETRY_COUNT: string = 'webdavUploadRetryCount'; @State fastForwardSeconds: string = '10' @State isShowBackFast: boolean = true//快进快退按钮 @State isClearingCache: boolean = false @Consume isShowDrawer: boolean; @Consume offsetX: number; @Consume mType: number; static readonly THEME_MODE: string = 'themeMode'; static readonly SORT_TYPE: string = 'musicSortType'; static readonly IS_BGPLAY_OPEN: string = 'isBgPlayOpen'; static readonly IS_AUTO_RATATE: string = 'isAutoRatate'; static readonly iS_MEMORY_PLAY: string = 'isMemoryPlay'; static readonly IS_MIDIACODEC_OPEN: string = 'isMediacodec'; static readonly iS_MUSIC_MEMORY_PLAY: string = 'isMusicMemoryPlay'; static readonly iS_MUSIC_BG_COVER: string = 'isMusicBGCover'; static readonly iS_SAVE_PLAY_MODE: string = 'isSavePlayMode'; static readonly IS_COVER_RECTANGLE: string = 'isCoverRectangle'; //封面圆形或者方形 static readonly IS_SHOW_SIMI: string = 'isShowSimi'; static readonly IS_SHOW_FAV: string = 'isShowFAV'; static readonly IS_SHOW_HISTORY: string = 'isShowHistory'; static readonly IS_CUSTOMIZE_BG: string = 'is_customize_bg'; static readonly IS_GRID_MUSIC: string = 'is_grid_music'; static readonly IS_CUSTOMIZE_BG_PATH: string = 'is_customize_bg_path'; static readonly IS_SCROLL_HIDE: string = 'isAutoScrollHide'; static readonly IS_SAMETIME_PLAY: string = 'isSameTimePlay'; static readonly CUSTOMIZE_BG_BLUR: string = 'customize_bg_blur'; static readonly BG_BRIGHTNESS: string = 'bg_brightness'; static readonly IS_SHOW_ALLBAR: string = 'IS_SHOW_ALLBAR'; static readonly IS_SHOW_TITLTBAR: string = 'IS_SHOW_TITLTBAR'; static readonly IS_SHOW_PLAYPAGE_BACK: string = 'IS_SHOW_PLAYPAGE_BACK'; 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'; static readonly LOG_UPLOAD_ENABLED: string = 'logUploadEnabled'; static readonly MEITU_UPLOAD_TOKEN_KEY: string = 'meituUploadToken'; static readonly MEITU_UPLOAD_DOMAIN_KEY: string = 'meituUploadDomain'; static readonly MEITU_AK: string = '7msMIyQ9xOjOwqO9JSPl'; static readonly MEITU_SK: string = 'JU8kLByQ1U1Zgkfni95IC9ttvfv5NLC3qO642R1Z'; static readonly MEITU_BUCKET: string = 'makeup-magic'; static readonly MEITU_DOMAIN: string = 'https://makeup-magic.zone1.meitudata.com'; 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 OPEN_SKIPSONG_ANIMATE: string = 'openSkipSongAnimate'; @State autoParseMusicName: boolean = false @State idDefaultMediaKu: boolean = false private fastForwardSecond: FastForwardSecondInterface[] = [ { label: '5秒', value: '5' }, { label: '10秒', value: '10' }, { label: '15秒', value: '15' }, { label: '20秒', value: '20' }, { label: '30秒', value: '30' }, { label: '60秒', value: '60' }, { label: '90秒', value: '90' }, ]; public static THEME_COLOR_LIST: Array = [ { name: '玫瑰粉', color: '#FF4081', isVip: false }, { name: '经典蓝', color: '#0A59F7', isVip: false }, { name: '活力黄', color: '#FFC107', isVip: true }, { name: '枫叶红', color: '#F44336', isVip: true }, { name: '幻影紫', color: '#9C27B0', isVip: true }, { name: '翡翠绿', color: '#64BB5C', isVip: true }, { name: '竹青蓝', color: '#00BCD4', isVip: true }, { name: '深空灰', color: '#607D8B', isVip: true }, { name: '橙霞橙', color: '#FF9800', isVip: true }, { name: '湖水蓝', color: '#00BFFF', isVip: true }, { name: '柠檬绿', color: '#C6FF00', isVip: true }, { name: '樱花粉', color: '#FF69B4', isVip: true }, { name: '暮夜蓝', color: '#283593', isVip: true }, { name: '薄荷青', color: '#1DE9B6', isVip: true }, { name: '银沙灰', color: '#B0BEC5', isVip: true }, { name: '自定义', color: '#ffecec', isVip: true } ]; static readonly iS_START_AUTO_PLAY: string = 'isStartAutoPlay'; static readonly iS_MEMORY_LAST_PLAY: string = 'isMemoryLastPlay'; @State showApiDialog: boolean = false @State tempApiUrl: string = '' @State lyricApiUrl: string = PreferencesUtil.getStringSync('LRC_API', '') @State isBgPlayOpen: boolean = true //是否启用后台播放 @State isAutoRatate: boolean = true //是否启用自动横竖屏 @State isMemoryPlay: boolean = true //是否启用记忆播放 @State isMediacodec: boolean = false //是否启用硬件解码 @State isMusicMemoryPlay: boolean = false //是否启用记忆播放 @State isMusicBGCover: boolean = true //播放背景随封面 @State sortType: number = 4 //默认排序方式 @State isStartAutoPlay: boolean = false //启动后自动播放 @State isMemoryLastPlay: boolean = false //是否启用应用退出记忆最后一首的播放进度 @State isShowSimi: boolean = false //是否显示私密音频 @State isShowFAV: boolean = true //是否显示我的收藏 @State isShowHistory: boolean = true //是否显示最近播放 @State isShowPlayPageBack: boolean = false //是否显示播放页返回键 @State isShowPrecious: boolean = false //播控条显示上一首按钮 @State isShowSingleLineLyric: boolean = false //是否显示单行歌词 @State isLogUploadEnabled: boolean = false //日志上传开关 @State isClearingLogs: 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 //是否网格布局 @State isCircleBtn: boolean = false //是否圆形播放按钮 @State twoFingerType: number = 3 //双指放大瘦小Grid或list的大小 @State isScrollHide: boolean = false //是否滚动隐藏 @State isSameTimePlay: boolean = false //是否和其他app同时播放 @State isCoverRectangle: boolean = false @State isSavePlayMode: boolean = true @State volumeSmall: boolean = false @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 openSkipSongAnimate: boolean = true//切歌动画效果 @State isShowFileName: boolean = false//切歌动画效果 @State isLongNameRoLL: boolean = true//长歌名滚动 @State customizeBgPath: string | undefined = ''; context = getContext(this); @State showCoverApiDialog: boolean = false @State tempCoverApiUrl: string = '' @State coverApiUrl: string = PreferencesUtil.getStringSync('COVER_API', '') @State apiDialogType: 'lyric' | 'cover' = 'lyric' @State themeMode: number = 0 // 0: 跟随系统, 1: 浅色, 2: 深色 @StorageProp('currentColorMode') @Watch('onColorModeChange') currentMode: number = ConfigurationConstant.ColorMode.COLOR_MODE_LIGHT; @StorageLink('isDarkMode') isDarkMode: boolean = false // 是否启用深色模式 /** 当前断点类型（如大屏/小屏） */ @StorageProp('currentBreakpoint') currentBreakpoint: string = BreakpointTypeEnum.MD; @State verName: string = '' @StorageProp('themeColor') themeColor: string = PreferencesUtil.getStringSync('THEME_COLOR', CommonConstants.DEFAULT_THEME_COLOR); @State showColorPicker: boolean = false @State customColor: string = PreferencesUtil.getStringSync('THEME_COLOR', CommonConstants.DEFAULT_THEME_COLOR); @State isThemeSheet: boolean = false // 主题设置弹窗显示状态 @State colorRows: Array> = chunkArray(SettingPage.THEME_COLOR_LIST, 2); @State colorGroup: string = "group" @StorageProp('topRectHeight') topRectHeight: number = 0; apiDialogController: CustomDialogController = new CustomDialogController({ builder: CustomContentDialog({ primaryTitle: this.apiDialogType === 'lyric' ? '修改歌词API地址' : '修改封面API地址', contentBuilder: () => { this.buildApiDialogContent(); }, buttons: [ { value: '取消', action: () => { this.apiDialogController.close(); } }, { value: '保存', action: () => { if (this.apiDialogType === 'lyric') { this.lyricApiUrl = this.tempApiUrl.trim() PreferencesUtil.put('LRC_API', this.lyricApiUrl) this.getUIContext().getPromptAction().showToast({ message: '保存成功，当前LRC_API:' + this.lyricApiUrl, duration: 2000, showMode: promptAction.ToastShowMode.TOP_MOST, bottom: 85 }) } else { this.coverApiUrl = this.tempApiUrl.trim() PreferencesUtil.put('COVER_API', this.coverApiUrl) this.getUIContext().getPromptAction().showToast({ message: '保存成功，当前COVER_API:' + this.coverApiUrl, duration: 2000, showMode: promptAction.ToastShowMode.TOP_MOST, bottom: 85 }) } this.apiDialogController.close(); } } ] }), autoCancel: true, alignment: DialogAlignment.Center }) @Builder buildApiDialogContent() { Column() { TextInput({ text: this.tempApiUrl, placeholder: this.apiDialogType === 'lyric' ? '请输入歌词API地址' : '请输入封面API地址' }) .onChange((val: string) => { this.tempApiUrl = val }) .width('90%') .height(60) } .width('100%') } // 组件生命周期 aboutToAppear() { // this.geIDD() this.autoHideTitle = PreferencesUtil.getBooleanSync('autoHideTitle', true) this.isShowPrecious = PreferencesUtil.getBooleanSync('isShowPrecious', false) this.isBgPlayOpen = PreferencesUtil.getBooleanSync(SettingPage.IS_BGPLAY_OPEN, true) this.isAutoRatate = PreferencesUtil.getBooleanSync(SettingPage.IS_AUTO_RATATE, true) this.isMemoryPlay = PreferencesUtil.getBooleanSync(SettingPage.iS_MEMORY_PLAY, true) this.isMediacodec = PreferencesUtil.getBooleanSync(SettingPage.IS_MIDIACODEC_OPEN, false) this.isMusicMemoryPlay = PreferencesUtil.getBooleanSync(SettingPage.iS_MUSIC_MEMORY_PLAY, false) this.isMusicBGCover = PreferencesUtil.getBooleanSync(SettingPage.iS_MUSIC_BG_COVER, true) this.sortType = PreferencesUtil.getNumberSync(SettingPage.SORT_TYPE, 4) this.isShowSimi = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_SIMI, false) this.isShowFAV = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_FAV, true) this.isShowHistory = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_HISTORY, true) this.isCustomizeBg = PreferencesUtil.getBooleanSync(SettingPage.IS_CUSTOMIZE_BG, false) this.customizeBgPath = PreferencesUtil.getStringSync(SettingPage.IS_CUSTOMIZE_BG_PATH, '') this.isGridMusic = PreferencesUtil.getBooleanSync(SettingPage.IS_GRID_MUSIC, false) this.isScrollHide = PreferencesUtil.getBooleanSync(SettingPage.IS_SCROLL_HIDE, false) this.isSameTimePlay = PreferencesUtil.getBooleanSync(SettingPage.IS_SAMETIME_PLAY, false) this.isSavePlayMode = PreferencesUtil.getBooleanSync(SettingPage.iS_SAVE_PLAY_MODE, true) this.blurValue = PreferencesUtil.getNumberSync(SettingPage.CUSTOMIZE_BG_BLUR, 0) this.bgBrightness = PreferencesUtil.getNumberSync(SettingPage.BG_BRIGHTNESS, 0) this.isStartAutoPlay = PreferencesUtil.getBooleanSync(SettingPage.iS_START_AUTO_PLAY, false) this.isMemoryLastPlay = PreferencesUtil.getBooleanSync(SettingPage.iS_MEMORY_LAST_PLAY, false) this.twoFingerType = PreferencesUtil.getNumberSync(SettingPage.TWO_FINGER_TYPE, 2) this.isCircleBtn = PreferencesUtil.getBooleanSync(SettingPage.IS_CIRCLE_BTN, true) this.isCoverTop = PreferencesUtil.getBooleanSync(SettingPage.IS_COVER_TOP, true) this.isShowTitleBar = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_TITLTBAR, false) this.isShowAllBar = PreferencesUtil.getBooleanSync(SettingPage.IS_SHOW_ALLBAR, true) 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) this.openSkipSongAnimate = PreferencesUtil.getBooleanSync(SettingPage.OPEN_SKIPSONG_ANIMATE, true) this.volumeSmall = PreferencesUtil.getBooleanSync('volumeSmall', false) this.autoParseMusicName = PreferencesUtil.getBooleanSync('autoParseMusicName', true) this.idDefaultMediaKu = PreferencesUtil.getBooleanSync('idDefaultMediaKu', false) this.isShowFileName = PreferencesUtil.getBooleanSync('isShowFileName', false) this.isLongNameRoLL = PreferencesUtil.getBooleanSync('isLongNameRoLL', true) this.isShowBackFast = PreferencesUtil.getBooleanSync('isShowBackFast', false) this.fastForwardSeconds = PreferencesUtil.getStringSync('fastForwardSeconds', '10') this.isCopyFileToDownLoad = PreferencesUtil.getBooleanSync(SettingPage.IS_COPYFILE_TO_DOWNLOAD, false) this.isNoJumpToHome = PreferencesUtil.getBooleanSync('isNoJumpToHome', true) this.webdavUploadDuplicateAction = PreferencesUtil.getStringSync(SettingPage.WEBDAV_UPLOAD_DUPLICATE_ACTION, 'skip') this.webdavUploadAutoClear = PreferencesUtil.getBooleanSync(SettingPage.WEBDAV_UPLOAD_AUTO_CLEAR, false) this.webdavUploadAllowMobile = PreferencesUtil.getBooleanSync(SettingPage.WEBDAV_UPLOAD_ALLOW_MOBILE, false) this.webdavUploadRetryCount = PreferencesUtil.getNumberSync(SettingPage.WEBDAV_UPLOAD_RETRY_COUNT, 3) this.isLogUploadEnabled = PreferencesUtil.getBooleanSync(SettingPage.LOG_UPLOAD_ENABLED, false) if (this.isLogUploadEnabled) { this.ensureMeituUploadHandler(true) } else { this.registerLogUploadDisabled() } // 只用 themeMode 控制主题 this.themeMode = PreferencesUtil.getNumberSync(SettingPage.THEME_MODE, 0) this.applyThemeMode(this.themeMode) let themeColor = PreferencesUtil.getStringSync('THEME_COLOR', CommonConstants.DEFAULT_THEME_COLOR); AppStorage.setOrCreate('themeColor', themeColor); this.themeColor = themeColor; this.initIcon() } initIcon(){ this.iconCurrentID = PreferencesUtil.getStringSync('iconCurrentID', 'default') const iconItem:Icon = { iconUrl: 'default', iconId: 'default', enabled: false } this.iconArray.push(iconItem) try { appInfoManager.queryDynamicIcons() .then((queryResult: appInfoManager.DynamicIconInfo[]) => { hilog.info(0, 'TAG', "Succeeded in getting queryResult= " + JSON.stringify(queryResult)); const iconList = JSON.parse(JSON.stringify(queryResult)) as Array; this.iconArray = this.iconArray.concat(iconList) }).catch((error: BusinessError) => { hilog.error(0, 'TAG', "queryDynamicIcons failed, code: " + error.code + ", exception message: " + error.message); }); } catch (error) { hilog.error(0, 'TAG', "queryDynamicIcons exception code: " + error.code + ", exception message: " + error.message); } } // 监听颜色模式变化 onColorModeChange(): void { this.isDarkMode = this.currentMode === ConfigurationConstant.ColorMode.COLOR_MODE_DARK; AppStorage.setOrCreate('isDarkMode', this.isDarkMode); } // 组件生命周期 aboutToDisappear() { // 无需处理apiDialogController } applyThemeMode(mode: number) { let colorMode = ConfigurationConstant.ColorMode.COLOR_MODE_NOT_SET if (mode === 1) { colorMode = ConfigurationConstant.ColorMode.COLOR_MODE_LIGHT } else if (mode === 2) { colorMode = ConfigurationConstant.ColorMode.COLOR_MODE_DARK } AppStorage.setOrCreate('currentColorMode', colorMode) AppStorage.setOrCreate('isDarkMode', colorMode === ConfigurationConstant.ColorMode.COLOR_MODE_DARK) PreferencesUtil.putSync(SettingPage.THEME_MODE, mode) AppStorage.setOrCreate('themeMode', mode) // 只有强制浅色/深色时才主动设置 const context = getContext(this) as common.UIAbilityContext context.getApplicationContext().setColorMode(colorMode) } private logNetDisk(level: 'info' | 'warn' | 'error', message: string) { const tag = 'NetDiskSetting'; switch (level) { case 'info': void ServerLogUtil.info(tag, message); break; case 'warn': void ServerLogUtil.warn(tag, message); break; case 'error': void ServerLogUtil.error(tag, message); break; default: break; } } private handleClearWebDavCache() { if (this.isClearingCache) { return; } this.isClearingCache = true; const manager = RemoteDriveManager.getInstance(); const account = manager?.currentAccount; const accountId = account?.id; const clearPromise = accountId !== undefined ? clearWebDavCacheByAccount(accountId) : clearWebDavCaches(); const target = accountId !== undefined && account ? ServerLogUtil.sanitizeAccount(account) : 'all-accounts'; this.logNetDisk('info', `开始清除网盘缓存: target=${target}`); clearPromise.then(() => { ToastUtil.showToast('已清除网盘缓存'); this.logNetDisk('info', `清除网盘缓存成功: target=${target}`); }).catch((error: Error) => { hilog.error(0, 'SettingPage', `清除网盘缓存失败: ${error.message}`); ToastUtil.showToast('清除失败，请稍后重试'); this.logNetDisk('error', `清除网盘缓存失败: target=${target}, err=${error.message}`); }).finally(() => { this.isClearingCache = false; this.logNetDisk('info', `网盘缓存清理结束: target=${target}`); }); } private handleClearLogFiles() { if (this.isClearingLogs) { return; } // 显示确认对话框 AlertDialog.show({ title: '确认清除', message: '确定要清除所有日志文件吗？此操作不可撤销。', autoCancel: true, alignment: DialogAlignment.Bottom, primaryButton: { value: '确定清除', action: () => { this.clearLogFiles(); } }, secondaryButton: { value: '取消', action: () => { // 取消操作 } } }); } private deleteDirectoryRecursively(dirPath: string): void { try { if (!FileUtil.accessSync(dirPath)) { return; } if (FileUtil.isDirectory(dirPath)) { const files = FileUtil.listFileSync(dirPath); files.forEach((file: string) => { const filePath = `${dirPath}${FileUtil.separator}${file}`; this.deleteDirectoryRecursively(filePath); }); FileUtil.rmdirSync(dirPath); } else { FileUtil.unlinkSync(dirPath); } } catch (error) { hilog.warn(0, 'SettingPage', `删除目录失败: ${dirPath}, 错误: ${JSON.stringify(error)}`); } } private async clearLogFiles() { this.isClearingLogs = true; try { let clearedCount = 0; // 清除错误日志 const errorLogPath = FileUtil.getFilesDirPath('ErrorLog', 'errorLog.txt'); if (FileUtil.accessSync(errorLogPath)) { FileUtil.unlinkSync(errorLogPath); clearedCount++; } // 清除Navidrome日志 const navidromeLogDir = FileUtil.getFilesDirPath('NavidromeLog'); if (FileUtil.accessSync(navidromeLogDir)) { try { const files = FileUtil.listFileSync(navidromeLogDir); files.forEach((file: string) => { const filePath = `${navidromeLogDir}${FileUtil.separator}${file}`; if (FileUtil.accessSync(filePath) && !FileUtil.isDirectory(filePath)) { FileUtil.unlinkSync(filePath); clearedCount++; } }); } catch (error) { hilog.warn(0, 'SettingPage', `清除Navidrome日志目录时出错: ${JSON.stringify(error)}`); } } // 清除日志上传缓存 const logUploadDir = FileUtil.getCacheDirPath('LogUpload'); if (FileUtil.accessSync(logUploadDir)) { try { // 递归删除目录及其内容 this.deleteDirectoryRecursively(logUploadDir); clearedCount++; } catch (error) { hilog.warn(0, 'SettingPage', `清除日志上传缓存时出错: ${JSON.stringify(error)}`); } } // 清除其他可能的日志文件 const logFilePatterns = [ 'app.log', 'debug.log', 'info.log', 'warn.log', 'crash.log' ]; logFilePatterns.forEach((fileName: string) => { try { const filesDir = AppUtil.getContext().filesDir; const logFilePath = `${filesDir}${FileUtil.separator}${fileName}`; if (FileUtil.accessSync(logFilePath)) { FileUtil.unlinkSync(logFilePath); clearedCount++; } // 检查cache目录 const cacheLogPath = `${AppUtil.getContext().cacheDir}${FileUtil.separator}${fileName}`; if (FileUtil.accessSync(cacheLogPath)) { FileUtil.unlinkSync(cacheLogPath); clearedCount++; } } catch (error) { hilog.warn(0, 'SettingPage', `清除日志文件 ${fileName} 时出错: ${JSON.stringify(error)}`); } }); if (clearedCount > 0) { ToastUtil.showToast(`已清除 ${clearedCount} 个日志文件`); hilog.info(0, 'SettingPage', `成功清除 ${clearedCount} 个日志文件`); } else { ToastUtil.showToast('未找到需要清除的日志文件'); } } catch (error) { const errorMessage = error instanceof Error ? error.message : '未知错误'; hilog.error(0, 'SettingPage', `清除日志文件失败: ${errorMessage}`); ToastUtil.showToast('清除失败，请稍后重试'); } finally { this.isClearingLogs = false; } } @Builder pickerBuilder() { Column({ space: 20 }) { HSBColorPicker({ color: this.customColor, radius: 8, onChange: (value: string) => { this.customColor = value } }) .layoutWeight(1) .padding(15) Row({ space: 10 }) { Button('取消') .stateEffect(true) .backgroundColor(this.themeColor) .onClick(() => { this.showColorPicker = false }) Button('确定') .stateEffect(true) .backgroundColor(this.themeColor) .onClick(() => { this.themeColor = this.customColor PreferencesUtil.putSync(SettingPage.THEME_COLOR_KEY, this.customColor) AppStorage.setOrCreate('themeColor', this.customColor) this.sendChangeEvent() this.showColorPicker = false }) } } .padding(20) .width('80%') .height(300) } @Builder themeSheetBuilder() { Column() { // 颜色模式分组卡片 Column() { Row() { Row() { Image($r('app.media.theme')) .width(20) .height(20) .fillColor(this.themeColor) Text('颜色模式') .fontSize(15) .margin({ left: 6 }) .fontWeight(500) } .layoutWeight(1) Blank() Row() { ForEach(['自动', '日间', '夜间'], (item: string, idx: number) => { Column() { Radio({ value: idx.toString(), group: this.colorGroup, }) .checked(this.themeMode === idx) .radioStyle({ checkedBackgroundColor: this.themeColor }) .margin({ left: 3, right: 3 }) .onClick(() => { this.themeMode = idx this.applyThemeMode(idx) this.sendChangeEvent() }) Text(item) .fontSize(15) .fontColor($r('app.color.text_color')) .margin({ top: 6 }) .onClick(() => { this.themeMode = idx this.applyThemeMode(idx) this.sendChangeEvent() }) } .alignItems(HorizontalAlign.Center) .margin({ left: 12, right: 12 }) }) } .margin({ left: 12, right: 12 }) } } .backgroundColor($r('app.color.settings_background_main')) .borderRadius(18) .border({ width: 1, color: '#F0F0F0' }) .shadow({ radius: 12, color: 0x11000000, offsetX: 0, offsetY: 2 }) .margin({ left: 0, right: 0, bottom: 20 }) .padding({ top: 18, bottom: 18, left: 20, right: 20 }) .width('90%') // 主题色分组卡片 Column() { Row() { SymbolGlyph($r('sys.symbol.paintpalette')) .fontSize(20) .fontColor([this.themeColor]) Text('主题色') .fontSize(15) .fontWeight(500) .margin({ left: 8 }) .layoutWeight(1) } .margin({ left: 20, top: 12 }) Row() { Column() { ForEach(this.colorRows, (row: Array, rowIdx: number) => { Row() { ForEach(row, (item: ThemeColorItem, colIdx: number) => { Button() { Row() { Blank() .width(22) .height(22) .backgroundColor(item.name === '自定义' && this.isCustomThemeColor() ? this.themeColor : item.color) .border({ width: 2, color: $r('app.color.text_color') }) .borderRadius(11) Text(item.name) .fontSize(15) .fontColor($r('app.color.text_color')) .margin({ left: 10 }) // Text(item.isVip?'VIP':"Free") // .fontSize(10) // .fontColor(item.isVip?'#FFD700':"#000000") // 金色 // .backgroundColor('#FFF9E3') // .borderRadius(6) // .padding({ left: 4, right: 4, top: 1, bottom: 1 }) // .margin({ left: 4 }) } .alignItems(VerticalAlign.Center) .justifyContent(FlexAlign.Start) .layoutWeight(1) } .height(40) .layoutWeight(1) .backgroundColor( (item.name === '自定义' && this.isCustomThemeColor()) || this.themeColor === item.color ? this.themeColor : $r('app.color.settings_background_main') ) .borderRadius(20) .onClick(() => { if (item.isVip) { if (!Utility.isNoble()) { this.showVipDialog(); return; } } if (item.name === '自定义') { this.showColorPicker = true } else { this.themeColor = item.color PreferencesUtil.putSync(SettingPage.THEME_COLOR_KEY, item.color) AppStorage.setOrCreate('themeColor', item.color) this.sendChangeEvent() } }) .margin({ right: colIdx === 0 ? '4%' : 20, bottom: 10, left: 20 }) }) } .justifyContent(FlexAlign.Start) }) } .margin({ left: 12, right: 12, top: 12 }) } } .width('90%') .backgroundColor($r('app.color.settings_background_main')) .borderRadius(18) .border({ width: 1, color: '#F0F0F0' }) .shadow({ radius: 12, color: 0x11000000, offsetX: 0, offsetY: 2 }) .margin({ left: 0, right: 0, bottom: 18 }) .padding({ top: 18, bottom: 18, left: 0, right: 0 }) .bindPopup(this.showColorPicker, { builder: this.pickerBuilder(), placement: Placement.Top, mask: { color: '#33000000' }, enableArrow: false, //是否显示箭头 showInSubWindow: false, onStateChange: (e) => { if (!e.isVisible) { this.showColorPicker = false } } }) // 主题色自定义弹窗 } .padding({ top: 8, bottom: 8, left: 15, right: 15 }) .width('100%') .backgroundColor(Color.Transparent) .borderRadius(24) } @Builder topTitleBar(){ Column() { Row({ space: 15 }) { //左侧滑动按钮 Button({ type: ButtonType.Circle, stateEffect: true }) { SymbolGlyph($r('sys.symbol.chevron_left')) .attributeModifier(new SymbolGlyphFancyModifier(25, '', '')) } .attributeModifier(new ButtonFancyModifier(40, 40)) .clickEffect({ level: ClickEffectLevel.MIDDLE,scale:0.6 }) .animation({ duration: 300, curve: Curve.Ease }) .onClick(() => { this.getUIContext()?.animateTo({ duration: 555 }, () => { this.mType =0 }) }) .attributeModifier(new ShadowModifier()) .zIndex(0) Text($r('app.string.setting')) .margin({left:3,right:10}) .fontColor($r('app.color.text_color')) .fontSize(19) .maxLines(1) .textOverflow({ overflow: TextOverflow.MARQUEE })//超长滚动 .layoutWeight(1) .clickEffect({ level: ClickEffectLevel.MIDDLE,scale:0.6 }) } } .padding({ top: this.topSafeHeight+10, left: 10, right: 10,bottom:12 }) .width('100%') } build() { Column() { this.topTitleBar() // Column() { // Line().width('100%').height('100%') // } // .height(this.topRectHeight) // .backgroundColor(this.isDarkMode ? $r('app.color.title_bar_bg') : this.themeColor) // .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP]) // // // 自定义标题栏 // Stack() { // // 居中标题 // Text('通用设置') // .fontSize(20) // .fontColor(Color.White) // .align(Alignment.Center) // // 左侧返回按钮 // Row() { // Image($r('app.media.left_back_white')) // .width(26) // .height(26) // .margin({ left: 12, right: 8 }) // .onClick(() => { // this.getUIContext()?.animateTo({ duration: 555 }, () => { // // 动画闭包内控制Image组件的出现和消失 // // this.isShowDrawer = !this.isShowDrawer // // this.offsetX = 0 // this.mType =0 // }) // }) // Blank().flexGrow(1) // Blank().width(32) // } // .height(48) // .width('100%') // .alignItems(VerticalAlign.Center) // } // .height(48) // .width('100%') // .backgroundColor(this.isDarkMode ? $r('app.color.title_bar_bg') : this.themeColor) Scroll() { Column() { // 主题设置分组 Column() { Row() { Text('个性化') .margin({ left: 18, right: 20 }) .fontSize(16) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) } .height(48) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 主题设置弹框入口 Button({ type: ButtonType.Normal, stateEffect: true }) { Row() { SymbolGlyph($r('sys.symbol.sun_max')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('主题设置') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Image($r('app.media.arrow_right')) .width(22) .height(22) .margin({ right: 18 }) } } .backgroundColor(Color.Transparent) .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) .onClick(() => { this.showColorPicker = false; this.isThemeSheet = true; this.customColor = this.themeColor; }) .bindSheet($$this.isThemeSheet, this.themeSheetBuilder(), { height: '95%', dragBar: true, preferType: this.currentBreakpoint !== BreakpointTypeEnum.SM ? SheetType.CENTER : SheetType.BOTTOM, showClose: true, blurStyle: BlurStyle.Thin, backgroundColor: Color.Transparent, title: { title: '主题设置' }, shouldDismiss: (SheetDismiss: SheetDismiss) => { SheetDismiss.dismiss(); this.showColorPicker = false; } }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) Button({ type: ButtonType.Normal, stateEffect: true }) { Row() { SymbolGlyph($r('sys.symbol.paintpalette')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('自定义背景') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) .bindSheet($$this.isCustomizeBgSheet, this.customizeBgSheet(), { height: '95%', dragBar: true, preferType: this.currentBreakpoint !== BreakpointTypeEnum.SM ? SheetType.CENTER : SheetType.BOTTOM, showClose: true, blurStyle: BlurStyle.Thin, backgroundColor: Color.Transparent, title: { title: '自定义背景' } }) Blank() // 右侧箭头 Image($r('app.media.arrow_right')) .width(22) .height(22) .margin({ left: 20, right: 20 }) .align(Alignment.Center) } } .clickEffect({ level: ClickEffectLevel.HEAVY }) .height(55) .onClick(() => { if (!Utility.isNoble()) { this.showVipDialog(); return; } this.isCustomizeBgSheet = !this.isCustomizeBgSheet; }) .backgroundColor(Color.Transparent) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) Button({ type: ButtonType.Normal, stateEffect: true }) { Row() { SymbolGlyph($r('sys.symbol.satellite_map')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('自定义图标') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) .bindSheet($$this.isCustomizeICONSheet, this.customizeICONSheet(), { height: this.isLandscape ? '95%' : '85%', dragBar: true, preferType: this.currentBreakpoint !== BreakpointTypeEnum.SM ? SheetType.CENTER : SheetType.BOTTOM, showClose: true, blurStyle: BlurStyle.Thin, backgroundColor: Color.Transparent, title: { title: '自定义图标' } }) Blank() // 右侧箭头 Image($r('app.media.arrow_right')) .width(22) .height(22) .margin({ left: 20, right: 20 }) .align(Alignment.Center) } } .clickEffect({level:ClickEffectLevel.HEAVY}) .height(55) .onClick(() => { if (!Utility.isNoble()) { this.showVipDialog(); return; } this.isCustomizeICONSheet = !this.isCustomizeICONSheet; }) .backgroundColor(Color.Transparent) 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.isScrollHide }) // .selectedColor(this.themeColor) // .switchPointColor(Color.White) // .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) // .margin({ right: 18 }) // .onChange((checked: boolean) => { // this.isScrollHide = checked; // PreferencesUtil.put(SettingPage.IS_SCROLL_HIDE, this.isScrollHide) // this.sendChangeEvent() // }) // .width(50) // .height(30); // } // .height(55) // .visibility(Visibility.None) // .clickEffect({ level: ClickEffectLevel.HEAVY }) // // Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // .visibility(Visibility.None) // 网格布局 // 网格布局 Row() { SymbolGlyph($r('sys.symbol.more')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('布局模式') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Select([ { value: CommonConstants.DEFAULT_LAYOUT[0] }, { value: CommonConstants.DEFAULT_LAYOUT[1] }, { value: CommonConstants.DEFAULT_LAYOUT[2] }]) .font({ size: 15, weight: FontWeight.Medium }) .fontColor(Color.Gray) .margin({ right: 18 }) .selected(this.twoFingerType==4?0: this.isGridMusic?2:1) .value(CommonConstants.DEFAULT_LAYOUT[this.twoFingerType==4?0: this.isGridMusic?2:1]) .onSelect(async (_index: number, text?: string | undefined) => { if(_index == 0){ PreferencesUtil.put(SettingPage.TWO_FINGER_TYPE,4) }else{ if(this.twoFingerType!=4){ PreferencesUtil.put(SettingPage.TWO_FINGER_TYPE,this.twoFingerType) }else{ PreferencesUtil.put(SettingPage.TWO_FINGER_TYPE,3) } if(_index == 1){ PreferencesUtil.put(SettingPage.IS_GRID_MUSIC,false) }else{ PreferencesUtil.put(SettingPage.IS_GRID_MUSIC,true) } } this.sendChangeEvent() }) } .height(55) .clickEffect({level:ClickEffectLevel.HEAVY}) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 封面方形 Row() { SymbolGlyph($r('sys.symbol.rectangle')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('封面方形') .margin({ left: 8 }) .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')) //导入视频复制一份到DownLoad目录 Row() { SymbolGlyph($r('sys.symbol.save')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('导入音乐复制到DownLoad目录') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isCopyFileToDownLoad }) .selectedColor(this.themeColor) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { // if(!this.isCopyFileToDownLoad){ // ToastUtil.showToast("读取内嵌封面和歌词功能需要开启导入复制开关,不然没有权限读取。") // } this.isCopyFileToDownLoad = checked; PreferencesUtil.put(SettingPage.IS_COPYFILE_TO_DOWNLOAD, this.isCopyFileToDownLoad) 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() { SymbolGlyph($r('sys.symbol.circle_lefthalf_inset_filled')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('播放列表背景透明') .margin({ left: 8 }) .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')) // 网格封面大 Row() { SymbolGlyph($r('sys.symbol.picture')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('列表封面大小') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Select([ { value: CommonConstants.TWO_FINGER_TYPE[0] }, { value: CommonConstants.TWO_FINGER_TYPE[1] }, { value: CommonConstants.TWO_FINGER_TYPE[2] }]) .font({ size: 15, weight: FontWeight.Medium }) .fontColor(Color.Gray) .margin({ right: 18 }) .selected(this.twoFingerType - 1) .value(CommonConstants.TWO_FINGER_TYPE[this.twoFingerType-1]) .onSelect(async (_index: number, text?: string | undefined) => { _index++; this.twoFingerType = _index PreferencesUtil.put(SettingPage.TWO_FINGER_TYPE, this.twoFingerType) this.sendChangeEvent() }) } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 封面顶部 Row() { SymbolGlyph($r('sys.symbol.arrowshape_up')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('封面顶部') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isCoverTop }) .selectedColor(this.themeColor) .switchPointColor(Color.White) .margin({ right: 18 }) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .onChange((checked: boolean) => { this.isCoverTop = checked; PreferencesUtil.put(SettingPage.IS_COVER_TOP, this.isCoverTop) 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')) .opacity(this.isCoverTop ? 1 : 0) .visibility(this.isCoverTop ? Visibility.Visible : Visibility.None) .animation({ duration: 500, curve: 'ease-in-out' // 可选动画曲线 }) // 封面顶部 Row() { SymbolGlyph($r('sys.symbol.shutter_photo')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('顶部大封面') .margin({ left: 8 }) .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')) // 切歌动画效果 Row() { SymbolGlyph($r('sys.symbol.music')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('切歌动画效果') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.openSkipSongAnimate }) .selectedColor(this.themeColor) .switchPointColor(Color.White) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .margin({ right: 18 }) .onChange((checked: boolean) => { this.openSkipSongAnimate = checked; PreferencesUtil.put(SettingPage.OPEN_SKIPSONG_ANIMATE, this.openSkipSongAnimate) 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() { SymbolGlyph($r('sys.symbol.circle')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('圆形播放按钮') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) 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; PreferencesUtil.put(SettingPage.IS_CIRCLE_BTN, this.isCircleBtn) 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')) } .transition(TransitionEffect.move(TransitionEdge.BOTTOM) .animation({ duration: 500, curve: Curve.Ease, delay: 260 })) .backgroundColor($r('app.color.settings_background_main')) .borderRadius(20) .margin({ left: 0, right: 0, top: 0, bottom: 10 }) .padding(0) // 网络工具 // Column() { // Row() { // Text('网络工具') // .margin({ left: 18, right: 20 }) // .fontSize(16) // .fontColor(Color.Gray) // .fontWeight(480) // .layoutWeight(1) // } // .height(48) // // Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // Button({ type: ButtonType.Normal, stateEffect: true }) { // Row() { // Image($r('app.media.cloudDisk')) // .width(22) // .height(22) // .alignSelf(ItemAlign.Center) // .margin({ left: 15 }) // Text('SMB 测试工具') // .margin({ left: 8 }) // .fontSize(15) // .fontColor(Color.Gray) // .fontWeight(480) // .layoutWeight(1) // Image($r('app.media.arrow_right')) // .width(22) // .height(22) // .margin({ right: 18 }) // } // } // .height(55) // .backgroundColor(Color.Transparent) // .clickEffect({ level: ClickEffectLevel.HEAVY }) // .onClick(() => { // router.pushUrl({ // url: 'pages/SmbTestPage' // }); // }) // // Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // } // .transition(TransitionEffect.move(TransitionEdge.BOTTOM) // .animation({ duration: 500, curve: Curve.Ease, delay: 260 })) // .backgroundColor($r('app.color.settings_background_main')) // .borderRadius(20) // .margin({ // left: 0, // right: 0, // top: 0, // bottom: 10 // }) // .padding(0) // 音频设置分组 Column() { Row() { Text('音频设置') .margin({ left: 18, right: 20 }) .fontSize(16) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) } .height(48) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 启动时播放 Row() { SymbolGlyph($r('sys.symbol.play_circle')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('启动时播放') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) 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; PreferencesUtil.put(SettingPage.iS_START_AUTO_PLAY, this.isStartAutoPlay) }) .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() { SymbolGlyph($r('sys.symbol.indentation_left')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('列表是否可左滑') .margin({ left: 8 }) .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() { SymbolGlyph($r('sys.symbol.rectangle_split_3x1')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('记住最后一首进度') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) 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; PreferencesUtil.put(SettingPage.iS_MEMORY_LAST_PLAY, this.isMemoryLastPlay) 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() { SymbolGlyph($r('sys.symbol.route_plan')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('记忆播放') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) 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; PreferencesUtil.put(SettingPage.iS_MUSIC_MEMORY_PLAY, this.isMusicMemoryPlay) 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() { SymbolGlyph($r('sys.symbol.hand_point_up_tap')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('显示快进快退') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowBackFast }) .selectedColor(this.themeColor) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.isShowBackFast = checked; PreferencesUtil.put('isShowBackFast', this.isShowBackFast) 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')) .opacity(this.isShowBackFast ? 1 : 0) .visibility(this.isShowBackFast ? Visibility.Visible : Visibility.None) .animation({ duration: 500, curve: 'ease-in-out' // 可选动画曲线 }) // 快进快退时长 Row() { SymbolGlyph($r('sys.symbol.hand_tap_wave_2')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('快进快退时长') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) SelectItem({ list: this.fastForwardSecond.map(opt => opt.label), selected: this.fastForwardSecond.findIndex(opt => opt.value === this.fastForwardSeconds), onChange: (index: number) => { this.fastForwardSeconds = this.fastForwardSecond[index].value; PreferencesUtil.put('fastForwardSeconds', this.fastForwardSeconds) this.sendChangeEvent() } }) } .height(55) .opacity(this.isShowBackFast ? 1 : 0) .visibility(this.isShowBackFast ? Visibility.Visible : Visibility.None) .animation({ duration: 500, curve: 'ease-in-out' // 可选动画曲线 }) .clickEffect({ level: ClickEffectLevel.HEAVY }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 长按默认倍数 Row() { SymbolGlyph($r('sys.symbol.timer')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('长按默认倍数') .margin({ left: 8 }) .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() { SymbolGlyph($r('sys.symbol.text_and_arrow_down')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('默认排序模式') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Select([ { value: CommonConstants.SORT_ARRAY[0] }, { value: CommonConstants.SORT_ARRAY[1] }, { value: CommonConstants.SORT_ARRAY[2] }, { value: CommonConstants.SORT_ARRAY[3] }, { value: CommonConstants.SORT_ARRAY[4] }, { value: CommonConstants.SORT_ARRAY[5] }, { value: CommonConstants.SORT_ARRAY[6] }, { value: CommonConstants.SORT_ARRAY[7] }]) .font({ size: 15, weight: FontWeight.Medium }) .fontColor(Color.Gray) .margin({ right: 18 }) .selected(this.sortType) .value(CommonConstants.SORT_ARRAY[this.sortType]) .onSelect(async (_index: number, text?: string | undefined) => { this.sortType = _index PreferencesUtil.put(SettingPage.SORT_TYPE, this.sortType) this.sendChangeEvent() }) } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 首页默认切换媒体库 Row() { SymbolGlyph($r('sys.symbol.identify_song')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('首页默认媒体库') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.idDefaultMediaKu }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.idDefaultMediaKu = checked; PreferencesUtil.put('idDefaultMediaKu', this.idDefaultMediaKu) }) .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() { SymbolGlyph($r('sys.symbol.text_clipboard')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('列表显示音乐文件名') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowFileName }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.isShowFileName = checked; PreferencesUtil.put('isShowFileName', this.isShowFileName) 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() { SymbolGlyph($r('sys.symbol.close_sidebar')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('网盘播放不跳转到首页') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isNoJumpToHome }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.isNoJumpToHome = checked; PreferencesUtil.put('isNoJumpToHome', this.isNoJumpToHome) }) .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() { SymbolGlyph($r('sys.symbol.cloud')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Column({ space: 4 }) { Text('开启日志上传') .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) Text('开启后，在关于我们页连点Logo 8次将收集并上传日志') .fontSize(12) .fontColor(Color.Gray) } .layoutWeight(1) .alignItems(HorizontalAlign.Start) .margin({ left: 8 }) Toggle({ type: ToggleType.Switch, isOn: this.isLogUploadEnabled }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.isLogUploadEnabled = checked; PreferencesUtil.put(SettingPage.LOG_UPLOAD_ENABLED, this.isLogUploadEnabled) if (checked) { const ok = this.ensureMeituUploadHandler(false); if (ok) { ToastUtil.showToast('已开启日志上传，关于我们页连点Logo 8次将上报') } } else { this.registerLogUploadDisabled(); ToastUtil.showToast('已关闭日志上传') } }) .width(50) .height(30); } .height(70) .clickEffect({ level: ClickEffectLevel.HEAVY }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 清除日志文件按钮 - 只在开启日志上传时显示 if (this.isLogUploadEnabled) { Row() { SymbolGlyph($r('sys.symbol.trash_fill')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Column({ space: 4 }) { Text('清除日志文件') .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) Text('清除本地保存的所有日志文件') .fontSize(12) .fontColor(Color.Gray) }.layoutWeight(1).margin({ left: 8 }) .alignItems(HorizontalAlign.Start) Text(this.isClearingLogs ? '清除中…' : '立即清除') .margin({ right: 18 }) .fontSize(13) .fontColor(this.themeColor) } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) .onClick(() => { this.handleClearLogFiles(); }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) } Row() { SymbolGlyph($r('sys.symbol.trash')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('清除网盘缓存') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Text(this.isClearingCache ? '清理中…' : '立即清理') .margin({ right: 18 }) .fontSize(13) .fontColor(this.themeColor) } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) .onClick(() => { this.handleClearWebDavCache(); }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // WebDAV上传默认重复文件处理方式 Row() { SymbolGlyph($r('sys.symbol.doc')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('上传重复文件处理') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Select([ { value: '跳过' }, { value: '覆盖' }, { value: '重命名' }]) .font({ size: 15, weight: FontWeight.Medium }) .fontColor(Color.Gray) .margin({ right: 18 }) .selected(this.webdavUploadDuplicateAction === 'skip' ? 0 : this.webdavUploadDuplicateAction === 'overwrite' ? 1 : 2) .value(this.webdavUploadDuplicateAction === 'skip' ? '跳过' : this.webdavUploadDuplicateAction === 'overwrite' ? '覆盖' : '重命名') .onSelect((_index: number, text?: string | undefined) => { if (_index === 0) { this.webdavUploadDuplicateAction = 'skip'; } else if (_index === 1) { this.webdavUploadDuplicateAction = 'overwrite'; } else { this.webdavUploadDuplicateAction = 'rename'; } PreferencesUtil.put(SettingPage.WEBDAV_UPLOAD_DUPLICATE_ACTION, this.webdavUploadDuplicateAction) }) } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // WebDAV上传完成后自动清理队列 Row() { SymbolGlyph($r('sys.symbol.trash')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('上传完成自动清理队列') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.webdavUploadAutoClear }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.webdavUploadAutoClear = checked; PreferencesUtil.put(SettingPage.WEBDAV_UPLOAD_AUTO_CLEAR, this.webdavUploadAutoClear) }) .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')) // WebDAV是否允许移动网络上传 Row() { SymbolGlyph($r('sys.symbol.wifi')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('允许移动网络上传') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.webdavUploadAllowMobile }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.webdavUploadAllowMobile = checked; PreferencesUtil.put(SettingPage.WEBDAV_UPLOAD_ALLOW_MOBILE, this.webdavUploadAllowMobile) }) .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')) // WebDAV上传失败自动重试次数 Row() { SymbolGlyph($r('sys.symbol.arrow_clockwise')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('上传失败重试次数') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Select([ { value: '0次' }, { value: '1次' }, { value: '2次' }, { value: '3次' }, { value: '5次' }]) .font({ size: 15, weight: FontWeight.Medium }) .fontColor(Color.Gray) .margin({ right: 18 }) .selected(this.webdavUploadRetryCount === 0 ? 0 : this.webdavUploadRetryCount === 1 ? 1 : this.webdavUploadRetryCount === 2 ? 2 : this.webdavUploadRetryCount === 3 ? 3 : 4) .value(this.webdavUploadRetryCount === 0 ? '0次' : this.webdavUploadRetryCount === 1 ? '1次' : this.webdavUploadRetryCount === 2 ? '2次' : this.webdavUploadRetryCount === 3 ? '3次' : '5次') .onSelect((_index: number, text?: string | undefined) => { if (_index === 0) { this.webdavUploadRetryCount = 0; } else if (_index === 1) { this.webdavUploadRetryCount = 1; } else if (_index === 2) { this.webdavUploadRetryCount = 2; } else if (_index === 3) { this.webdavUploadRetryCount = 3; } else { this.webdavUploadRetryCount = 5; } PreferencesUtil.put(SettingPage.WEBDAV_UPLOAD_RETRY_COUNT, this.webdavUploadRetryCount) }) } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 长歌名滚动 Row() { SymbolGlyph($r('sys.symbol.close_sidebar')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('长歌名滚动') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isLongNameRoLL }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.isLongNameRoLL = checked; PreferencesUtil.put('isLongNameRoLL', this.isLongNameRoLL) 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() { SymbolGlyph($r('sys.symbol.speaker')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('音量优化') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.volumeSmall }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.volumeSmall = checked; if(this.volumeSmall){ ToastUtil.showToast('打开音量优化会比平时音量声音低些') } PreferencesUtil.put('volumeSmall', this.volumeSmall) }) .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() { SymbolGlyph($r('sys.symbol.t_circle')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('智能文件名解析歌曲标签') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.autoParseMusicName }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.autoParseMusicName = checked; PreferencesUtil.put('autoParseMusicName', this.autoParseMusicName) }) .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() { SymbolGlyph($r('sys.symbol.clock')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('保存播放模式') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .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) => { this.isSavePlayMode = checked; PreferencesUtil.put(SettingPage.iS_SAVE_PLAY_MODE, this.isSavePlayMode) }) .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() { SymbolGlyph($r('sys.symbol.sun_max')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('与其他应用同时播放') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isSameTimePlay }) .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) this.sendChangeEvent() }) .width(50) .height(30); } .height(55).clickEffect({ level: ClickEffectLevel.HEAVY }) // .visibility(Visibility.None) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 播放背景随音乐封面 Row() { SymbolGlyph($r('sys.symbol.paperplane')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('播放背景随音乐封面') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) 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; PreferencesUtil.put(SettingPage.iS_MUSIC_BG_COVER, this.isMusicBGCover) }) .width(50) .height(30); } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) } .transition(TransitionEffect.move(TransitionEdge.BOTTOM) .animation({ duration: 500, curve: Curve.Ease, delay: 400 })) .backgroundColor($r('app.color.settings_background_main')) .borderRadius(20) .margin({ left: 0, right: 0, top: 10, bottom: 10 }) .padding(0) // API设置分组 this.apiBuilder() //设置教程 this.jcBuilder() //显示与隐藏设置 this.xsBuilder() //空白 Column() { Blank() .height(88) }.height(88) } .margin({ left: this.currentBreakpoint !== BreakpointTypeEnum.SM ? 35 : 20, right: this.currentBreakpoint !== BreakpointTypeEnum.SM ? 35 : 20, top: 20, bottom: 20 }) .justifyContent(FlexAlign.Start) } .scrollBar(BarState.Auto) .width('100%') .margin({ bottom: 10 }) .backgroundColor($r('app.color.settings_background')) } .layoutWeight(1) .height('100%') .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.BOTTOM]) } @Builder xsBuilder() { // 显示和隐藏分组 Column() { Row() { Text('显示隐藏') .margin({ left: 18, right: 20 }) .fontSize(16) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) } .onClick(() => { ToastUtil.showToast(this.appIdentifier) PreferencesUtil.putSync('isShowWX',true) }) .height(48) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) Row() { SymbolGlyph($r('sys.symbol.text_clipboard')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('滚动隐藏标题栏') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.autoHideTitle }) .selectedColor(this.themeColor) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .switchPointColor(Color.White) .margin({ right: 18 }) .onChange((checked: boolean) => { this.autoHideTitle = checked; PreferencesUtil.put('autoHideTitle', this.autoHideTitle) 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() { // SymbolGlyph($r('sys.symbol.label')) // .fontSize(20) // .fontColor([this.themeColor]) // .alignSelf(ItemAlign.Center) // .margin({ left: 15 }) // Text('显示播放全部') // .margin({ left: 8 }) // .fontSize(15) // .fontColor(Color.Gray) // .fontWeight(480) // .layoutWeight(1) // Toggle({ type: ToggleType.Switch, isOn: this.isShowAllBar }) // .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) // 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() { // SymbolGlyph($r('sys.symbol.lock')) // .fontSize(20) // .fontColor([this.themeColor]) // .alignSelf(ItemAlign.Center) // .margin({ left: 15 }) // Text('显示私密音频') // .margin({ left: 8 }) // .fontSize(15) // .fontColor(Color.Gray) // .fontWeight(480) // .layoutWeight(1) // Toggle({ type: ToggleType.Switch, isOn: this.isShowSimi }) // .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) // 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() { SymbolGlyph($r('sys.symbol.close_sidebar')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('播放页单行歌词') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowSingleLineLyric }) .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) 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() { // SymbolGlyph($r('sys.symbol.satellite_map')) // .fontSize(20) // .fontColor([this.themeColor]) // .alignSelf(ItemAlign.Center) // .margin({ left: 15 }) // Text('二级菜单新风格') // .margin({ left: 8 }) // .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() { SymbolGlyph($r('sys.symbol.arrow_left')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('播控条上一首按钮') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowPrecious }) .selectedColor(this.themeColor) .switchPointColor(Color.White) .margin({ right: 18 }) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .onChange((checked: boolean) => { this.isShowPrecious = checked; PreferencesUtil.put('isShowPrecious', this.isShowPrecious) 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() { SymbolGlyph($r('sys.symbol.arrow_left')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('显示播放页返回键') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowPlayPageBack }) .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) 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() { // SymbolGlyph($r('sys.symbol.sun_max')) // .fontSize(20) // .fontColor([this.themeColor]) // .alignSelf(ItemAlign.Center) // .margin({ left: 15 }) // Text('自动隐藏进度条两侧的按钮') // .margin({ left: 8 }) // .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() { SymbolGlyph($r('sys.symbol.heart')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('显示我的收藏') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowFAV }) .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) 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() { SymbolGlyph($r('sys.symbol.clock')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('显示最近播放') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isShowHistory }) .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) this.sendChangeEvent() }) .width(50) .height(30); } .height(55) .clickEffect({ level: ClickEffectLevel.HEAVY }) } .transition(TransitionEffect.move(TransitionEdge.BOTTOM) .animation({ duration: 500, curve: Curve.Ease, delay: 600 })) .backgroundColor($r('app.color.settings_background_main')) .borderRadius(20) .margin({ left: 0, right: 0, top: 10, bottom: 20 }) .padding(0) } @Builder jcBuilder() { //设置教程 Button({ type: ButtonType.Capsule, stateEffect: true }) { Column() { Row() { SymbolGlyph($r('sys.symbol.hand_draw')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('设置教程:') .margin({ left: 8 }) .fontSize(15) .fontColor(Color.Gray) .fontWeight(480) Text('点击进Q群讨论') .margin({ right: 10 }) .fontSize(15) .fontColor(Color.Gray) .layoutWeight(1) Blank() // 右侧箭头 Image($r('app.media.arrow_right')) .width(22) .height(22) .margin({ left: 20, right: 20 }) .align(Alignment.Center) } .height(55) } } .clickEffect({ level: ClickEffectLevel.HEAVY }) .onClick(() => { const qqUrl = `mqqapi://card/show_pslcard?src_type=internal&version=1&uin=${CommonConstants.QQ_GROUP}&card_type=group&source=external` let context = this.getUIContext().getHostContext() as common.UIAbilityContext context.openLink(qqUrl, {}) }) .backgroundColor($r('app.color.settings_background_main')) .borderRadius(15) .margin({ top: 0, bottom: 20 }) .padding(0) .transition(TransitionEffect.move(TransitionEdge.BOTTOM) .animation({ duration: 500, curve: Curve.Ease, delay: 220 })) } @Builder apiBuilder() { // API设置分组 Column() { Row() { Text(){ Span('API设置') Span('\n(请注意：使用此功能您需拥有相关著作人的授权，否则可能导致版权法律纠纷，本软件不提供任何API，本软件对此不负任何责任。)') .fontColor(this.themeColor).fontSize(14) // .fontStyle(FontStyle.Italic) } .margin({ left: 18, right: 20 }) .fontSize(16) .fontColor(Color.Gray) .fontWeight(480) .layoutWeight(1) } .height(82) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 歌词API Button({ type: ButtonType.Normal, stateEffect: true }) { Row() { SymbolGlyph($r('sys.symbol.lightbulb')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('歌词:') .margin({ left: 8, right: 6 }) .fontSize(15) .fontColor(Color.Gray) Text(this.lyricApiUrl) .margin({ right: 10 }) .fontSize(15) .fontColor(Color.Gray) .layoutWeight(1) Image(this.isDarkMode ? $r('app.media.rename2') : $r('app.media.rename')) .width(20) .height(20) .margin({ right: 18 }) } } .clickEffect({ level: ClickEffectLevel.HEAVY }) .backgroundColor(Color.Transparent) .onClick(() => { this.apiDialogType = 'lyric' this.tempApiUrl = this.lyricApiUrl this.apiDialogController.open() }) .height(55) Line().width('100%').height(0.3).backgroundColor($r('app.color.index_tab_unselected_font_color')) // 封面API Button({ type: ButtonType.Normal, stateEffect: true }) { Row() { SymbolGlyph($r('sys.symbol.picture')) .fontSize(20) .fontColor([this.themeColor]) .alignSelf(ItemAlign.Center) .margin({ left: 15 }) Text('封面:') .margin({ left: 8, right: 6 }) .fontSize(15) .fontColor(Color.Gray) Text(this.coverApiUrl) .margin({ right: 10 }) .fontSize(15) .fontColor(Color.Gray) .layoutWeight(1) Image(this.isDarkMode ? $r('app.media.rename2') : $r('app.media.rename')) .width(20) .height(20) .margin({ right: 18 }) } } .clickEffect({ level: ClickEffectLevel.HEAVY }) .backgroundColor(Color.Transparent) .onClick(() => { this.apiDialogType = 'cover' this.tempApiUrl = this.coverApiUrl this.apiDialogController.open() }) .height(55) } .transition(TransitionEffect.move(TransitionEdge.BOTTOM) .animation({ duration: 500, curve: Curve.Ease, delay: 200 })) .backgroundColor($r('app.color.settings_background_main')) .borderRadius(20) .margin({ left: 0, right: 0, top: 10, bottom: 20 }) .padding(0) } @Builder customizeICONSheet() { Scroll() { Column() { CustomizeICON({ iconIndex:this.iconCurrentID, iconArray:this.iconArray, onIconChange:(iconId:string,iconUrl:string)=>{ this.iconCurrentID = iconId PreferencesUtil.put('iconCurrentID', this.iconCurrentID) PreferencesUtil.put('iconCurrentUrl', iconUrl) this.sendChangeEvent() } }) } } .width('100%') .height('100%') } //发送广播通知更新UI sendChangeEvent() { const eventData: emitter.EventData = {}; emitter.emit({ eventId: EventConstants.EVENT_SETTING_UPDATE }, eventData); // 发送广播通知更新doSwipBack } goSelectImage() { let selectUris: Array = []; let photoPicker = new photoAccessHelper.PhotoViewPicker(); let photoSelectOptions = new photoAccessHelper.PhotoSelectOptions(); photoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE; // 过滤选择媒体文件类型为IMAGE photoSelectOptions.maxSelectNumber = 1; // 选择媒体文件的最大数目 photoPicker.select(photoSelectOptions).then(async (photoSelectResult: photoAccessHelper.PhotoSelectResult) => { //用一个全局变量存储返回的uri selectUris = photoSelectResult.photoUris; console.info('photoViewPicker.select to file succeed and uris are:' + selectUris); //使用fs.openSync接口，通过uri打开这个文件得到fd let file = fileIo.openSync(selectUris[0], fileIo.OpenMode.READ_ONLY); console.info('file fd: ' + file.fd); const timestamp: number = Math.floor(Date.now() / 1000); let name = timestamp + "_homebg" let imagePath = this.context.filesDir + FileUtil.separator + name imagePath = fileUri.getUriFromPath(imagePath) let file2 = fileIo.openSync(imagePath, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE) fileIo.copyFileSync(file.fd, file2.fd) fileIo.closeSync(file); fileIo.closeSync(file2); this.customizeBgPath = imagePath PreferencesUtil.put(SettingPage.IS_CUSTOMIZE_BG_PATH, this.customizeBgPath) this.sendChangeEvent() }).catch((err: BusinessError) => { console.error(`Invoke photoViewPicker.select failed, code is ${err.code}, message is ${err.message}`); }) } @Builder customizeBgSheet() { Scroll() { Column() { this.CustomizeBg() } } .width('100%') .height('100%') } @Builder CustomizeBg() { Column() { Image(this.customizeBgPath) .height('42%') .alt($r('app.media.add_image2')) .objectFit(ImageFit.Contain) .borderRadius(15) .clip(true) .clickEffect({ level: ClickEffectLevel.HEAVY }) .blur(this.blurValue) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.6}) .brightness(this.bgBrightness + 0.8) .margin({ left: 30, right: 30, bottom: 20 }) .onClick(async () => { this.goSelectImage() }) Row() { Row() { Button('选择图片') .fontColor(Color.White) .fontSize(12) .height(48) .width(100) .clickEffect({ level: ClickEffectLevel.HEAVY }) .backgroundColor(this.themeColor) .stateEffect(true) .onClick(async () => { this.goSelectImage() }) } .height('100%') .justifyContent(FlexAlign.Center) .layoutWeight(1) } .width('100%') .height(58) .margin({ bottom: 20 }) Column() { Row() { Text('自定义背景:') .margin({ left: 18 }) .fontSize(15) .fontColor($r('app.color.text_color')) .fontWeight(480) .layoutWeight(1) Toggle({ type: ToggleType.Switch, isOn: this.isCustomizeBg }) .selectedColor(this.themeColor) .switchPointColor(Color.White) .clickEffect({level:ClickEffectLevel.LIGHT, scale: 0.5}) .margin({ right: 18 }) .onChange((checked: boolean) => { this.isCustomizeBg = checked; PreferencesUtil.put(SettingPage.IS_CUSTOMIZE_BG, this.isCustomizeBg) this.sendChangeEvent() }) .width(50) .height(30); } .height(55) } .backgroundColor($r('app.color.settings_background_main')) .borderRadius(15) .margin({ left: 30, right: 30, top: 0, bottom: 20 }) .padding(0) Column() { Row() { Text('背景模糊:') .margin({ left: 18 }) .fontSize(15) .fontColor($r('app.color.text_color')) .fontWeight(480) Slider({ value: this.blurValue, min: 0, max: 100, step: 1, style: SliderStyle.OutSet }) .blockColor(this.themeColor) .trackColor($r('app.color.speed_text_color')) .selectedColor($r('app.color.index_background')) .trackThickness(8) .onChange((value: number) => { this.blurValue = value; PreferencesUtil.put(SettingPage.CUSTOMIZE_BG_BLUR, this.blurValue) this.sendChangeEvent() }) .layoutWeight(1) } .height(55) } .backgroundColor($r('app.color.settings_background_main')) .borderRadius(15) .margin({ left: 30, right: 30, top: 0, bottom: 20 }) .padding(0) Column() { Row() { Text('背景亮度:') .margin({ left: 18 }) .fontSize(15) .fontColor($r('app.color.text_color')) .fontWeight(480) Slider({ value: this.bgBrightness, min: -0.4, max: 0.4, step: 0.1, style: SliderStyle.OutSet }) .blockColor(this.themeColor) .trackColor($r('app.color.speed_text_color')) .selectedColor($r('app.color.index_background')) .trackThickness(8) .onChange((value: number) => { this.bgBrightness = value; PreferencesUtil.put(SettingPage.BG_BRIGHTNESS, this.bgBrightness) this.sendChangeEvent() }) .layoutWeight(1) } .height(55) } .backgroundColor($r('app.color.settings_background_main')) .borderRadius(15) .margin({ left: 30, right: 30, top: 0, bottom: 20 }) .padding(0) } .margin({ bottom: 30 }) } // 判断当前主题色是否为自定义色 isCustomThemeColor(): boolean { for (let i = 0; i < SettingPage.THEME_COLOR_LIST.length - 1; i++) { if (SettingPage.THEME_COLOR_LIST[i].color === this.themeColor) { return false; } } return true; } // 会员功能弹窗 showVipDialog() { DialogHelper.showCustomContentDialog({ dialogId: 'vip', title: "友情提示", autoCancel: false, backCancel: true, contentBuilder: () => { this.customVipBuilder("该功能需开通会员，非常感谢您的支持！") }, buttons: [], }) } @Builder customVipBuilder(content: string) { Column() { Text(content) .fontColor(Color.Gray) .fontSize(16) .alignSelf(ItemAlign.Start) .margin({ bottom: 15 }) Row() { Button('取消') .fontColor(Color.White) .backgroundColor(this.themeColor) .height(50) .layoutWeight(1) .stateEffect(true) .margin({ right: 6 }) .onClick(() => { DialogHelper.closeDialog('vip'); }) Button('开通') .fontColor(Color.White) .layoutWeight(1) .height(50) .backgroundColor(this.themeColor) .stateEffect(true) .margin({ left: 6 }) .onClick(() => { this.isThemeSheet = false; DialogHelper.closeDialog('vip'); this.mType = 1//跳转到用户中心 // router.pushUrl({ // url: 'pages/UserCenter' // }, router.RouterMode.Single); }) } } .width("100%") .padding(10) } @State appIdentifier:string='' geIDD() { // 获取应用签名等信息示例代码 let bundleFlags = bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION | bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_SIGNATURE_INFO; try { bundleManager.getBundleInfoForSelf(bundleFlags).then((data) => { hilog.info(0x0000, 'testTag11', 'getBundleInfoForSelf successfully. Data: %{public}s', JSON.stringify(data)); let inde = JSON.stringify(data) this.appIdentifier = inde.substring(inde.indexOf('appIdentifier'),inde.indexOf('"certificate')) hilog.info(0x0000, 'testTag11', 'appIdentifier Data: %{public}s', this.appIdentifier); }).catch((err: BusinessError) => { hilog.error(0x0000, 'testTag11', 'getBundleInfoForSelf failed. Cause: %{public}s', err.message); }); } catch (err) { let message = (err as BusinessError).message; hilog.error(0x0000, 'testTag33', 'getBundleInfoForSelf failed: %{public}s', message); } } private getMeituConfig(): UploadConfig | null { // 尝试清理可能存在的旧token缓存，避免使用过期token try { PreferencesUtil.put(SettingPage.MEITU_UPLOAD_TOKEN_KEY, '') LogUtil.info('SettingPage', '已清理旧的UpToken缓存') } catch (error) { LogUtil.debug('SettingPage', '清理token缓存失败，继续生成新token') } // 每次都生成新的UpToken，避免使用过期token LogUtil.info('SettingPage', `生成新的UpToken，Bucket: ${SettingPage.MEITU_BUCKET}`) const token = UpTokenUtil.generateUpToken(SettingPage.MEITU_AK, SettingPage.MEITU_SK, SettingPage.MEITU_BUCKET, 3600) LogUtil.info('SettingPage', `UpToken生成完成，Token前缀: ${token.substring(0, 20)}...`) // Domain可以缓存，因为通常不会变化 let domain = PreferencesUtil.getStringSync(SettingPage.MEITU_UPLOAD_DOMAIN_KEY, SettingPage.MEITU_DOMAIN) if (!domain || domain.trim().length === 0) { domain = SettingPage.MEITU_DOMAIN PreferencesUtil.put(SettingPage.MEITU_UPLOAD_DOMAIN_KEY, domain) } if (!domain || domain.trim().length === 0) { LogUtil.warn('SettingPage', '日志上传未配置域名') return null } LogUtil.info('SettingPage', `上传配置 - Domain: ${domain}, Bucket: ${SettingPage.MEITU_BUCKET}`) return { uploadToken: token, domain: domain, keyPrefix: 'logs' } } private ensureMeituUploadHandler(isInit: boolean): boolean { const config = this.getMeituConfig() if (!config) { if (!isInit) { ToastUtil.showToast('未配置日志上传token/域名，已关闭开关') this.isLogUploadEnabled = false PreferencesUtil.put(SettingPage.LOG_UPLOAD_ENABLED, false) } this.registerLogUploadDisabled() return false } LogCollector.registerUploadHandler(async (filePath: string): Promise => { return await Uploader.uploadFile(filePath, config) }) return true } private registerLogUploadDisabled() { LogCollector.registerUploadHandler(async (filePath: string): Promise => { LogUtil.info('LogUpload', `日志上传开关关闭，跳过: ${filePath}`) return }) } } // 主题色类型声明 export interface ThemeColorItem { name: string; color: string; isVip: boolean; } // 工具函数：将一维数组分成每行2个的二维数组 function chunkArray(arr: Array, size: number): Array> { const result: Array> = []; for (let i = 0; i < arr.length; i += size) { const row: Array = []; for (let j = 0; j < size; j++) { if (i + j < arr.length) { row.push(arr[i + j]); } } result.push(row); } return result; }