• [技术干货] OpenHarmony自定义组件介绍【转载】
    一、创建自定义组件在ArkUI中,UI显示的内容均为组件,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。在进行 UI 界面开发时,通常不是简单的将系统组件进行组合使用,而是需要考虑代码可复用性、业务逻辑与UI分离,后续版本演进等因素。因此,将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。自定义组件具有以下特点:● 可组合:允许开发者组合使用系统组件、及其属性和方法。● 可重用:自定义组件可以被其他组件重用,并作为不同的实例在不同的父组件或容器中使用。● 数据驱动UI更新:通过状态变量的改变,来驱动UI的刷新。以下示例展示了自定义组件的基本用法。@Componentstruct HelloComponent { @State message: string = 'Hello, World!'; build() { // HelloComponent自定义组件组合系统组件Row和Text Row() { Text(this.message) .onClick(() => { // 状态变量message的改变驱动UI刷新,UI从'Hello, World!'刷新为'Hello, ArkUI!' this.message = 'Hello, ArkUI!'; }) } }}HelloComponent可以在其他自定义组件中的build()函数中多次创建,实现自定义组件的重用。class HelloComponentParam { message: string = ""}@Entry@Componentstruct ParentComponent { param: HelloComponentParam = { message: 'Hello, World!' } build() { Column() { Text('ArkUI message') HelloComponent(param); Divider() HelloComponent(param); } }}要完全理解上面的示例,需要了解自定义组件的以下概念定义,本文将在后面的小节中介绍:​ ● ​​自定义组件的基本结构​​​ ● ​​成员函数/变量​​​ ● ​​自定义组件的参数规定​​​ ● ​​build()函数​​​ ● ​​自定义组件通用样式​自定义组件的基本结构● struct:自定义组件基于struct实现,struct + 自定义组件名 + {...}的组合构成自定义组件,不能有继承关系。对于struct的实例化,可以省略new。说明:自定义组件名、类名、函数名不能和系统组件名相同。● @Component:@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力,需要实现build方法描述UI,一个struct只能被一个@Component装饰。说明:从API version 9开始,该装饰器支持在ArkTS卡片中使用。@Componentstruct MyComponent {}● build()函数:build()函数用于定义自定义组件的声明式UI描述,自定义组件必须定义build()函数。@Componentstruct MyComponent { build() { }}​ ● @Entry:@Entry装饰的自定义组件将作为UI页面的入口。在单个UI页面中,最多可以使用@Entry装饰一个自定义组件。@Entry可以接受一个可选的​​LocalStorage​​的参数。说明:从API version 9开始,该装饰器支持在ArkTS卡片中使用。从API version 10开始,@Entry可以接受一个可选的​​LocalStorage​​的参数或者一个可选的​​EntryOptions​​参数。@Entry@Componentstruct MyComponent {}EntryOptions10+命名路由跳转选项。名称类型必填说明routeNamestring否表示作为命名路由页面的名字。storage​​LocalStorage​​否页面级的UI状态存储。@Entry({ routeName : 'myPage' })@Componentstruct MyComponent {}● @Reusable:@Reusable装饰的自定义组件具备可复用能力说明:从API version 10开始,该装饰器支持在ArkTS卡片中使用。@Reusable@Componentstruct MyComponent {}原文链接:https://ost.51cto.com/posts/26750#24read
  • [互动交流] 使用过程问题记录
    1、在无操作后几分钟会自动断开,再次切换到程序会假死几分钟。如果我在编写与部署之间来回切换就很难受了。2、只能上传文件,不能下载文件
  • [互动交流] 无法在CodeArts-C++ 2.1.1版本上安装RemoteShell扩展
    安装了最新版本的codearts C++  但是无法安装remoteshell扩展  提示与2.1.1版本 不兼容
  • [热门活动] 【获奖公告】HCSD云上开发成长计划 获奖名单来啦~
    活动原帖:HCSD云上开发成长计划感谢各位小伙伴的参与,获奖公示来啦~~~请务必在8月17日之前填写问卷提交奖品收件地址信息,逾期视为放弃领奖。>>点这里,填问卷<<恭喜以下同学获奖!反馈有礼恭喜以下2位论坛用户,获得荣耀智能体脂各1份恭喜以下5位论坛用户,获得保温杯各1份邀请排名礼恭喜以下用户获得邀请好礼!本次获奖公示期(8月10日-8月17日),在公示期内,若对获奖存有异议请反馈至活动群小助手,公示期结束后,获奖公告生效,实物奖品预计在获奖公告生效后的25个工作日内完成快递发放。如有疑问,请联系活动小助手
  • [互动交流] CodeArts IDE for Java什么时候能推出使用
    CodeArts IDE for Java什么时候能推出使用
  • [互动交流] 如何利用华为云开发者插件实现对云端存储服务的快速访问和文件管理?
    作为一名开发人员,我经常需要与云端存储服务进行交互,例如上传、下载和管理文件等操作。我想知道如何使用华为云开发者插件中的功能,快速访问云端存储,并在本地开发环境中进行文件的上传、下载和管理。
  • HCSD华为云智能编程实战营(第二期)
    HCSD华为云智能编程实战营(第二期)开始啦,点击以下链接~https://developer.huaweicloud.com/signup/550ac1136e7545e8949b34749f778e7c
  • [活动分享] 【DevRun】华为云&昇腾联合云上应用开发、AI训练营来咯~~
    Serverless被业界称为云计算的下一个10年,“Serverless 简化了云计算的编程,其代表了程序员生产力的又一次的变革,如编程语言从汇编时代演变为高级语言时代。本体验营将带你了解无服务计算概念,学会如何基于Severless技术构建可用于个人学习以及生产开发的个人网站,一站式高效体验华为的云端应用开发!>> 点击快速报名活动<<
  • [技术干货] 插件界的全家桶!对接华为云能力就用它了!——Huawei Cloud Toolkit使用指南
    华为云开发者插件(Huawei Cloud Toolkit)是围绕华为云开发者生态工具体系打造的一系列IDE插件,支持华为云API能力对接、自然语言一键转换成C++、Java等标准代码、一键部署到云端等等。一、账号准备点击链接进入产品页面,点击右上角登录/注册华为云账号,查看产品介绍、帮助文档等。cid:link_3华为云API插件是Huawei Cloud Toolkit系列插件的一员,使用API插件我们可以对接华为云丰富的API能力。API插件支持当下IDE平台(IntelliJ IDEA、VS Code)以及华为IDE CodeArts。二、IDE平台支持平台:IntelliJ系列IDE或者VS Code IDE基本操作流程:API插件安装-->华为云账号登录(请提前安装底座插件)-->API插件体验API插件安装IntelliJ IDEA安装:在IntelliJ IDEA顶部菜单栏中选择File > Settings,在Settings对话框的左侧导航栏中单击Plugins。Plugins区域单击Marketplace,在搜索栏中输入Huawei Cloud API。Search Results区域会出现Huawei Cloud API,单击Install,完成后重启IDE。VS Code IDE安装:在Visual Studio Code顶部菜单栏中选择File > Preferences > Extensions,弹出VS Code IDE的Marketplace的插件列表。在搜索栏中输入Huawei Cloud API。找到Huawei Cloud API插件,选择install,完成后重启IDE。华为云账号登录使用前:请先在IDE中安装底座插件Huawei Cloud Toolkit Platform,并完成华为云账号登录。IntelliJ IDEA登录:点击左侧菜单中的Huawei Cloud Toolkit图标,打开插件主面板,选择右上角的用户头像按钮,在弹出的页面选择华为云AK/SK登录、华为账号登录或者CSDN账号登录。若选择AK/SK登录,会进入Setting面板,填入AK、SK后点击apply进行登录操作。(AK/SK获取请点击)若选择华为账号或者CSDN账号登录,会打开浏览器进入登录页面,IDE侧会同步登录结果(华为云账号注册请点击)。VS Code IDE登录:点击左侧菜单中的Huawei Cloud Toolkit图标,打开插件主面板,选择右上角的用户头像按钮,在弹出的页面选择华为云AK/SK登录或者华为账号登录。若选择AK/SK登录,则输入之前准备好的AK、SK登录华为云。(AK/SK获取请点击)若选择华为账号登录,则会跳至浏览器在web页面登录华为云账号,IDE侧会同步登录结果(华为云账号注册请点击)。API插件体验打开插件左侧主面板:点击IDEA或者VSCode左侧工具框中的"Huawei Cloud Toolkit"工具按钮、点击插件主面板中的API主页,则可打开华为云API插件主面板 。选择任意一个云服务,查看该云服务下的提供的相关API、示例代码等,详情能力请参考API插件能力。三、华为CodeArts IDE点击进入CodeArts IDE在线免费体验(需要完成华为云账号登录操作)。2)点击左侧工具栏中的华为云API图标,则可打开华为云API插件主面板。点击查看更多。
  • [热门活动] 【有奖活动】HCSD云上开发成长计划 —成都东软学院专场
    当今时代复杂多变,科技发展大势所趋,软件研发作为推动这个时代快速演进的发动机,每一位开发者都要保持敏锐的行业洞察力,与领跑趋势的能动性行业趋势日新月异。顺应国家产业发展需求,华为云将与高校共同探索新工科教学模式,结合企业应用情况和学生情况,助推新生工程教育,将加速云开发走进高校 。携华为云CodeArts IDE 走进高校,走入课堂,作为一站式云上开发创新工具,释放学生创新活力!主办单位:华为云计算公司、成都东软学院计算机与软件学院承办单位: 成都东软学院计算机与软件学院网络工程系>>活动报名入口<<学习内容:一、【云上开发初体验】【认识CodeArts IDE】:初识CodeArts IDE【云上开发体验】:华为云CodeArts IDE调用API语音合成二、【华为云软件开发进阶实践】【认识CodeArts】:从0到1深度体验CodeArts 【最佳案例实践】:华为端到端(HE2E)DevOps三、【华为云开发者认证高阶挑战】考取开发者认证证书,提升个人竞争力!了解开发者认证详情报名本活动后>>戳我申请<<1元兑换价值500元开发者认证考试券!活动福利:福利一:参与训练营学习,完成以下学习体验任务,达标即可抽取好礼!学习体验礼:完成【云上开发体验】华为云CodeArts IDE调用API语音合成,即可参与有机会抽取奖品:保温杯(共30份),本活动结束后导出完成名单进行统一抽奖。心得分享有礼:反馈学习体验截图+心得体会/产品改进建议等内容至本活动贴评论区,活动结束后,运营小姐姐将抽取优质内容,送出荣耀智能体脂2、保温杯(共12份)福利二:邀请好友共同学习,赢惊喜大礼! 邀请100人参与学习,排名1名,即可得HUAWEI MatePad1个。(限1份)邀请85人参与学习,排名2-3名,即可得HUAWEI WATCH GT2 1个。(限2份)邀请40人参与学习,排名4-5名,即可得华为AI音响或荣耀FlyPods青春版无线耳机1个。(限2份)邀请30人参与学习,排名6-7名,即可得华为10000mAh移动电源SuperCharge快充版或荣耀Xsports运动蓝牙耳机1个。(限2份)邀请20人参与学习,排名8-9名,即可得华为手环4或荣耀手环 5i 标准版1个。(限2份)邀请8人参与学习,排名10-40名,即可得华为定制三合一数据线1个(限30份)如何邀请好友:参与活动报名生成你的邀请二维码;好友通过你的邀请码报名活动参与学习,且好友需为首次注册华为云的新用户,参与学习验证标准:完成免费开通CodeArts及下载CodeArts IDE并登录华为云账号。加入社群,关注最新活动消息
  • [热门活动] 5分钟云上开发体验:通过CodeArts IDE插件调用API,高效合成语音
    实验内容:CodeArts IDE定位华为云开发者桌面,是利用华为自研IDE内核技术,面向华为云开发者提供的智能化可扩展桌面集成开发环境(IDE),内置华为自研JAVA语言开发支持,搭载华为云行业和产业开发套件,提供极致的一站式用云和开发体验。本实验基于华为云自研CodeArts IDE,指导用户通过使用华为云API,来实现一个文字合成语音的应用。实验分为了初阶、高阶、进阶三个版本。初阶版:预置好了一段工程示例,用户通过使用华为云API来实现语音合成的功能,从而合成语音文件高阶版:指导开发者如何利用华为云提供的SDK来编写代码,从而实现语音合成的程序进阶版:对高阶版的程序进行改造,利用CodeArts IDE提供的代码补全、重构等功能,指导开发者实现一个更复杂更高级的功能。实验目的:通过完成此实验让开发者学习使用华为云CodeArts IDE,通过其强大功能完成应用开发通过完成此实验让开发者更加了解华为云API,基于华为云强大的API可以实现更多复杂的功能和应用完成的注意事项:用户需要实名认证才能免费体验用户如果被华为云判断为黑产用户,则没有免费体验的权限用户免费体验示例,必须进入体验页面前提条件:华为云账号注册&实名认证 请注册华为云账号并完成实名认证,实验过程中请使用Chrome浏览器完成相关操作。华为云账号注册步骤请参考:cid:link_1实名认证操作步骤请参考:cid:link_21.CodeArts IDE Online 路径点击如下链接,访问CloudIDE产品首页(需登录华为云账号),点击“免费体验云开发”按钮,进入IDE界面cid:link_52.CodeArts IDE(客户端)语音合成体验路径2.1 体验CodeArts IDE:  2.1.1下载CodeArts IDE(客户端)       ①访问如下CodeArts产品下载页(需登录华为云账号),点击下载,下载完成后安装到本地cid:link_02.1    2.1.2登录华为云,体验API  ①安装完成后,打开CodeArts IDE客户端,点击右上角登录按钮,登录华为云账号;    ②点击客户端右侧边栏中的华为云API插件,了解集成的华为云API能力(建议点击华为云API,将其拖动到左边侧边栏中,方面后续操作)[Q(1] 2.2 初阶版:体验语音合成API,合成一段语音2.2.1 环境准备(一键式小程序)①下载一键式环境搭建小程序到任意目录(此目录不包含中文目录,否则可能会出现未知问题) ,此小程序依赖你本地安装了7zip/WinRAR等解压工具,双击打开,如果你已经安装,输入y回车。②此时小程序会将2.2.2中的代码工程以及OpenJDK下载到小程序所在的目录中,并完成解压,打开代码工程,为工程配置JDK(如果出现未知问题,也可以按照2.2.2中一步步手动操作)2.2.2 环境准备(手动初始化)①下载OpenJDK11到本地目录,然后解压到任意路径(需要记住此路径)2.点击下载工程,解压到任意目录在CodeArts IDE客户端点击“文件”-> “打开…”、“打开文件夹”,找到刚刚的工程目录,选择文件夹,然后选择此工程内打开第一次加载Java插件需要完成初始化,需要等待一会儿,等待右下角的Initializing Java Language Server Features完成后开始下一步③为工程配置JDKJava Smart Assist插件加载完成后,此时右下角会显示Language Server is ready 以及 提示为配置JDK。点击左下角的“管理”按钮,选择“设置”,在弹出设置选项中依次选择“Java SmartAssist开发套件”->“Project Settings”-> “Project SDK目录选择”-> 找到刚刚JDK的解压目录 ->选择文件夹,此时工程右下角会显示加载JDK,需要稍等片刻选择完成后可以关闭此配置项,IDE会自动帮您加载JDK2.2.3 体验API①搜索API,在CodeArts IDE客户端内,打开“华为云API”,搜索“语音合成”,选择第一个搜索结果②右侧弹出RunTts详细情况,可以查看API相关信息,包括(API是干啥的,有哪些参数)然后选择“调试API”页签③输入需要合成的文字,例如“华为云软件开发生产线”,选择audio_format为.mp3,点击“调试”按钮,可以看到API的调试结果,可以看到“调试成功”,查看右下“响应结果”的“响应体”页签,可以看到返回的结果,“data”是音频的base64编码。④点击响应体右侧的“拷贝”图标按钮,再将左边侧边栏的华为云API页面切换到“工程页面”,找到src/resources目录,将结果备份到工程目录src/resources/APIResponse.json中⑤找到test目录下的测试类SisServiceTest.java,点击找到方法“should_return_audio_when_response_json()”,点击“Run‘All in SisServiceTest’”,最后可以看到目录下生成的音频文件。2.3 高阶版:通过编写代码实现语音合成的应用2.3.1 为程序配置AK/SK代码访问API需要AK/SK,参考文档获取用户AK/SK,将其输入到resources文件夹下的credentials.properties文件中的ak、sk中2.3.2 编写SDK代码①在editor中点击右键打开菜单,选择启用“华为云SDK代码补全助手”,在IDE中输入RunTts,DevKit会自动帮你联想出合适的API,选择RunTts,DevKit会帮你自动把SDK调用实现,并且将代码中涉及到的依赖自动import②点击编辑API参数,填入相关参数后,点击确定,生成API参数的代码③修改函数,在try括号中进行语句添加return response,将调用API的代码client.runTts返回的结果response作为函数的返回。④找到test目录下的测试类SisServiceTest.java,找到方法“should_return_audio_when_call_api”,点击“Run‘All in SisServiceTest’”,最后可以看到目录下生成的音频文件。2.4 进阶版:改造现有工程,实现更多功能(此阶段需要开发者具备一定编码能力)将方法TextToSpeech进行改造,可以让用户输入一段台词(男女对话),将其中男生的台词生成男生的语音,女生的台词生成女生的语音。3 FAQ: 3.1Java语言服务(Java Language Server)加载失败/在Java语言服务初始化时,如果关闭了IDE窗口、取消了加载等等情况,则会出现安装失败,点击重新安装即可。如果重新安装仍有问题,参考3.2解决方案。 3.2点击Java SmartAssist开发套件空白原因可能是因为Java语言服务初始化失败导致,彻底解决改问题,找到C盘/用户目录下的.codearts文件夹,删除language-server文件夹,重新启动CodeArts IDE客户端,此时会重新加载Java语言服务3.3JDK没有加载/加载失败这是因为工程的JDK没有配置,可以参考2.2.2中为第三步:工程配置JDK。另外还有一种一劳永与的方法:将下载并解压后的OpenJDK目录配置到电脑windows环境变量的JAVA_HOME变量中(如何设置windows环境变量,可以自行baidu),如图所示3.4在加载工程的时候出现Cannot resolve xxx或者 Could not transfer artifact xxx等这是因为工程所依赖的二方包没有下载下来,工程中默认链接的是官方的下载源(在国外),可能因为网络问题或者其他问题导致链接不稳定,此时把配置文件修改成链接到国内的下载源:点击下载最新的配置(settings.xml),将此目录(C盘用户目录下找到.codearts文件夹,然后按照此路径找到settings文件.codearts\language-server\2210.0.17\language-server\plugins\maven\lib\maven3\conf)下的文件替换3.5 登录/激活相关问题如果在实验过程中遇到CodeArts IDE登录问题,可以参考CodeArts IDE登录检查指导.docx
  • [热门活动] 【报名已开启】HUAWEI FreeBuds 3无线耳机等你拿~快来参与CodeArts实践体验!
    【活动简介】CodeArts是华为自研一站式软件开发生产线,软件开发全流程覆盖:支持需求管理、代码托管、流水线、代码检查、编译构建、部署、测试、制品仓库等全生命周期软件开发服务;开箱即用,云上开发。本次实践体验活动带你初步感受CodeArts的便捷开发,更有黑白棋实时对战游戏项目帮助你提升实战能力,快来试试吧~【活动福利】本次活动福利多多,参与体验将有机会获得HUAWEI FreeBuds 3 无线耳机、华为手环4、华为mini蓝牙音箱、华为自拍杆、荣耀智能体脂以及华为云周边等惊喜礼品!>>戳我立即报名<<【活动内容】一、在线学习:【知识点1】:图解软件开发生产线CodeArts【知识点2】:软件开发生产线使用流程【知识点3】:最佳实践-华为端到端(HE2E)DevOps二、实践体验+体验反馈:【CodeArts初体验】:5分钟体验代码托管、CloudIDE云端代码编辑、调试、运行【CodeArts项目实战】:基于CodeArts进行黑白棋实时对战游戏开发三、进阶学习-开发者认证:考取开发者认证证书,提升个人竞争力!报名本活动后可申请1元兑换价值500元开发者认证考试券!四、专家答疑:体验过程中有技术问题可在CodeArts论坛>问题求助版块发帖求助,我们将邀请华为云技术专家进行精细化答疑!加入交流群,获取第一手福利活动消息
  • [热门活动] 【获奖名单】云原生关键技术之DevOps活动获奖名单公布
    云原生关键技术之DevOps活动获奖名单公布如下:序号奖项华为云账号奖品数量1任务有奖hid__cn8cjapw6ba12c开发者pvc包12zz13467048866开发者pvc包13hw_008613029847805_01开发者pvc包14archive0629开发者pvc包15woyebuxiaode华为AM115半入耳式耳机16hw004233513华为AM115半入耳式耳机17hid_uhlukjb9ioim5g1华为AM115半入耳式耳机18geng4686华为AM115半入耳式耳机19lilac_nine华为AM115半入耳式耳机110xx-15709912565华为AM115半入耳式耳机111hid_vkqds3x90wylhvh华为AM115半入耳式耳机112hfq20021128华为AM115半入耳式耳机113hw_008615871053474_01华为AM115半入耳式耳机114catalpa_yang华为AM115半入耳式耳机115邀请有奖hid_i228gklprgg49nd荣耀移动电源/荣耀体脂秤1请获奖的用户,点击获奖信息登记,填写个人领奖信息获奖信息登记获奖信息登记截止日期:7月12日。请尽快填写,过期不予补发。一、任务挑战指导手册:任务1:快速搭建打卡小程序任务2:CloudIDE语音合成任务3:云上开发图片压缩工具任务4:DevOps最佳案例实践全流程体验二、说明:完成任一任务,截图回复本活动帖,即可申请华为云云原生开发者认证考试代金券!截图为任务完成页截图且截图需包含本人华为云账号,否则不予发放考试代金券三、申请开发者考试认证代金券点击申请华为云云原生认证考试代金券
  • 【DevOps全栈实践训练营】获奖名单
    【DevOps全栈实践训练营】已经结束啦~开发者小伙伴们关心的获奖名单新鲜出炉,看看有没有你呢?获奖者请务必登记获奖信息方便奖品发放,奖品截止发放日期3.22,请及时填写,获奖信息过期无效哦~获奖信息登记表
  • [热门活动] 【华为云python训练营】实验反馈帖——动手实操赢大奖
    【华为云python训练营】开营啦~观望的同学们不要犹豫,赶紧加入吧~》》华为云python训练营动手实操反馈帖《《开始实操前请先确保完成了活动报名 》》》前往活动报名动手实操:完成基于Python开发的网站图片采集服务任务,并提交实验截图回复本贴(需包含右上角华为云账号),即有机会领取华为体脂秤。奖励先到先得哦!实验说明:华为云DevStar开发模板,通过模板,可以基于Flask web 框架的数据采集代码工程,该代码工程实现采集网页图片的功能。截图示例:注意事项:1、请务必使用个人账号参与活动(IAM、企业账号等账号参与无效);2、任务排名一致,则按截图反馈时间先后为标准,进行排名;3、本次活动,活动获奖名单预计于活动结束后10个工作日内完成公示,15个工作日内完成奖品发放,发放时间根据实际情况动态调整,如有延期敬请见谅;4、本次活动参与用户需真实有效,如有虚假、黑产等行为,一律通报、剔除活动参与资格。
总条数:215 到第
上滑加载中