搜索
创作
提问
登录注册
展开

关键词

HarmonyOS实战——CommonDialog组件的基本使用

弹框组件 在HarmonyOS当中，常用的弹框主要有两种： 第一种是普通弹框（CommonDialog），提示用户并让用户进行对应的操作的，比如使用打车软件的时候，如果手机没有开定位，就会有弹框提示，让你在手机中开启定位 CommonDialog 组成和使用 在鸿蒙当中，这种普通和弹框其实是有默认布局的 下面的选择按钮最多只有三个 [在这里插入图片描述] 弹框并不是APP启动时立马弹出来的，一般会有两种情况： 点击按钮的时候会弹出来 CommonDialog 自定义布局使用 CommonDialog 里面有默认的布局，布局由如下三部分组成： [在这里插入图片描述] 所以只要直接调用方法给里面设置一些文本内容就可以了 下面就介绍下自定义弹框里的内容 cd = new CommonDialog(this); //大小是默认包裹内容的 //弹框默认是居中设置的 //弹框默认是透明的 // //此时需要用 dl 去调用，表示获取的是 dl 这个布局里面的组件 Text title = (Text) dl.findComponentById(ResourceTable.Id_message

12800

自学鸿蒙应用开发（25）- 基本的CommonDialog

动作演示 对话框是应用程序的主要输入手段之一，但是遗憾的是目前鸿蒙的开发网站上只有ToastDialog用法，其他类型的对话框则只能参考为数不多的英文文档。 以下是作者经过不断尝试，终于鼓捣出来的CommonDialog对话框。 代码实现 生成基本的CommonDialog的代码并不复杂：构建对话框对象之后分别设定图标，标题，副标题和显示信息之后设定OK按钮即可。 private void showStdCommon(){ CommonDialog dlg = new CommonDialog(this); dlg.setContentImage( 本文中的OK按钮只是简单的关闭CommonDialog。 ? 从上图可以看出，生成的对话框布局占满整个屏幕宽度，形式又非常简陋，这个状态是无法将其运用到实际的商品级应用开发的。

41410
  • 广告
    关闭

    腾讯云校园大使火热招募中！

    开学季邀新，赢腾讯内推实习机会

    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Vue 组件（一）：组件的基本使用

    组件化的好处是： 提高开发效率 方便重复使用，简化调试步骤，方便单元测试 提升整个项目的可维护性，方便团队成员的协同开发 高内聚（功能必须是完整的）、低耦合（解耦业务逻辑和数据） 2.创建组件 2.1 Vue 实例的模板中使用。 ，但是单独书写 <bbb></bbb> 则无法渲染子组件，这是因为子组件是在父组件中注册的，因此它只能在父组件的模板中使用。 组件的命名 组件创建后，直接在 dom 中书写组件名即可使用组件。但是组件的命名有一定的规则。 这是因为组件是可复用的，每次使用一次 <my-component></my-component> 就会创建一个组件实例，如果定义组件时 data 依然返回的是对象，那么一个组件数据的更改将会同步影响到其它组件

    19610

    vue 组件基本使用

    组件是可复用的 Vue 实例，且带有一个名字。把这个组件作为自定义元素来使用。组件的好处是写一次可以进行任意次数的复用 全局组件

    HarmonyOS实战——Clock组件的基本使用

    Clock时钟组件的基本使用 组件说明：Text的子类，所以可以使用Text的一些属性。 ，如果用 xml 直接指定他的属性，会出现一些小bug，不过24小时是没问题，如果使用属性的方式指定12小时计算方式，就会出现如上bug，下面就可以使用Java代码的形式来实现12小时的展示。 将时钟组件中的显示方式在24小时制和12小时制之间切换 业务分析： 页面上有时钟组件和一个按钮组件 时钟组件默认是按照24小时制显示时间 点击按钮可以切换到12小时制显示时间 再次点击按钮可以切换到24 小时制显示时间 布局分析： 布局中文本比较多，所以可以使用换行属性：ohos:multiple_lines="true"，这个属性也是Text组件的属性，Clock组件也是Text住组件的子类，所以可以直接拿过来使用 “改为24小组制” 在 onClick 方法当中要做两种方式的判断，在方法外做一个标记，类型可以使用boolean或int类型，boolean类型有两个值，只能表示两个状态，为了后期的扩展，这里使用 int

    16040

    HarmonyOS实战——ToastDialog组件基本使用

    ToastDialog 简介 [在这里插入图片描述] ToastDialog 是 CommonDialog 的子类，他们的用法几乎是一致的，只不过 ToastDialog 有自己的特性 ToastDialog 的组成如下：标题、提示内容、选择按钮 [在这里插入图片描述] 一般只会用中间的提示内容，因为 ToastDialog 出现的意义就是用来作消息提示的 ToastDialog 弹框有自己的展示时间，默认展示 //让弹框出现 td.show(); } } 运行： [在这里插入图片描述] 点击按钮，可以看到弹框提示信息出现了 [在这里插入图片描述] 两秒后弹框消失 注意事项： 基本使用 LayoutScatter.getInstance(context).parse(ResourceTable.Layout_mytoast, null, false); //2.获取到当前布局对象中的文本组件 Text msg = (Text) dl.findComponentById(ResourceTable.Id_msg); //3.把需要提示的信息设置到文本组件

    12830

    React 入门学习（十三）-- antd 组件库的基本使用

    我们也有一些现成的组件库可以使用，我们只需要写一个组件标签即可调用。这让我们 React 开发变得十分的快速，方便和整洁。 我们这里学习的是 Ant-design （应该是这样），它有很多的组件供我们使用 按钮，日历，这些都是非常常用的组件，我们一起看看如何使用吧 1. Antd 组件基本使用 使用 Antd 组件非常的简单 引包 ----- 暴露 ---- 使用 首先我们通过组件库来实现一个简单的按钮 第一步 安装并引入 antd 包 使用命令下载这个组件库 yarn add antd 在我们需要使用的文件下引入，我这里是在 App.jsx 内引入 import { Button } from 'antd' 在引入的同时，暴露出要使用的组件名 Button 推荐去官方文档查看 ，都会有代码解释 现在我们可以在 App 中使用 Button 组件

    iOS 组件化开发（一）：远程私有库的基本使用

    为了解决此类情况，我们可以考虑到使用组件化开发 概念 组件化就是将一个单一工程的项目, 分解成为各个独立的组件， 然后按照某种方式, 任意组织成一个拥有完整业务逻辑的工程。 比如不同项目使用同一功能模块 高效：任意增删模块，实现高效迭代 组件化还可以配合二进制化, 提高项目编译速度 组件分类 大体上分三类：基础组件、功能组件和业务组件 基础组件：也称为公共组件，存放平时定义的宏 ---- 本篇先来介绍下远程私有库的基本使用，建议按顺序看完之后，回来再看一遍步骤归纳，加深了解，如有不足之处，欢迎指出，感谢 : ) 步骤归纳 创建远程索引库和私有库 将远程索引库添加到本地 LXFBase 1、快速创建模版库 到合适的位置创建一个与组件名相同的文件夹，cd进去后，使用如下命令 // pod lib create 组件名 pod lib create LXFBase ? 搜索成功 六、使用私有库 这时我们可以来试试通过pod形式来添加组件LXFBase，创建一个新的项目 1、添加Podfile文件 pod init 2、在Podfile的最顶部添加如下描述 // 第二行是为了保证公有库的正常使用

    89020

    uni-app入门教程（4）组件的基本使用

    、input等）、导航组件navigator和页面传参、媒体组件（audio、image和video等），详细说明了这些组件的常用属性和方法，并进行使用举例和演示。 一、基础组件 组件是视图层的基本组成单元，一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内。 ，event.detail = {height: height, duration: duration} 4.label 用来改进表单组件的可用性，使用for属性找到对应的id，或者将控件放在该标签下 (OBJECT) 保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面 uni.redirectTo(OBJECT) 关闭当前页面，跳转到应用内的某个页面 uni.reLaunch 总结 uni-app为开发者提供的基础组件类似于HTML里的标签元素，并且更适合手机端使用，开发者可以通过组合这些组件、并在此基础上开发各种扩展组件来实现快速开发。

    1.1K50

    HarmonyOS实战——ProgressBar进度条组件基本使用

    ProgressBar进度条组件 组件说明： 常见app中，下载进度条，完成任务的进度条等都会用到 常见属性： [在这里插入图片描述] 常见方法： [在这里插入图片描述] 基本用法： <ProgressBar //两种获取进度条组件的方式： //1.把onStart方法的pb移动到成员位置 //2.onClick方法的形参，也表示被点击的组件对象 RoundProgressBar进度条 使用方式和ProgressBar是一样的 是ProgressBar的子类，只是显示的方式不同 [在这里插入图片描述] 查看 RoundProgressBar 组件 ，发现是继承了 ProgressBar 组件的 [在这里插入图片描述] 基本使用 <? RoundProgressBar组件来实现，基本一致的效果，只是显示的方式不同而已

    13700

    HarmonyOS实战——TickTimer定时器组件基本使用

    TickTimer定时器组件说明： 是Text的子类，所以可以使用Text的一些属性 该组件目前有一些bug，后续版本中会修复这些bug的 常见属性： 属性名 功能说明 format 设置显示的格式 center" ohos:top_margin="30vp" /> </DirectionalLayout> ohos:text_alignment="center"：表示的是文本相对于组件是居中的 ohos:layout_alignment="center"：表示的是TickTimer组件在布局里面是居中的 MainAbilitySlice package com.xdr630.ticktimerapplication.slice [请添加图片描述] 虽然点击了结束，在这个APP界面当中时间不再跳动，但是在系统的底层，时间并没有停止 建议： 该组件目前还是有 bug 的 计时器一旦点击结束之后，就不要重新开始再计时了，也就是说每个计时器只用一次就行了 TickTimer定时器案例——统计10秒内按钮点击的次数 使用定时器统计10秒之内按了多少次?

    18850

    使用Three.js 基本组件以及流程

    var camera = new THREE.PerspectiveCamera(45,  windows.innerWidth / windows.inner...

    34930

    React Native导航Navigator组件基本使用方法

    最近在学React Native，了解了一个原本iOS中非常重要的导航控件的使用方法。 这里不讲React Native的基础了，直接讲一讲Navigator这个组件的基本使用方法。 对于一个导航组件，最基本的就是下面几个点： 进入下一个界面 返回上一个界面 传递数据给下一个界面 返回数据给上一个界面 我们一个一个来看。 首先要使用Navigator组件，按照惯例是要import它的，这个别忘了。 以上基本叙述完毕，看下效果图吧： 可以下载示例工程查看完整的代码：https://github.com/Cloudox/RNNavigatorDemo

    17320

    Vue 饿了么Mint UI组件的基本使用

    前言 前面的篇章基本已经说明在webpack中如何构建vue框架的时候。除了这些基础框架的要素，为了快速开发app应用。还要借助于更多的开源组件。 本篇章就来介绍一下如何基本使用饿了么的Mint UI组件。 使用 饿了么的 MintUI 组件 Github 仓储地址 Mint-UI官方文档 ? 腾讯说明文档 ? 安装基本说明 首先我们来看看官网的首页介绍，如下： ? 对于mint-ui的导入更加推荐使用按需导入的方式，因为这样可以节省压缩编译后的bundle.js的空间大小。 当完整导入mint-ui之后，就可以使用使用相关的组件了，下面来看看一个button按钮组件。 Mint-UI中 js 组件的使用 上面演示了mint-ui中css组件的基本使用，那么下面来看看js组件的基本使用。

    68550

    HarmonyOS实战——TextField文本输入框组件基本使用

    TextField组件基本用法 组件说明： 是Text的子类，用来进行用户输入数据的 常见属性： [在这里插入图片描述] [在这里插入图片描述] <TextField ohos:id= TextField组件高级用法 3.1 密码的密文展示 当输入密码的时候会变成密文展示 [在这里插入图片描述] ohos:text_input_type="pattern_password"：表示输入的密码以密文的方式显示 基本使用： <? 有的时候文本输入框并不是一个框，而是下面有一条横线，这条线华为官方叫做 基线 [在这里插入图片描述] 把文本输入框使用横线表示，在上面加上一条基线，把输入框的背景颜色去掉 <TextField ] 把“小眼睛”改成Button组件，实现的逻辑原理也是一样的 [在这里插入图片描述] 需求分析： 按住按钮不松，将输入框中的密码变成明文 松开按钮之后，输入框中的密码变回密文 新建项目：TextFieldApplication3

    15720

    VUE组件传值案例讲解

    传值：子组件给父组件的数据使用的emit将数据封装到函数里面进行传递： :before-close="_closeCurrDialog" //绑定一个函数 /** * @function _closeCurrDialog 给父组件的数据 * @prod 这里定义的函数名字是子组件使用的函数名字，这里说明一点，如果你给父组件的值是一个变量也可以直接传递 */ console.info(val) this.statusDialog = false }, 子组件接收父组件的值 导入需要的子组件路径 import commonDialog 改为使用属性默认值。 细品 那么你想要给子组件的值就正常在父组件的data里面使用就可以了。这样你在父组件里面的操作的数据就可以传递给到子组件了！ ，额，可能是大家都比较注意基础吧，以后我也尽量写一些关于组件使用的文章，感谢阅读！

    39410

    kubernetes的基本概念和组件

    使用 Kubernetes, 您可以快速高效地响应客户需求: 快速、可预测地部署您的应用程序 拥有即时扩展应用程序的能力 不影响现有业务的情况下，无缝地发布新功能 优化硬件资源，降低成本 我们的目标是构建一个软件和工具的生态系统 除了上面的这些组件，还有一些第三方的组件： kube-dns 负责为整个集群提供 DNS 服务 Ingress Controller 为服务提供外网入口 Heapster 提供资源监控 Dashboard 提供 GUI 组件之间的关系： 从上面图可以看到所有组件均是通过API Server进行通信，所以API Server就是一个中枢神经，在生产中我们会把master部署为多节点，做高可用。 kubelet是Node上的组件，它会检测Node上的Pod，并将其状态更新到API Server。 kubectl是集群的管理组件，主要也是调用API Server，然后进行整个集群的管理。

    27820

    ESXI网络及组件的基本概念

    1、esxi网络： 物理网络：esxi主机与其他组件通讯的真实的网络，虚拟网络建立在物理网络之上。 虚拟网络：esxi主机上运行的虚拟机之间互相通讯而逻辑连接所形成的网络。 2、网络组件： 物理网卡：简称为vmnic，esxi主机拥有的真实网卡，用于对外连接物理交换机等设备 虚拟网卡：简称vnic，虚拟机拥有的虚拟网卡，用于连接虚拟交换机 虚拟交换机：简称vswitch ，是esxi内核提供的，确保虚拟机和管理界面的通信。 可逻辑划分为端口或者端口组 标准交换机：每台esxi主机单独管理的虚拟的交换机，包括虚拟机端口组、vmkernel端口和NIC team三种 虚拟端口组：用于连接esxi主机内虚拟机间的通讯，一个虚拟机必须连接到一个端口组 分布式交换机：对多个esxi进行集中式管理的高级交换机，提供分布式端口组。加入分布式交换机的esxi主机可以使用分布式交换机的配置，无需在每台esxi上单独配置，方便管理。

    2.4K40

    rest_framework框架的基本组件

    快速实例 Quickstart 序列化 创建一个序列化类 简单使用 开发我们的Web API的第一件事是为我们的Web API提供一种将代码片段实例序列化和反序列化为诸如json之类的表示形式的方式。 P<pk>\d+)$', views.PublishDetailViewSet.as_view(),name="publish_detail"), ] 视图三部曲 使用混合（mixins） 上一节的视图部分 def delete(self, request, *args, **kwargs): return self.destroy(request, *args, **kwargs) 使用通用的基于类的视图 通过使用mixin类，我们使用更少的代码重写了这些视图，但我们还可以再进一步。 REST框架提供了一组已经混合好（mixed-in）的通用视图，我们可以使用它来简化我们的views.py模块。

    22620

    backgroundworker组件的使用

    本文转载：http://www.cnblogs.com/inforasc/archive/2009/10/12/1582110.html BackgroundWorker 组件用来执行诸如数据库事务、文件下载等耗时的异步操作 ，DoWork 事件的代码是在另一个线程里执行的。 等于true，然后调用BackgroundWorker的ReportProgress()方法，通过它传递操作完成的进度值，此外，该方法触发ProgressChanged事件，在是此事件中，通过ProgressChangedEventArgs 的实例，接收到主线程传递过来的参数。 ，首先要把属性WorkerSupportsCancellation 的值设置为 true。

    54320
    点击加载更多

    相关产品

    • 腾讯云图数据可视化

      腾讯云图数据可视化

      腾讯云图 （TCV）是一站式数据可视化展示平台，旨在帮助用户快速通过可视化图表展示海量数据，10 分钟零门槛打造出专业大屏数据展示。精心预设多种行业模板，极致展示数据魅力。采用拖拽式自由布局，无需编码，全图形化编辑，快速可视化制作……

    相关资讯

    热门标签

    更多标签

    活动推荐

    运营活动

    活动名称
    广告关闭

    腾讯云开发者

    扫码关注腾讯云开发者

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2022 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 京公网安备 11010802017518 粤B2-20090059-1

    扫码关注腾讯云开发者

    领取腾讯云代金券