华为手表开发:WATCH 3 Pro(5)点击按钮弹窗
华为手表开发:WATCH 3 Pro(5)点击按钮弹窗
- 初
- 环境与设备
- 创建项目
- 认识目录结构
- 修改首页 -> 新建按钮 “ 按钮 ”
- 文件名:**index.hml**
- 引用包:'@system.prompt'
- 点击结果
初
鸿蒙可穿戴开发
希望能写一些简单的教程和案例分享给需要的人
环境与设备
系统:window
设备:HUAWEI WATCH 3 Pro
开发工具:DevEco Studio 3.0.0.800
鸿蒙开发
创建项目
先打开 DevEco Studio 这个开发工具
认识目录结构
entry:项目文件夹
js:前端文件夹
pages:页面文件夹
index:首页文件夹
index.css:首页样式
index.hml:首页
index.js:首页脚本
如下图所示
修改首页 -> 新建按钮 “ 按钮 ”
文件名:index.hml
打开HTML文件“index.hml”,添加按钮,这里按钮用到是<input>标签
标签属性:
type=“button”【规定 input 元素的类型】
<div class="container"><text class="title">你好,欢迎光临</text><input else class="btn" type="button" value="按钮" onclick="onClickTest"></input>
</div>
引用包:‘@system.prompt’
import prompt from '@system.prompt';export default {data: {title: ""},onInit() {this.title = this.$t('strings.world');},onClickTest() {prompt.showToast({message: "点击按钮成功",duration: 3000,});}
}
点击结果
点击“按钮”,弹框提示“点击按钮成功”
如下图所示
华为手表开发:WATCH 3 Pro(5)点击按钮弹窗相关推荐
- 华为手表开发:WATCH 3 Pro(17)传感器订阅指南针
华为手表开发:WATCH 3 Pro(17)传感器订阅指南针 初 环境与设备 指南针传感器介绍与说明 鸿蒙开发 文件夹: 文件 新增展示的文本标记 index.hml index.css index. ...
- 华为手表开发:WATCH 3 Pro(15)传感器订阅加速度计
华为手表开发:WATCH 3 Pro(15)传感器订阅加速度计 初 环境与设备 加速度传感器介绍与说明 鸿蒙开发 文件夹: 文件 重点 新增展示的文本标记 index.hml index.css in ...
- 华为手表开发:WATCH 3 Pro(8)获取位置服务
华为手表开发:WATCH 3 Pro(8)获取位置服务 初 环境与设备 文件夹: 文件 新增第二页面 geolocation.hml geolocation.js 修改首页 -> 新建按钮 &q ...
- 华为手表开发:WATCH 3 Pro(3)创建项目以及运行完整流程
华为手表开发:WATCH 3 Pro(3)创建项目以及运行完整流程 初 环境与设备 创建项目 创建项目入口 配置项目 运行项目 报错 需要在 Appgallery Connect , 创建项目,然后在 ...
- 华为手表开发:WATCH 3 Pro(2)生成密钥和证书请求文件,生成签名和配置签名
华为手表开发:WATCH 3 Pro(2)生成密钥和证书请求文件,生成签名和配置签名 初 环境与设备 生成密钥 生成签名 初 希望能写一些简单的教程和案例分享给需要的人 鸿蒙可穿戴开发 环境与设备 系 ...
- 华为手表开发:WATCH 3 Pro(11)存储数据_轻量级存储_到本地
华为手表开发:WATCH 3 Pro(11)存储数据_轻量级存储_到本地 初 环境与设备 文件夹: 文件 开发步骤 新增一个文本输入框 index.hml index.css 存储数据的逻辑 inde ...
- 华为手表开发:WATCH 3 Pro(10)获取心率
华为手表开发:WATCH 3 Pro(10)获取心率 初 环境与设备 文件夹: 文件 新增第二页面 引用包 import sensor from '@system.sensor'; showHeart ...
- 华为手表开发:GT3(1)配置调试设备
华为手表开发:GT3(1)配置调试设备 初 环境与设备 获取手表UUID 登录 AppGallery Connect 点击用户与访问 初 希望能写一些简单的教程和案例分享给需要的人 鸿蒙可穿戴开发 欢 ...
- 华为HarmonyOS鸿蒙智能手表开发和设计需要知道的
华为HarmonyOS智能手表分为两类:(1)智能穿戴(2)轻量级智能穿戴 智能穿戴产品目前只有:HUAWEI WATCH 3. 其他都是轻量级智能穿戴,如HUAWEI WATCH GT 2 Pro, ...
最新文章
- Java、Android静态代理与动态代理
- php存密码,php 登录验证的代码(基于文件保存的密码)
- python编译器如何设置中文_如何使setup.py test使用特定的fortran编译器?
- ubuntu更改屏幕界面大小和中文
- PDF Bookmark Extract1.0 release(Free Version) PDF书签抽取器(iTextSharp的利用)
- 一本shell编程书籍上的有bug的shell程序,看谁能找出问题所在。
- python画图设置字体_python Matplotlib画图之调整字体大小的示例
- 高通WCNSS驱动简析
- 如果有人问你爬虫抓取技术的门道,请叫他来看这篇文章
- 新一配:如何对电脑配置进行评判【转载】
- Markowitz有效边界投资组合——利用python
- GaRy-Liang的linux成长日记8-RAID阵列
- 一个基于vue的时间轴轮播图插件
- linux某服务启动失败,提示Authorization not available. Check if polkit...问题解决
- python-机器学习-波士顿房价回归分析
- SQLServer日期函数及查询当日昨日本周本月本季度本年数据
- python爬虫微信_搜狗微信采集 —— python爬虫系列一
- 家常土豆泥饼制作方法步骤图解
- 2018-2-13-win10-uwp-音频
- mini车f和r的区别_MINI车型这么多特殊版本怎么区分?
热门文章
- 基于Python实现的卷积神经网络分类MNIST数据集
- matlab strcmp cell,matlab中strcmp函数的使用
- 笔记本使用久了键盘脏东西怎么清理?笔记本电脑如何清洁键盘?
- 老板最不能拒绝的请假理由,它排第一
- 回首2022,展望2023(年度总结)
- 《Nmap渗透测试指南》—第6章6.9节MAC地址欺骗
- python 商品名称相似度查找(difflib库和结巴分词的运用)
- linux宝塔mysql不能启动_【宝塔面板】Mysql无法启动如何处理
- SpringBoot全局事务管理
- (简易SSM框架搭建)物流查询系统