开源基础软件社区

本节学习一个二维码展示组件QRCode。调用方式很简单，接口参数输入我们希望被读取的字符串内容即可，可通过color属性设置二维码的颜色(如果不设置颜色属性，则默认为黑色)，通用事件仅支持点击事件：javascript3.11QRCode组件显示二维码信息。接口:QRCode(value:string)value:string二维码内容字符串。属性:.color(Color)默认值Black,设置二维码颜色。事件:通用事件仅支持点击事件。本节教程演示的目标为：二维码上面嵌入头像，...

今天来学习一下两个简单易用的图表组件Progress和DataPanel。1.Progress组件Progress是一个进度条组件，用于显示内容加载或操作处理进度。鸿蒙官方文档只给出了其接口和属性的说明，如下：javascript3.10.1Progress组件进度条，用于显示内容加载或操作处理进度。接口:Progress(value:{value:number,total:number,style:ProgressStyle})value:number指定当前进度值。total:number默认值100,指定进度总长。style:ProgressStyle默...

本节讲解评分条组件Rating的两种基本使用方法：用作表单组件和用作展示组件。首先我们看下Rating组件的接口、属性和事件的说明：javascript3.9Rating组件评分条组件。接口:Rating(options:{rating:number,indicator:boolean})rating:number默认值0，设置并接收评分值。indicator:boolean默认值false，仅作为指示器使用，不可操作。属性:.stars(number)默认值5，设置评星总数。.stepSize(number)默认值0.5，操作评级的步长。.sta...

滑动条组件，用来快速调节设置值，如音量、亮度等。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，设置最大值...

登录虚拟机，用户名使用root,密码使用123456，登录成功后使用如下命令查看虚拟机配置是否正常：ipacatetcsysconfignetworkscriptsifcfgens33pingbaidu.com拍照前先使用命令关机：shutdownhnow注意：1.开机状态下拍快照占用很大空间，且容易丢失数据。2.不要使用关闭客户机的方式，如下图：关机状态下选择快照拍摄快照：后面安装K8S出错了，可以利用快照还原。

本节介绍通过VMware安装K8S集群所需要的Master节点和Node节点，安装方法一模一样。其中Master节点安装3台虚拟机，分别命名为k8smaster01、k8smaster02和k8smaster03。Node节点安装2台虚拟机，分别命名为k8snode01和k8snode02。由于虚拟机数量很少，而且只是用于学习测试，所以IP并没有使用不同网段。点击“创建新的虚拟机”：选择“自定义(高级)”，点击“下一步”按钮：点击“下一步”按钮：选择“稍后安装操作系统”，点击“...

[[本文正在参加星光计划3.0–夏日挑战赛](https:ost.51cto.composts13641)]本节介绍一个比较简单的计数器组件Counter，可提供相应的增加或者减少的计数操作。1.接口Counter组件的接口不需要任何参数。javascriptCounter()2.事件不支持通用事件和手势，仅支持监听数值增加或减少的事件。javascriptonInc(callback:()void)监听数值增加事件。onDec(callback:()void)监听数值减少事件。示范代码首先，我们定义两个变量，用于记录当...

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实验，可...

简介本专栏作为《[鸿蒙开发ArkUI最佳实践](https:ost.51cto.comcolumn86)》专栏的姊妹篇推出。在鸿蒙开发之南拳北腿的系列教程中，北向开发(纯软件开发)的客户端技术选型为鸿蒙ArkUIeTS语言，后端采用高可用架构，基于Kubernetes(K8S)。南向开发(偏硬件开发)主要围绕智能物联网(AI+IOT)进行。本专栏探讨在DevOps云原生实践中，如何开发、测试和部署微服务。第1章K8s安装准备1.1服务器规划1.2使用VMware安装虚拟机1.3虚拟机拍快...

[[本文正在参加星光计划3.0夏日挑战赛](https:ost.51cto.composts13641)]本节讲解ArkUIeTS文本输入组件TextInput和TextArea的基本用法，分别对应单行文本输入场景和多行文本输入场景。最后，针对TextInput组件UI外观无法定制的弊端，演示HUI文本输入增强组件Input的运行效果。3.6.1TextInput组件新建TextInputSample.ets页面。TextInput组件的接口、属性和事件说明如下：typescript3.6.1TextInput组件单行文本输入组件。接口:Te...

