支持适老化

介绍

系统字体被放大后，应用应确保整体布局不出现错乱，组件不出现重叠。可以根据业务需要限制跟随的字体最大档位、改变布局来更好的适配更大字体等。本文旨在指导应用如何跟随系统字体大小和跟随到的最大倍数。

本示例为支持适老化的配套示例工程。

本示例展示了适配适老化的组件及触发方式。

效果预览

系统字体为一倍(适老化能力开启前)	系统字体为1.75倍(适老化能力开启后)

使用说明

1. 安装编译生成的hap包，并打开应用；
2. SideBarContainer组件通过长按控制按钮触发适老化弹窗。在系统字体为1倍的情况下，长按控制按钮不能弹窗。在系统字体大于1倍的情况下，长按控制按钮可以弹窗；
3. TextPickerDialog组件通过设置系统字体大小触发适老化弹窗。在系统字体为1倍的情况下，适老化不触发；在系统字体大于1倍的情况下，适老化触发；

工程目录

AppScope
    └── Index.ets
    └── resources/base/profile
            └── configuration.json

entry/src/main/ets/
└── pages
    └── Index.ets (获取文本界面)
    ├── SideBarContainer.ets
    └── TextPickerDialog.ets

具体实现

1. 长按系统组件触发：SideBarContainer组件通过长按控制按钮触发适老化弹窗。源码参考SideBarContainer.ets

   • 使用SideBarContainer提供侧边栏可以显示和隐藏的侧边栏容器，通过子组件定义侧边栏和内容区

   • 在SideBarContainer组件里面定义一些按钮

   • 在按钮的点击回调里面设置对应的字体大小

2. 设置系统字体默认放大：TextPickerDialog组件通过设置系统字体大小触发适老化弹窗。源码参考TextPickerDialog.ets

   • 定义一个按钮，点击触发显示地区选项

   • 定义一些按钮设置字体倍数

   • 在按钮的点击回调里面设置对应的字体大小

相关权限

不涉及

依赖

不涉及

约束和限制

1. 本示例仅支持标准系统上运行, 支持设备：华为手机。

2. HarmonyOS系统：HarmonyOS 5.0.5 Release及以上。

3. DevEco Studio版本：6.0.0 Release及以上。

4. HarmonyOS SDK版本：HarmonyOS 6.0.0 Release SDK及以上。

下载

如需单独下载本工程，执行如下命令：

git init
git config core.sparsecheckout true
echo ArkUISample/SupportingAgingFriendly > .git/info/sparse-checkout
git remote add origin https://gitcode.com/harmonyos_samples/guide-snippets.git
git pull origin master