鸿蒙开发者社区

摘要：[图片组件](https:www.aigcoder.comcodemagic)(AImage)：可设置图片地址、图片宽度、图片高度、圆角类型及是否显示外框线。圆角类型支持普通圆角、圆形及无圆角。一、组件调用方式1.极简调用只需要输入AImage，然后给src（图片地址）属性赋值即可。默认宽度和高度均为300vp，方角。2.更多属性输入AImage，然后给src（图片地址）属性赋值，可设置图片宽度（imageWidth）、图片高度（imageHeight）、圆角类型（radius）和使...

摘要：[AI极客官网首页](https:www.aigcoder.comhome)(AGirdNav)：可设置导航数据，建议导航项超过16个，可设置“更多”图标指向的页面路由。最多显示两行，手机每行最多显示4个图标，折叠屏每行最多6个图标，平板每行最多8个图标。多余图标通过“更多”图标跳转。一、组件调用方式宫格导航组件的调用非常简单，只需要输入AGirdNav，然后给属性data（导航数据）和moreRouter（“更多”图标指向的页面路由）赋值即可。在data当中...

摘要：卡片导航(ACardNav)：可设置导航数据(含文本、图标、路由)，可设置为透明模式(适用于背景容器设置了颜色的情形)，学习在鸿蒙中使用MaterialDesignIcons图标库。一、组件调用方式1.非透明模式卡片导航组件的调用非常简单，只需要输入ACardNav，然后给属性data（导航数据）赋值即可。在data当中需要给文字、图标和跳转的路由赋值，如下图所示：页面调用代码如下：import{ATitleBar}from'..auibasicATitleBar'import{ACardNa...

摘要：[按钮导航组件](https:www.aigcoder.comarticle17)(AButtonNav)：可设置导航数据(含文本及路由)，可设置按钮颜色、导航标题及导航子标题。一、组件调用方式1.极简调用用AButtonNav调用“按钮导航组件”，只需要给属性data（导航数据）赋值即可。其中每项数据需要配置按钮的文本和跳转的路由，如下图所示：本地模拟器运行效果如下：2.更多属性可设置按钮的颜色（color），在颜色常量中有一整套符合鸿蒙官方设计标准的“适...

摘要：图片导航组件(AImageNav)：可设置图片数据源(含文本、图片地址及路由)、按钮颜色、背景图高度、背景图模式图片模式、非背景图模式时可设置导航标题和导航子标题。一、组件调用方式1.背景图模式调用方法：首先输入AImageNav，然后给data和color属性赋值，如下图所示：在属性data中需要给按钮的文字（text）、背景图（src）、跳转页面的路由（router）、标题（title）和子标题（subTitle）赋值，如下图所示：在本地模拟器上...

摘要：轮播图导航(ASwiperNav)：实现沉浸式体验的App全屏轮播引导页效果。可设置图片数据(含文本、图片地址、路由、标题、子标题)，可设置按钮颜色。一、在页面当中调用轮播图导航组件打开"pageslndex.ets"，我们只需要输入"ASwiperNav"，然后给属性data和color赋值。如下图所示：示范代码如下：javascriptimport{ASwiperNav}from'..auinavigationASwiperNav'import{ColorConstants}from'..constantsColorConstants'import{Gird...

内容概要：详细演示纯血鸿蒙开发环境的安装，演示安装最新的鸿蒙开发IDEDevEcoStudio、SDK及最新版的本地模拟器。示范创建鸿蒙项目，及介绍高效开发纯血鸿蒙的方法。总共分三个部分第一步：到华为官网下载安装鸿蒙开发IDEDevEcoStudio第二步：安装相关的SDK第三步：安装本地预览模拟器一、安装DevEcoStudio我们先打开DevEcoStudio的鸿蒙官方下载地址，进入到最新版本页面：https:developer.huawei.comconsumercndownload有华为...

本节学习一个二维码展示组件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共享给其...