Lite Wearables Apps
Overview
This sample accompanies the "Lite Wearables Apps" best practice.
Effect
Project Directory
├──entry/src/main/js
│ └──MainAbility
│ ├──cryptoFramework
│ │ ├──cryptoFramework.css // Page style for @ohos.security.cryptoFramework (encryption/decryption algorithm library framework)
│ │ ├──cryptoFramework.hml // Page for @ohos.security.cryptoFramework (encryption/decryption algorithm library framework)
│ │ └──cryptoFramework.js // Page interaction for @ohos.security.cryptoFramework (encryption/decryption algorithm library framework)
│ ├──detail
│ │ ├──detail.css // Page style for page routing
│ │ ├──detail.hml // Page for page routing
│ │ └──detail.js // Page interaction for page routing
│ ├──details
│ │ ├──details.css // Page style for page routing
│ │ ├──details.hml // Page for page routing
│ │ └──details.js // Page interaction for page routing
│ ├──event
│ │ ├──event.css // Page style for interaction events
│ │ ├──event.hml // Page for interaction events
│ │ └──event.js // Page interaction for interaction events
│ ├──exit
│ │ ├──exit.css // Page style for app exit
│ │ ├──exit.hml // Page for app exit
│ │ └──exit.js // Page interaction for app exit
│ ├──i18n
│ │ ├──en-US.json // English file
│ │ └──zh-CN.json // Chinese file
│ ├──initpage
│ │ ├──initpage.css // Page style for project directory introduction
│ │ ├──initpage.hml // Page for project directory introduction
│ │ └──initpage.js // Page interaction for project directory introduction
│ ├──pages/index
│ │ ├──index.css // Page style for percentage usage
│ │ ├──index.hml // Page for percentage usage
│ │ └──index.js // Page interaction for percentage usage
│ ├──screenLock
│ │ ├──screenLock.css // Page style for @ohos.screenLock (screen lock management)
│ │ ├──screenLock.hml // Page for @ohos.screenLock (screen lock management)
│ │ └──screenLock.js // Page interaction for @ohos.screenLock (screen lock management)
│ ├──security
│ │ ├──DES.js // DES-CBC algorithm key
│ │ ├──DesCBC64.js // Key existence check and deletion
│ │ ├──HMAC.js // HMAC key/ciphertext generation
│ │ ├──KeyAlias.js // Key import and export
│ │ ├──RSA.js // RSA key generation and encryption/decryption
│ │ ├──security.css // Page style for security API usage
│ │ ├──security.hml // Page for security API usage
│ │ └──security.js // Page interaction for security API usage
│ ├──style1
│ │ ├──style1.css // Page style for app implementation
│ │ ├──style1.hml // Page for app implementation
│ │ └──style1.js // Page interaction for app implementation
│ ├──style2
│ │ ├──style2.css // Page style for inline styles
│ │ ├──style2.hml // Page for inline styles
│ │ └──style2.js // Page interaction for inline styles
│ ├──style3
│ │ ├──style3.css // Page style for selector styles
│ │ ├──style3.hml // Page for selector styles
│ │ └──style3.js // Page interaction for selector styles
│ ├──style4
│ │ ├──style4.css // Page style for dynamic binding
│ │ ├──style4.hml // Page for dynamic binding
│ │ └──style4.js // Page interaction for dynamic binding
│ └──app.js // App and page lifecycle
└──entry/src/main/resources // App resources
Required Permissions
N/A
Dependencies
N/A
Constraints
- This sample is only supported on Huawei watches running standard systems.
- The HarmonyOS version must be HarmonyOS 5.0.5 Release or later.
- The DevEco Studio version must be DevEco Studio 5.0.5 Release or later.
- The HarmonyOS SDK version must be HarmonyOS 5.0.5 Release SDK or later.