本节学习一个二维码展示组件QRCode。调用方式很简单,接口参数输入我们希望被读取的字符串内容即可,可通过color属性设置二维码的颜色(如果不设置颜色属性,则默认为黑色),通用事件仅支持点击事件:javascript3.11QRCode组件显示二维码信息。接口:QRCode(value:string)value:string二维码内容字符串。属性:.color(Color)默认值Black,设置二维码颜色。事件:通用事件仅支持点击事件。本节教程演示的目标为:二维码上面嵌入头像,...
2022-07-06 13:11:05 4556浏览 1点赞 1回复 1收藏
今天来学习一下两个简单易用的图表组件Progress和DataPanel。1.Progress组件Progress是一个进度条组件,用于显示内容加载或操作处理进度。鸿蒙官方文档只给出了其接口和属性的说明,如下:javascript3.10.1Progress组件进度条,用于显示内容加载或操作处理进度。接口:Progress(value:{value:number,total:number,style:ProgressStyle})value:number指定当前进度值。total:number默认值100,指定进度总长。style:ProgressStyle默...
2022-07-01 13:32:15 5546浏览 1点赞 1回复 1收藏
本节讲解评分条组件Rating的两种基本使用方法:用作表单组件和用作展示组件。首先我们看下Rating组件的接口、属性和事件的说明:javascript3.9Rating组件评分条组件。接口:Rating(options:{rating:number,indicator:boolean})rating:number默认值0,设置并接收评分值。indicator:boolean默认值false,仅作为指示器使用,不可操作。属性:.stars(number)默认值5,设置评星总数。.stepSize(number)默认值0.5,操作评级的步长。.sta...
2022-06-28 20:40:34 4410浏览 1点赞 1回复 1收藏
滑动条组件,用来快速调节设置值,如音量、亮度等。Slider组件默认宽度为父容器宽度的100%,可自动适配横竖屏切换。Slider组件的接口、属性和事件说明如下:typescript3.8Slider组件滑动条组件,用来快速调节设置值,如音量、亮度等。接口:Slider(value:{value:number,min:number,max:number,step:number,style:SliderStyle})value:number默认值0,当前进度值。min:number默认值0,设置最小值。max:number默认值100,设置最大值...
2022-06-21 20:21:35 5060浏览 3点赞 1回复 2收藏
登录虚拟机,用户名使用root,密码使用123456,登录成功后使用如下命令查看虚拟机配置是否正常:ipacatetcsysconfignetworkscriptsifcfgens33pingbaidu.com拍照前先使用命令关机:shutdownhnow注意:1.开机状态下拍快照占用很大空间,且容易丢失数据。2.不要使用关闭客户机的方式,如下图:关机状态下选择快照拍摄快照:后面安装K8S出错了,可以利用快照还原。
2022-06-20 21:52:28 2364浏览 1点赞 0回复 1收藏
本节介绍通过VMware安装K8S集群所需要的Master节点和Node节点,安装方法一模一样。其中Master节点安装3台虚拟机,分别命名为k8smaster01、k8smaster02和k8smaster03。Node节点安装2台虚拟机,分别命名为k8snode01和k8snode02。由于虚拟机数量很少,而且只是用于学习测试,所以IP并没有使用不同网段。点击“创建新的虚拟机”:选择“自定义(高级)”,点击“下一步”按钮:点击“下一步”按钮:选择“稍后安装操作系统”,点击“...
2022-06-17 15:28:37 5777浏览 3点赞 1回复 1收藏
[[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)]本节介绍一个比较简单的计数器组件Counter,可提供相应的增加或者减少的计数操作。1.接口Counter组件的接口不需要任何参数。javascriptCounter()2.事件不支持通用事件和手势,仅支持监听数值增加或减少的事件。javascriptonInc(callback:()void)监听数值增加事件。onDec(callback:()void)监听数值减少事件。示范代码首先,我们定义两个变量,用于记录当...
2022-06-16 22:20:02 4126浏览 2点赞 0回复 1收藏
1.1服务器规划1.服务器配置选型1.学习环境(用于k8s基础的学习)a)2核2G磁盘40G足矣,可以采用单master多Node,或者多Master无Node(Master节点也可以充当Node节点)2.实战环境(用于k8s实战学习,从进阶部分开始)a)2核4G+磁盘40G+40G,可以采用单Master多Node,或者多Master多Node(Master节点也可以充当Node节点,总计可用node节点数为5即可)Master节点:2核4G服务器3台。Node节点:2核4G服务器2台。如果要做DevOps实验,可...
2022-06-16 16:23:20 4143浏览 2点赞 1回复 1收藏
简介本专栏作为《[鸿蒙开发ArkUI最佳实践](https:ost.51cto.comcolumn86)》专栏的姊妹篇推出。在鸿蒙开发之南拳北腿的系列教程中,北向开发(纯软件开发)的客户端技术选型为鸿蒙ArkUIeTS语言,后端采用高可用架构,基于Kubernetes(K8S)。南向开发(偏硬件开发)主要围绕智能物联网(AI+IOT)进行。本专栏探讨在DevOps云原生实践中,如何开发、测试和部署微服务。第1章K8s安装准备1.1服务器规划1.2使用VMware安装虚拟机1.3虚拟机拍快...
2022-06-16 15:41:39 1990浏览 2点赞 0回复 1收藏
[[本文正在参加星光计划3.0夏日挑战赛](https:ost.51cto.composts13641)]本节讲解ArkUIeTS文本输入组件TextInput和TextArea的基本用法,分别对应单行文本输入场景和多行文本输入场景。最后,针对TextInput组件UI外观无法定制的弊端,演示HUI文本输入增强组件Input的运行效果。3.6.1TextInput组件新建TextInputSample.ets页面。TextInput组件的接口、属性和事件说明如下:typescript3.6.1TextInput组件单行文本输入组件。接口:Te...
2022-06-14 22:09:08 4052浏览 3点赞 1回复 2收藏
按钮组件的使用比较简单,也是我们高频使用的一个组件。从外观上分为矩形圆角按钮、胶囊型按钮和圆形按钮。3.5.1接口按钮组件支持两个可选参数,其中:label:用于设置按钮文本。options:主要设置按钮的外观风格。也由两个可选参数组成。默认效果type为胶囊型按钮风格,开启切换效果。除非特意要实现矩形按钮或圆形按钮的效果,否则,建议不设置options参数,这样代码也简洁,整个App的按钮风格也保持一致。typescript3.5Butto...
2022-06-10 20:51:09 4019浏览 4点赞 1回复 2收藏
本节演示视频播放组件Video的基本使用方法。3.4.1权限配置由于使用本地视频文件会影响App的包大小,所以通常我们的视频文件来源于网络地址,需要在config.json中做如下权限配置:json"configChanges":["orientation"]...此处配置省略..."reqPermissions":[{"name":"ohos.permission.INTERNET"},{"name":"ohos.permission.MODIFYAUDIOSETTINGS"},{"name":"ohos.permission.READMEDIA"}]如下图所示:3.4.2接口Video(value:{src:st...
2022-06-07 16:23:59 5941浏览 3点赞 1回复 1收藏
本节首先解决Extend装饰器无法多页面复用的问题,介绍通过自定义组件实现标题和正文的样式复用。然后介绍图片展示组件Image和帧动画组件ImageAnimator,并同时讲解如何对图片应用图像效果及实现共享元素转场。3.3.1建立多页面可复用的组件在《3.1.1Text组件》这节中,我们使用了Extend装饰器定义了title和body,实现快速定义并复用组件的自定义样式。但是,Extend装饰器只能应用在定义该装饰器的页面里,无法通过export共享给其...
2022-05-31 20:30:12 4909浏览 5点赞 2回复 2收藏
本节讲解ArkUIeTS中实现页面跳转的三个方案。包括:使用Hyperlink组件打开浏览器跳转到第三方网页、使用Navigator组件跳转到App内的其它页面和使用页面路由接口router。对于目前Hyperlink组件Beta版存在的问题,给出了使用建议。3.2.1Hyperlink组件做BS架构开发的同学,应该很熟悉超级链接组件“a”,通常,链接到另一个网页,写法如下:html而在ArkUIeTS官方提供的组件中有一个和它对标的组件Hyperlink。该组件的接口写法为:t...
2022-05-24 21:06:30 6611浏览 7点赞 6回复 3收藏
在正式演示文本段落组件Span之前,我想建立一个列表导航页面,方便随时跳转到相应的组件演示页面。1.建立页面导航将上一小节演示Text组件的index.ets页面复制粘贴为TextSample.ets页面。修改index.ets页面的代码为:typescriptExtend(Text)functionli(){.fontColor($r("app.color.fgLevel1")).fontSize($r("app.float.fontSizeSubTitle1")).fontWeight(Number($r("app.float.fontWeightSubTitle1")))}EntryComponentstructIndex...
2022-05-19 20:51:59 5439浏览 1点赞 0回复 1收藏
本节讲解文本组件Text和Span的基本使用方法,同时讲解第一个声明式语法Extend装饰器,通过该装饰器重构示例代码。由于本节展示的组件效果较多,一屏无法展示完,我们可以将默认HelloWorld页面的布局改为使用Scroll布局组件支持纵向滚动,改造后代码如下:typescript3.1Text组件和Span组件EntryComponentstructIndex{build(){Stack({alignContent:Alignment.TopStart}){Scroll(){Column({space:16}){Text('HelloWorld').fontSize...
2022-05-19 12:04:51 5855浏览 4点赞 0回复 1收藏
在“第1章鸿蒙3.0真的来了”中,我们学习了基于方舟开发框架ArkUI的最新语言eTS开发鸿蒙App的全流程。那么,eTS这个“后起之秀”究竟是一门怎样怎样的语言?它和JavaScript和Typescript是怎样的关系?本章第一节介绍了eTS物种起源。在已经存在JavaUI和JsUI的情况下,华为为什么还要推出eTS?基于eTS的ArkUI有什么优势?在本章第二节中,我们对“基于eTS的方舟开发框架ArkUI的鸿蒙开发”做一个SWOT分析,即,优点、缺点、机会和...
2022-05-17 09:20:56 2782浏览 3点赞 0回复 1收藏
本节通过栅格化布局、自适应布局、响应式布局和使用资源,从App的弹性布局和多态组件两个维度,讲解如何实现一次开发多端部署。接着,建立一个ArkUIeTS的开发框架,这个可以作为开发新App的脚手架。当显示环境发生变化时(如,不同屏幕尺寸的设备切换、横竖屏切换、应用分屏),我们需要及时调整内容的布局方式以适应变化。通过栅格化布局、自适应布局和响应式布局,可以达到多设备下布局的一致性。2.6.1栅格化布局1.8vp网格系...
2022-05-12 15:40:25 6298浏览 12点赞 14回复 5收藏
这一节,我们不讲代码,不讲招式,但是我们讲心法。心法入门了,后续开发才能游刃有余。2.5.1鸿蒙系统诞生的历史必然性鸿蒙系统刚推出的时候,出现了不少质疑的声音,其中,说鸿蒙系统是“安卓套壳”的比较多。听起来似乎有点道理。我的手机从安卓EMUI升级到鸿蒙2.0后,界面似乎也没什么大的改变。但是,仅从界面的差异就得出这个结论,稍显肤浅。鸿蒙要想从安卓和iOS这两个老牌霸主的夹缝中成长起来,必须慎重的选择战略和战术...
2022-05-09 13:36:36 4412浏览 2点赞 2回复 1收藏
这一节,我们为App实现沉浸式体验的状态栏。首先,我们在index页面中实现一个最基本的页面,只有一个文本组件,同时,将页面背景设置莫兰迪三号颜色。代码如下:typescriptEntryComponentstructIndex{build(){Column(){Text('《鸿蒙开发ArkUI最佳实践》基于HarmonyOS3.0,采用方舟开发框架eTS语言。系统讲解方舟开发框架核心技术和分布式特性,包含丰富案例和一个App实战项目,提供所有案例和实战项目的源码。——鸿蒙开发之南...
2022-05-06 19:20:57 5120浏览 6点赞 1回复 1收藏