OpenHarmony应用开发——实现Toast提示功能-鸿蒙物联网应用开发-HarmonyOs应用开发

一、前言

        本文我们将实现Toast样式的功能,以便于和用户进行简单、基本的信息交互。需要注意的是,本专栏(OpenHarmony应用开发)不阐述UI设计内容,而主要介绍大家开发中常遇到、常使用的功能问题,以及在物联网开发中常用功能开发。

二、基本工程

        本文中,我们将使用一个基本的登录界面进行后续开发,源代码如下,完全复制到Index.ets文件内即可使用。

import promptAction from '@ohos.promptAction';let user:string="";//声明变量
let pswd:string="";@Entry
@Component
struct Index {build() {Column(){Blank().height('20%')Image($r('app.media.icon')).objectFit(ImageFit.Contain).height('20%').width('100%')Row(){Text('User:').height('100%').width('20%').fontSize(20).padding(10)TextInput().type(InputType.Normal).padding(10).onChange((value:string) =>{user=value;})}.height('10%')Row(){Text('Pswd:').height('100%').width('20%').fontSize(18).padding(10)TextInput().type(InputType.Password).padding(10).onChange((value:string) =>{pswd=value;}).width('60%')Row(){Toggle({type:ToggleType.Checkbox,isOn:false}).width('20')}.width('20%')Blank()}.height('10%')Button('登录').type(ButtonType.Capsule).width('80%').height('5%').margin({top:10}).border({style:BorderStyle.Solid,color:Color.Green,width:2}).onClick(()=>{//此处添加登录响应事件})}}
}

        在Previewer中,我们可以看到本页面的预览。

        我们对该基本工程,做一次基本的解析。

        下图所示是声明用于存储账户和密码所需的中间变量,并赋初值 " ".

        下图所示,我们添加了一个文本输入框控件,并在文本被改变事件中,将改变后的值赋给上一步声明的中间变量。

        下图所示,密码输入框和上一边相似,在文本被改变事件中,将改变后的值赋给上一步声明的中间变量。

        随后是登录后的点击事件,我们对该部分做了留白。

三、实现验证功能

        上述步骤中,我们已经将文本框中账号和密码的值赋给了两个中间变量,下面我们可以在按钮的点击事件中,判断值是否符合我们的要求,从而实现验证功能。

        添加代码,判断账户是否为root,密码是否为123456.

四、实现Toast提示

        实现验证功能后,我们可以通过Toast来告诉用户,验证的结果如何。

        Toast的基本代码实现如下:

promptAction.showToast({message:'登录成功',duration:2000,bottom:100
})

        其三个参数分别为提示信息、保持时间、距离底部距离。

        本方法的使用需要导入promptAction库,上述基本工程的代码中,第一行已经导入了promptAction库。

        完善登录成功和失败后的代码。

        运行成功,查看登录效果。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/220200.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于Dockerfile创建LNMP

实验组件 172.111.0.10:nginx docker-nginx 172.111.0.20:mysql docker-mysql 172.111.0.30:php docker-php 实验步骤 1.建立nginx-lnmp镜像及容器 cd /opt mkdir nginx cd nginx/ --上传nginx-1.22.0.tar.gz和wordpress-6.4.2-zh_C…

Android13适配所有文件管理权限

Android13适配所有文件管理权限 前言: 很早之前在Android11上面就适配过所有文件管理权限,这次是海外版升级到Android13,由于选择相册用的是第三方库,组内的同事没有上架Google的经验直接就提交代码,虽然功能没有问题…

自动化补丁管理软件

什么是自动化补丁管理 自动补丁管理(或自动补丁)是指整个补丁管理过程的自动化,从扫描网络中的所有系统到检测缺失的补丁,在一组测试系统上测试补丁,将它们部署到所需的系统,并提供定期更新和补丁部署状态…

arrays.sort用法详解

arrays.sort用法详解 大家好,我是免费搭建查券返利机器人赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!在编程的世界中,数组(arrays)是一种常见且重要的数据结构&a…

国产数据库适配-达梦(DM)

1、通用性 达梦数据库管理系统兼容多种硬件体系,可运行于X86、X64、SPARC、POWER等硬件体系之上。DM各种平台上的数据存储结构和消息通信结构完全一致,使得DM各种组件在不同的硬件平台上具有一致的使用特性。 达梦数据库管理系统产品实现了平台无关性&…

【算法与数据结构】37、LeetCode解数独

文章目录 一、题目二、解法三、完整代码 所有的LeetCode题解索引,可以看这篇文章——【算法和数据结构】LeetCode题解。 一、题目 二、解法 思路分析:本题也是一道困难题,难点在于如何构建数独棋盘,如何检查棋盘的合法性&#xff…

H5开发App应用程序的常见问题以及解决方案

Hello大家好,我是咕噜铁蛋,天冷记得添衣,ok话说回来H5开发成为了一种流行的方式来构建跨平台的移动应用程序。然而,在H5开发App应用程序的过程中,我们常常会遇到一些问题,这些问题可能涉及性能、兼容性、用…

什么是http协议

1、概念 http协议超文本传输协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。超文本是超级文本的缩写,是指超越文本限制或者超链接,如:图片、音乐、视频、超链接等等都属 于超级文本。 作用&am…

人工智能_机器学习065_SVM支持向量机KKT条件_深度理解KKT条件下的损失函数求解过程_公式详细推导---人工智能工作笔记0105

之前我们已经说了KKT条件,其实就是用来解决 如何实现对,不等式条件下的,目标函数的求解问题,之前我们说的拉格朗日乘数法,是用来对 等式条件下的目标函数进行求解. KKT条件是这样做的,添加了一个阿尔法平方对吧,这个阿尔法平方肯定是大于0的,那么 可以结合下面的文章去看,也…

BIND9配置及配置文件参数详解

BIND9配置及配置文件参数详解 BIND(Berkeley Internet Name Domain)是一款广泛使用的开源DNS服务器软件,用于解析域名和IP地址之间的映射关系。BIND9是BIND系列的最新版本,提供了丰富的功能和配置选项。本文将详细介绍BIND9的配置…

3、ollvm移植

github: https://github.com/obfuscator-llvm/obfuscator/tree/llvm-4.0 先复制 include Obfuscation: /home/nowind/llvm/ollvm/obfuscator/include/llvm/Transforms/Obfuscation /home/nowind/llvm/llvm-project-9.0.1/llvm/include/llvm/Transforms/Obfuscation lib Ob…

【基于Flask、MySQL和Echarts的热门游戏数据可视化平台设计与实现】

基于Flask、MySQL和Echarts的热门游戏数据可视化平台设计与实现 前言数据获取与清洗数据集数据获取数据清洗 数据分析与可视化数据分析功能可视化功能 创新点结语 前言 随着游戏产业的蓬勃发展,了解游戏销售数据对于游戏从业者和游戏爱好者都至关重要。为了更好地分…

飞致云与上海吉谛达成战略合作,获得Gitea企业版中国大陆地区独家代理权

2023年12月13日,中国领先的开源软件提供商FIT2CLOUD飞致云宣布与上海吉谛科技有限公司(以下简称为上海吉谛)正式达成战略合作,FIT2CLOUD飞致云获得上海吉谛旗下代码托管平台Gitea企业版中国大陆地区独家代理权。 Gitea项目&…

市场全局复盘 20231213

昨日回顾: SELECT TOP 10000 CODE,成交额排名,净流入排名,代码,名称,DDE大单金额,涨幅 ,主力净额,DDE大单净量,CONVERT(DATETIME, 最后封板, 120) AS 最后封板 FROM dbo.全部A股20231213_ALL WHERE 连板天 > 1AND DDE大单净量 > 0AND DDE散户数量…

文件系统理解

先前的博客我写了关于缓冲区的理解,顺便提及了在内存的文件是怎样管理的,本文就来描述在磁盘上的文件是怎么样。但要先了解了解磁盘。 在笔记本上机械磁盘被固态硬盘代替,因为固态硬盘更快,而且方便携带,机械硬盘若是受…

TypeScript 第四节:运算符

一、常用的运算符 TypeScript支持与JavaScript相同的运算符,包括算术、比较、逻辑和位运算符。以下是一些常用的TypeScript运算符: 算术运算符:加法、减法-、乘法*、除法/、求余%、自增、自减-- 比较运算符:等于、不等于!、严格…

极狐GitLab 镜像仓库使用技巧

极狐GitLab 镜像仓库 众所周知,极狐GitLab 是一个成熟、安全的一体化 DevOps 平台,其自身内置了容器镜像仓库功能,也即极狐GitLab Container Registry,用户可以将自身需要的镜像推送至极狐GitLab 镜像仓库,而无需自建镜…

JS对象笔记

对象声明 对象也只是一种数据类型/字面值。写对象这个字面值有两种写法,一种是普通的对象,这种对象用new 构造函数(),另一种是JS内特有的json对象。这个对象是直接{}就代表对象。且也是在堆内。 对象的构成 无论是上…

34.在排序数组中查找元素的第一个和最后一个位置

​​题目来源&#xff1a; leetcode题目&#xff0c;网址&#xff1a;34. 在排序数组中查找元素的第一个和最后一个位置 - 力扣&#xff08;LeetCode&#xff09; 解题思路&#xff1a; 进行两次二分查找即可。 解题代码&#xff1a; class Solution { public:vector<int…

道路坑洞数据集(坑洞目标检测)VOC+YOLO格式650张

路面坑洞的形成原因是由于设计、施工、养护处理不当、控制不适和受气候、环境、地质、水文等自然因素影响&#xff0c;以及车辆的运行和车辆超载运行导致路面破损&#xff0c;出现坑洞的现象。 路面坑洞的分类&#xff1a; &#xff08;1&#xff09;路面混凝土板中坑洞&…