arkts 首选项测试， 保存设置值 (鸿蒙)

以下代码设置Text组件的字体大小，设置好后，在退出应用时，会保存好设置的字体大小值。

代码如下，测试要用真机测试或模拟器来测试。

import { preferences } from '@kit.ArkData';
import { common } from '@kit.AbilityKit';

@Entry
@Component
struct Page14 {
  @State fontsize: number = 20
  private context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext

  //页面一开始，就读出相关的设置值-代码来自 wb98.com
  onPageShow(): void {
    let option: preferences.Options = {
      name: 'setSave'//仓库名
    }
    let pre = preferences.getPreferencesSync(this.context, option)
    this.fontsize = Number(pre.getSync('fontsize_Set', 20)) //fontsize_Set是键名，无法读出就取的默认值为20
  }

  //退出程序时，保存设置; 或者在某个按钮点击事件下保存设置
  onPageHide(): void {
    let option: preferences.Options = {
      name: 'setSave'//仓库名
    }
    let pre = preferences.getPreferencesSync(this.context, option)
    pre.putSync('fontsize_Set', this.fontsize) //键，值
    pre.flush()
  }

  build() {
    Column({ space: 20 }) {
      Text('字体大小预览')
        .fontSize(this.fontsize)
      TextInput({ placeholder: '请输入字体大小（数字）' })
        .type(InputType.Number)
        .onChange((value) => {
          this.fontsize = parseFloat(value)
        })

    }
    .height('100%')
    .width('100%')
    .justifyContent(FlexAlign.Center)
  }
}

打赏 支付宝打赏 微信打赏

来源：济亨网

本文链接：https://www.wb98.com/post/370.html