按钮组件的使用比较简单，也是我们高频使用的一个组件。从外观上分为矩形圆角按钮、胶囊型按钮和圆形按钮。3.5.1接口按钮组件支持两个可选参数，其中：label：用于设置按钮文本。options：主要设置按钮的外观风格。也由两个可选参数组成。默认效果type为胶囊型按钮风格，开启切换效果。除非特意要实现矩形按钮或圆形按钮的效果，否则，建议不设置options参数，这样代码也简洁，整个App的按钮风格也保持一致。typescript3.5Butto...

本节演示视频播放组件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...

本节首先解决Extend装饰器无法多页面复用的问题，介绍通过自定义组件实现标题和正文的样式复用。然后介绍图片展示组件Image和帧动画组件ImageAnimator，并同时讲解如何对图片应用图像效果及实现共享元素转场。3.3.1建立多页面可复用的组件在《3.1.1Text组件》这节中，我们使用了Extend装饰器定义了title和body，实现快速定义并复用组件的自定义样式。但是，Extend装饰器只能应用在定义该装饰器的页面里，无法通过export共享给其...

本节讲解ArkUIeTS中实现页面跳转的三个方案。包括：使用Hyperlink组件打开浏览器跳转到第三方网页、使用Navigator组件跳转到App内的其它页面和使用页面路由接口router。对于目前Hyperlink组件Beta版存在的问题，给出了使用建议。3.2.1Hyperlink组件做BS架构开发的同学，应该很熟悉超级链接组件“a”，通常，链接到另一个网页，写法如下：html而在ArkUIeTS官方提供的组件中有一个和它对标的组件Hyperlink。该组件的接口写法为：t...

在正式演示文本段落组件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...

本节讲解文本组件Text和Span的基本使用方法，同时讲解第一个声明式语法Extend装饰器，通过该装饰器重构示例代码。由于本节展示的组件效果较多，一屏无法展示完，我们可以将默认HelloWorld页面的布局改为使用Scroll布局组件支持纵向滚动，改造后代码如下：typescript3.1Text组件和Span组件EntryComponentstructIndex{build(){Stack({alignContent:Alignment.TopStart}){Scroll(){Column({space:16}){Text('HelloWorld').fontSize...

在“第1章鸿蒙3.0真的来了”中，我们学习了基于方舟开发框架ArkUI的最新语言eTS开发鸿蒙App的全流程。那么，eTS这个“后起之秀”究竟是一门怎样怎样的语言？它和JavaScript和Typescript是怎样的关系？本章第一节介绍了eTS物种起源。在已经存在JavaUI和JsUI的情况下，华为为什么还要推出eTS？基于eTS的ArkUI有什么优势？在本章第二节中，我们对“基于eTS的方舟开发框架ArkUI的鸿蒙开发”做一个SWOT分析，即，优点、缺点、机会和...

本节通过栅格化布局、自适应布局、响应式布局和使用资源，从App的弹性布局和多态组件两个维度，讲解如何实现一次开发多端部署。接着，建立一个ArkUIeTS的开发框架，这个可以作为开发新App的脚手架。当显示环境发生变化时（如，不同屏幕尺寸的设备切换、横竖屏切换、应用分屏），我们需要及时调整内容的布局方式以适应变化。通过栅格化布局、自适应布局和响应式布局，可以达到多设备下布局的一致性。2.6.1栅格化布局1.8vp网格系...

这一节，我们不讲代码，不讲招式，但是我们讲心法。心法入门了，后续开发才能游刃有余。2.5.1鸿蒙系统诞生的历史必然性鸿蒙系统刚推出的时候，出现了不少质疑的声音，其中，说鸿蒙系统是“安卓套壳”的比较多。听起来似乎有点道理。我的手机从安卓EMUI升级到鸿蒙2.0后，界面似乎也没什么大的改变。但是，仅从界面的差异就得出这个结论，稍显肤浅。鸿蒙要想从安卓和iOS这两个老牌霸主的夹缝中成长起来，必须慎重的选择战略和战术...

这一节，我们为App实现沉浸式体验的状态栏。首先，我们在index页面中实现一个最基本的页面，只有一个文本组件，同时，将页面背景设置莫兰迪三号颜色。代码如下：typescriptEntryComponentstructIndex{build(){Column(){Text('《鸿蒙开发ArkUI最佳实践》基于HarmonyOS3.0，采用方舟开发框架eTS语言。系统讲解方舟开发框架核心技术和分布式特性，包含丰富案例和一个App实战项目，提供所有案例和实战项目的源码。——鸿蒙开发之南...