鸿蒙开发者社区

APP必须工信部备案，且在页面明示备案号，点击可打开工信备案官方网站。1.新建AboutUsPage.ets文件，build()布局如下：build(){Navigation(){Column(){Image($r('app.media.icon')).width(216).height(216).margin({top:8,bottom:16});Text('农民叔叔').fontSize(24).fontColor($r('sys.color.ohosidcolortextprimary')).fontWeight(FontWeight.Medium);Text('病虫害诊断专家').fontSize(16).fontColor($r('sys.color.ohosidcol...

APP上架必备的用户《隐私政策》，页面嵌入web组件打开H5网页，可以托管在华为云AGC空间，部署站点并映射域名即可。1.新建隐私政策页面文件PrivateFilePage.ets，布局代码如下：build(){Navigation(){Column(){Web({src:'https:developer.huawei.com',controller:this.wvController})}.width('100%').height('100%')}.hideBackButton(false).title('隐私政策').titleMode(NavigationTitleMode.Mini)}2.使用ohos.web.webview组件wvController:myWebView.WebviewControllernewmyWebView.WebviewController();

整个页面布局主要是三部分：是否登录显示个人信息、列表菜单项、退出按钮。cke2087.pngcke1663.png1.build()布局代码build(){Column(){标题“我的”Text('我的').fontWeight(FontWeight.Medium).fontSize(24).alignSelf(ItemAlign.Start).fontColor($r('sys.color.ohosidcolortextprimary')).margin({top:12})个人信息Row(){头像Image($r('app.media.iconaccount')).width(48).height(48)昵称、手机号Column(){Text('叔叔，您好...

通过cloudDatabase.DatabaseZone.query方法查询云数据库中满足条件的数据记录。打开MyPestPage.ets文件1.定义存储区、查询条件变量agDBZone:cloudDatabase.DatabaseZoneundefinedundefined;云数据库存储区condition:cloudDatabase.DatabaseQuery<cloudDatabase.DatabaseObject>undefinedundefined;查询条件2.初始化aboutToAppear():void{初始化云数据库this.agDBZonecloudDatabase.zone('NMSS');先查询首选项中的用户ID，用户手...

存储区：可以理解为数据库；对象类型：可以理解为表结构；数据：就是表中的记录；完整的云数据库开发流程及初始化配置，请参见官方文档：​​https:developer.huawei.comconsumercndocharmonyosguidesV5agcharmonyosclouddevclouddbV5​​1.指定存储区NMSSdbconfig.json文件如下：{"defaultCloudDBZoneName":"NMSS","defaultDataStorageLocation":"CN"}2.定义病虫害Pest对象类型{"objectTypeName":"Pest","fields":[{"fieldName...

核心技术点：端云一体化开发的云存储模块。请参见官方文档：​​https:developer.huawei.comconsumercndocharmonyosreferencescloudfoundationcloudstorage​​图片上传流程：将图片复制到缓存区>>开始上传>>监听上传进度>>上传完成后在AGC云存储默认实例中可见图片。1.初始化定义云存储默认实例变量、上传回调函数类型云存储实例constbucket:cloudStorage.StorageBucketcloudStorage.bucket();默认云存储实例文件上传完成回调t...

在华为云的AIModelArts平台已部署图像分类模型的在线服务，且平台提供了在线服务的公网API。打开PestInfoPage.ets文件，在PestDiagnosisView组件内，1.定义复制文件的方法，将拍照或相册选取的图片复制到APP当前运行的缓存区复制文件paramfromparamtocopyFile(from:string,to:string):void{letfFilefileIo.openSync(from);lettFilefileIo.openSync(to,fileIo.OpenMode.READWRITEfileIo.OpenMode.CREATE);替换或创建fileIo.copyF...

1.登录华为云AI开发平台ModelArts​​https:www.huaweicloud.comproductmodelarts.html​​cke1057.png2.进入控制台，创建项目开发空间>>自动学习>>图像分类>>创建项目cke3391.png3.数据集标注我这里准备了38种病虫害类型，及对应大量的图集，喂给大模型训练。cke81684.png等待每个节点完成：cke22774.png需要注意两点：①数据集上传在OBS对象存储；②数据集的每个标注样本不能少于20张图片。4.在线服务部署服务部署完成后，可...

病虫害详细页面信息视图中需要增加“保存”按钮，把新增的AI诊断结果保存到AGC云数据库、云存储。保存按钮的代码如下：新增病虫害，AI诊断成功后保存诊断结果到云数据库保存按钮Button('保存到我的诊断记录').width('100%').height(40).fontSize(16).fontWeight(FontWeight.Medium).backgroundColor('007DFF').margin({bottom:48,top:8}).visibility(this.isAddVisibility.Visible:Visibility.Hidden).onClick(()>{TODO:保存诊...

点击首页病虫害图集列表项，跳转至具体病虫害的详细信息页，内容包括：病虫害图片、农作物品名、病虫害名称、防治办法等。布局结构如下图所示：cke3842.pngcke3529.png在PestInfoPage.ets文件中自定义病虫害详细信息视图组件PestInfoView，代码如下：病虫害详细信息视图ComponentstructPestInfoView{privatepestObj:PestModel;privateimgWidth:number;build(){Column(){病害图片Column(){Image(this.pestObj.Img).width(this.im...

页面布局结构包括三个colum列布局容器组件，分别是红、黄、绿色框，如下图所示：cke3226.pngcke6250.png打开我们前面新建的PestInfoPage.ets文件，自定义一个AI诊断页面组件PestDiagnosisView，接收2个参数：病虫害实体对象和图片占满屏幕宽度。代码如下：ComponentstructPestDiagnosisView{privatepestObj:PestModel;privateimgWidth:number;build(){Column(){病害图片Column(){Image(this.pestObj.Img).width(this.imgWidth)....

核心技术：相机服务CameraKit请参见官方资料：https:developer.huawei.comconsumercndocharmonyosguidescameraoverview一、申请相机权限打开src>>main>>module.json5文件，在requestPermissions数组中添加ohos.permission.CAMERA{"name":"ohos.permission.CAMERA","reason":"$string:camerareason","usedScene":{"abilities":["EntryAbility"],"when":"always"​二、定义拉起手机摄像头异步方法拍照asyncpickerCamera():Promise...

核心知识点1.自定义PestListView组件2.定义病虫害实体类PestModel对象在HomePage.ets文件中定义一个组件PestListView，该组件必需的3个属性：虫害图片、农作物名称、病虫害名称。以及接收外部输入参数病虫害实体PestModel。病虫害列表项ComponentstructPestListView{privatelstItem:PestModel;privatelstItemImg:stringResource;privatelstItemTitle:stringResource;privatelstItemId:number;privatelstItemPest:stringResource...

关键容器组件：Scroll、Swiper、Grid、List。从上至下、外向内的容器层级分别是：红色：上下滚动组件scroll黄色：列组件column蓝色：轮播组件swiper绿色：表格组件grid黑色：列表组件list红色：列表项组件listitem+层叠组件stack如下图所示：cke2284.pngcke1921.png1.农民叔叔标题标题Text('农民叔叔').fontWeight(FontWeight.Medium).fontSize(24).fontColor($r('sys.color.ohosidcolortextprimary')).margin({top:12,left:12}...

使用Tabs容器组件实现底部导航栏，切换内容页签。如下所示：cke1550.gif一、创建一个容器页面MainPage.etscke9441.png二、自定义tabBar组件组件输入参数包括：导航按钮标题、选项索引、默认未选择图标、被选择图标。BuilderTabBuilder(title:string,index:number,selectedImg:Resource,normalImg:Resource){Column(){Image(this.currentIndexindexselectedImg:normalImg).width(25).height(25)Text(title).margin({top:4}).font...

注意事项：1.初始化认证服务auth、CloudFoundationKit，以及配置首选项preferences。2.端云一体化工程调试目前只支持真机运行；不支持预览器和模拟器。一、初始化打开程序入口文件EntryAbility.ets，首先引入相关文件：import{GlobalContext}from'..utilsGlobalContext';import{buffer}from'kit.ArkTS';importauthfrom'hwagconnectauth'import{cloudCommon}from'kit.CloudFoundationKit';importConstantsfrom'..utilsConstants'...

通过手机号认证服务接口登录注册成功返回的用户信息，我们通过Preferences首选项进行存储。创建models目录，src>>main>>ets>>models，此目录下新建ArkTS文件UserModel.ets，即用户信息实体类用户实体exportdefaultclassUserModel{用户IDUId:string;用户名Name:string;手机号Phone:string;}创建utils目录，src>>main>>ets>>utils，此目录下新建5个ArkTS文件，分别如下：定义常量类Constants.etsexportdefaultclassConstants{手机...

上一篇我们已集成认证服务SDK。src>>main>>ets>>pages目录下新建登录页面LoginPage.ets，在登录页面引入authimportauth,{AuthUser,VerifyCodeAction}from'hwagconnectauth'定义几个变量，带有State装饰器StatephoneNo:string'';手机号StatevCode:string'';验证码StatevCodeTxt:string'获取验证码';StatevCodeEnabled:booleantrue;验证码按钮是否可用StatebtnLoginEnabled:booleanfalse;登录按钮是否可用StateisAgreed:booleanfa...

注意：认证服务满足多平台多语言版本，我们当前的应用是HarmonyOS平台、ArkTS语言、API12及以上的版本。一、开通手机号认证服务登录AGC>进入之前创建的端云一体项目>认证服务，启用第一个“手机号码”认证方式。cke5408.png二、集成SDK1.下载agconnectservices.json文件在AGC平台>打开端云一体项目>项目设置>应用，下载最新的SDK配置文件。“不包含密钥”默认关闭，无需打开。cke15616.png2.ohpm命令安装module依赖项在端侧工程...

核心功能：使用AGC的认证服务手机号码认证方式，用户使用手机号+短信验证码登录即注册。一、界面布局设计布局最外层是Navigation，左上角可返回上一界面。因为登录页面不是APP启动后的第一个界面，不强制用户登录；而是在其他界面操作时要求登录才跳转到登录界面，不登录可返回。红色框：列布局Colum绿色框：行布局Row黄色框：层叠布局Stack二、build()布局实现理解了界面布局之后，需要在build体内声明式实现元素。1.Logosloga...