首页 > 其他分享 > 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件

时间:2023-12-26 11:34:20浏览次数:35  
标签:Toast 显示 prompt showToast bottom HarmonyOS message ArkUI


 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件_示例代码

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件_示例代码_02编辑

一、操作环境

操作系统:  Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1

二、Toast组件

Toast 的应用场景也非常广泛,比如网络请求出错了可以弹一个 Toast 提示等。@ohos.prompt 模块里提供显示一个 Toast 的 API 如下所示:

declare namespace prompt {
  // 显示一个Toast
  function showToast(options: ShowToastOptions):void;
}

interface ShowToastOptions { // Toast配置参数
  message: string;           // Toast显示文本
  duration?: number;         // Toast显示时长
  bottom?: string | number;  // Toast距离屏幕底部距离
}

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件_图片编辑_03

  • options:设备 Toast 显示特性,ShowToastOptions 参数说明如下:
  • message:提示文本,必填项。
  • duration:Toast 显示时间,单位毫秒,范围 [1500, 10000],默认1500。
  • bottom:设置 Toast 的显示位置距离底部的间距。

三、示例

代码

import prompt from '@ohos.prompt';

@Entry @Component struct ToastTest {

  build() {
    Column({space: 10}) {

      Button("无参数Toast")
        .onClick(() => {
          prompt.showToast({
            message: "默认Toast"
          })
        })

      Button("带参数Toast")
        .onClick(() => {
          prompt.showToast({
            message: "bottom为300的位置", // 显示文本
            duration: 8000,              // 显示时长
            bottom: 300                  // 距离底部的距离
          })
        })
    }
    .width('100%')
    .height('100%')
    .padding(10)
  }
}

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件_示例代码_04

图片

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件_图片编辑_05

 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toast组件_示例代码_06编辑

标签:Toast,显示,prompt,showToast,bottom,HarmonyOS,message,ArkUI
From: https://blog.51cto.com/u_16269709/8980662

相关文章

  • #星计划#浅谈ArkUI之Web组件的基础用法
    最近研究了ArkUI中的一些常用组件,其中Web组件是很常用且相对独立的一种组件。本文总结了Web组件的常用函数,以及基本用法。先来一个AI画的Web组件助助兴(好吧,不能说毫无关系,只能说一点也不像):在ArkUI中,Web组件用于显示Web网页,可以理解为一个嵌入式的小型浏览器,用于展示Web内容,实现We......
  •  鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toggle开关组件
     鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Toggle开关组件编辑一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Toggle开关组件接口Toggle(options:{type:ToggleType,isOn?:boolean})参数参数名参数类型必填默认值参数描述typeToggleType......
  • HarmonyOS应用事件打点开发指导
    HarmonyOS应用事件打点开发指导简介传统的日志系统里汇聚了整个设备上所有程序运行的过程流水日志,难以识别其中的关键信息。因此,应用开发者需要一种数据打点机制,用来评估如访问数、日活、用户操作习惯以及影响用户使用的关键因素等关键信息。HiAppEvent是在系统层面为应用开发者提......
  • 鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Progress进度条组件
    鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Progress进度条组件编辑一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Progress组件进度条也是UI开发最常用的组件之一,进度条组件,用于显示内容加载或操作处理等进度。接口Progress(options:{value:n......
  • HarmonyOS应用兼容稳定性云测试
     兼容性测试兼容性测试主要验证HarmonyOS应用在华为真机设备上运行的兼容性问题,包括首次安装、再次安装、启动、卸载、崩溃、黑白屏、闪退、运行错误、无法回退、无响应、设计约束场景。具体兼容性测试项的详细说明请参考兼容性测试标准。兼容性测试支持TV、智能穿戴 (Wear......
  • 【木棉花】#星计划#在HarmonyOS中调用百度翻译API
    介绍通过http请求和HarmonyOS自带的加密框架,可以为移动应用实现调用百度翻译API的功能。完整示例完整示例链接开发环境要求● DevEcoStudio版本:DevEco Studio 3.1 Release● HarmonyOSSDK版本:API version 9工程要求●API9● Stage模型正文代码结构......
  • 零基础快速上手HarmonyOS ArkTS开发2---ArkTS开发实践
    ArkTS开发实践:接着上一次https://www.cnblogs.com/webor2006/p/17729244.html继续,在上一次对于ArkTS的基础知识进行了学习,依照官方的课程计划,还有两个具体的小案例需要来实践实践:实践出真知,还是非常有意义的,可以将零碎知识进行一个串连,下面就正式开撸。实践一:可刷新的排行榜......
  •  鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Image图片组件
     鸿蒙(HarmonyOS)项目方舟框架(ArkUI)之Image图片组件编辑一、操作环境操作系统: Windows10专业版、IDE:DevEcoStudio3.1、SDK:HarmonyOS3.1二、Image组件Image 用来加载并显示图片的基础组件,它支持从内存、本地和网络加载图片,当从网络加载图片的时候,需要申请网络访问权限。oh......
  • 【江鸟中原】ArkUI组件示例
    学习了一段鸿蒙课,觉得有必要晒一晒自己的进步。通过对ArkUI的学习,我学会了它主要分为基础组件、容器和弹窗。下面我主要对基础组件的按钮和文本进行分析,希望对学习鸿蒙开发的同学有帮助。1.在DevEcoStudio中创建一个新项目2.在main下面的pages文件夹下建立ButtonPage.ets项目项目......
  • HarmonyOS 初体验 (七)了解包结构
    上一篇HarmonyOS初体验(五)了解UI、应用模型应用结构结构图Module描述:一个应用包含一个或者多个Module,可以在DevEcoStudio工程中创建一个或者多个Module。Module是HarmonyOS应用/服务的基本功能单元,包含了源代码、资源文件、第三方库及应用/服务配置文件,每一个Module都......