HarmonyOS NEXT应用开发： 常用页面模板

最新推荐文章于 2024-08-29 23:30:16 发布
最新推荐文章于 2024-08-29 23:30:16 发布
阅读量440 收藏 9
点赞数 4
分类专栏： 鸿蒙开发 OpenHarmony HarmonyOS 文章标签： harmonyos 华为 linux 移动开发 鸿蒙 前端 鸿蒙系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55362248/article/details/141644167
版权
鸿蒙开发 同时被 3 个专栏收录
130 篇文章 0 订阅
订阅专栏
OpenHarmony
130 篇文章 0 订阅
订阅专栏
HarmonyOS
130 篇文章 0 订阅
订阅专栏
正文内容

我只写了几个我认为比较常用的界面 登录 首页 个人中心 然后尽量没有拆分代码，也没有使用公共变量，这样方便大家有需要的，可以快速直接复制使用，然后再根据自己实际项目情况进行拆分提取。

  • 登录页面 运行效果如下 代码我放github 上了 有需要的朋友自己下载。

Login.ets 主要代码如下

import promptAction from '@ohos.promptAction';
import router from '@ohos.router'
@Entry
@Component
struct Login {
  @State verifyButtonText:string="获取验证码";
  @State loading:boolean=false;
  @State phoneNum:string=""; //手机号码
  @State codeNum:string=""; //验证码
  // 执行登录方法
  onSubmit(){
    if(!this.phoneNum){
      promptAction.showToast({
        message: '请输入手机号码',
        duration: 2000
      });
      return
    }
    if(!this.codeNum){
      promptAction.showToast({
        message: '请输入验证码',
        duration: 2000
      });
      return
    }
    console.log('跳转')
    router.pushUrl(
      {
        url:"pages/Index"
      }
    )
  }
  // 发送验证码
  onSendCode(){
    console.log('发送验证码')
    this.loading=true
    let count:number = 60;
    let intervalID = setInterval(() => {
        if (count > 0) {
          count--;
          this.verifyButtonText= count+'s后获取'
        } else {
          this.verifyButtonText = "获取验证码";
          clearInterval(intervalID);
          this.loading=false
        }
    }, 1000);
  }

  build() {
    Column(){
      Column(){
        Row(){
          Image($r('app.media.ic_logo'))
            .width(80)
            .fillColor('rgba(0,0,0,0.7)')
        }.justifyContent(FlexAlign.Center)
      }.padding({
        top:60,
        bottom:60
      })
      Column(){
        Flex({ justifyContent:FlexAlign.Start,alignItems:ItemAlign.Center }) {
          Image($r('app.media.ic_phone'))
            .width(30)
            .fillColor('rgba(0,0,0,0.7)')
          TextInput({ text:this.phoneNum,placeholder: '请输入手机号' })
            .showUnderline(false)
            .backgroundColor('#ffffff')
            .padding({left:10})
            .maxLength(11)
            .height(50)
            .flexGrow(1)
            .type(InputType.Number)
            .onChange((value: string) => {
              this.phoneNum = value
            })

        }.border({ width: 1, color: 'rgba(43,86,112,0.1)', radius: 50, style: BorderStyle.Solid })
        .padding({left:20})
        Flex({ justifyContent:FlexAlign.Start,alignItems:ItemAlign.Center }) {
          Image($r('app.media.ic_code'))
            .width(30)
            .fillColor('rgba(0,0,0,0.7)')
          TextInput({text:this.codeNum, placeholder: '请输入验证码' })
            .showUnderline(false)
            .backgroundColor('#ffffff')
            .padding({left:10})
            .maxLength(6)
            .height(50)
            .width(200)
            .type(InputType.Number)
            .onChange((value: string) => {
              this.codeNum = value
            })
          Text(this.verifyButtonText)
            .width(120)
            .fontSize(16)
            .textAlign(TextAlign.End)
            .fontColor('rgba(0,0,0,0.7)')
            .enabled(this.loading)
            .onClick(()=>{
              this.onSendCode();
            })

        }.border({ width: 1, color: 'rgba(43,86,112,0.1)', radius: 50, style: BorderStyle.Solid })
        .padding({left:20,right:20})
        .margin({top:30})
      }
      Column(){
        Button('登录')
          .width('100%')
          .height(50)
          .borderRadius(50)
          .backgroundColor('rgba(0,0,0,0.7)')
          .margin({top:50})
          .fontColor('#ffffff')
          .fontSize(18)
          .onClick(()=>{
            this.onSubmit()
          })

      }
      // 微信等快捷登录
      Column(){
        Flex({ justifyContent:FlexAlign.SpaceAround,alignItems:ItemAlign.Center }) {
            Image($r('app.media.ic_weixin'))
              .fillColor('rgba(0,0,0,0.7)')
              .width(40)
            Image($r('app.media.ic_qq'))
              .fillColor('rgba(0,0,0,0.7)')
              .width(40)
          Image($r('app.media.ic_weibo'))
            .fillColor('rgba(0,0,0,0.7)')
            .width(40)
        }
      }.padding({top:60,right:60,left:60})
      // 底部链接
      Column(){
         Row(){
           Text('找回密码')
             .fontColor('rgba(0,0,0,0.7)')
             .fontSize(16)
           Text('|')
             .fontColor('rgba(0,0,0,0.7)')
             .fontSize(16)
             .margin({left:5,right:5})
           Text('注册账号')
             .fontSize(16)
             .fontColor('rgba(0,0,0,0.7)')
         }

      }.margin({top:25})


    }
    .backgroundColor('#ffffff')
    .padding(15)
    .width('100%')
    .height('100%')
  }
}
  • 首页页面 运行效果如下 主要采用到了 Tabs 组件 通过onChange实现切换时自定义tabBar和TabContent的联动。 然后用到了 @Builder 构造 自定义底部切换tabbar

Index.ets 主要代码如下


import {TabHome} from  "../view/TabHome"
import {TabUser} from  "../view/TabUser"


@Entry
@Component
struct MinePage {
  @State currentIndex: number = 0

  // 构造类 自定义底部切换按钮
  @Builder TabBuilder(index: number,icon:Resource,selectedIcon:Resource,name:string) {
    Column() {
      Image(this.currentIndex === index ? selectedIcon : icon)
        .width(24)
        .height(24)
        .margin({ bottom: 4 })
        .objectFit(ImageFit.Contain)
      Text(`${name}`)
        .fontColor(this.currentIndex === index ? '#007DFF' : '#000000')
        .fontSize('14vp')
        .fontWeight(500)
        .lineHeight(14)
    }.width('100%').height('100%')
    .padding({top:5})
    .backgroundColor('#ffffff')
  }
  build() {

    Column() {
      Tabs({ barPosition: BarPosition.End }) {
        TabContent() {
          TabHome(); //首页
        }.tabBar(this.TabBuilder(0,$r('app.media.ic_home'),$r('app.media.ic_home_selected'),'首页'))

        TabContent() {
          TabUser()//个人中心
        }.tabBar(this.TabBuilder(1,$r('app.media.ic_mine'),$r('app.media.ic_mine_selected'),'我的'))
      }
      .vertical(false)
      .scrollable(true)
      .barMode(BarMode.Fixed)
      .onChange((index: number) => {
        this.currentIndex = index;
      })
      .width('100%')
    }
    .width('100%')
    .height('100%')

    .backgroundColor('#f7f7f7')
  }
}

TabHome.ets 主要代码如下

import router from '@ohos.router';
interface MenuToType{
  title:string;
  url:Resource;
}
@Component
export struct TabHome {
  private swiperController: SwiperController = new SwiperController()
  private scroller: Scroller = new Scroller();
  @State SwiperList :Resource[] =[
    $r('app.media.ic_swiper_1'),
    $r('app.media.ic_swiper_2'),
    $r('app.media.ic_swiper_3'),
  ]
  @State MenuList:MenuToType[] = [
    {
      title:"商品分类",
      url:$r('app.media.ic_men_6')
    },
    {
      title:"优惠券",
      url:$r('app.media.ic_men_7')
    },
    {
      title:"今日爆款",
      url:$r('app.media.ic_men_8')
    },
    {
      title:"秒杀专区",
      url:$r('app.media.ic_men_9')
    }
  ];
  @State dataSource:number[] =[1,2,3,4,5,6]

  build() {
    Scroll(this.scroller) {
      Column() {
        // 轮播
        Swiper(this.swiperController) {
          ForEach(this.SwiperList, (item: string) => {
            Image(item)
              .width('100%')
              .height(200)
              .objectFit(ImageFit.Cover)
              .borderRadius(15)
          })
        }
        .cachedCount(2)
        .index(1)
        .autoPlay(true)
        .interval(4000)
        .indicator(true)
        .loop(true)
        .duration(1000)
        .itemSpace(0)
        .onChange((index: number) => {
          console.info(index.toString())
        })
        // 菜单
        GridRow({
          columns: 4,
          breakpoints: { value: ["400vp", "600vp", "800vp"],
            reference: BreakpointsReference.WindowSize },
          direction: GridRowDirection.Row
        }) {
          ForEach(this.MenuList, (item:MenuToType) => {
            GridCol({ span: 1 }) {
              Column(){
                Image(item.url)
                  .width(40)
                  .height(40)
                  .objectFit(ImageFit.Cover)
                Text(item.title)
                  .fontSize('14vp')
                  .margin({top:10})
              }.onClick(()=>{


              })
            }.padding({top:15})
          })
        }
        .width("100%")
        .backgroundColor('#ffffff')
        .padding({bottom:15})
        .borderRadius(10)
        .margin({top:10})
        // 最新待办
        Column(){
          // 标题
          Row(){
            Text('精品推荐')
            Row(){
              Text('查看更多').fontSize('14vp')
              Image($r('app.media.ic_more'))
                .width(14)
                .height(14)
            }
            .onClick(()=>{
              console.log('----dai')

            })
          }
          .width('100%')
          .margin({top:5})
          .padding({top:15,left:15,right:15})
          .justifyContent(FlexAlign.SpaceBetween)
          .backgroundColor('#ffffff')

          Column(){
            ForEach(this.dataSource, (item:MenuToType) => {
              Flex({justifyContent:FlexAlign.Start,alignItems:ItemAlign.Start}){
                Image('https://imgservice.suning.cn/uimg1/b2c/image/5Peu2kvxNOQrZBIzi91XZA.jpg_800w_800h_4e')
                  .width('40%')
                  .height(100)
                  .borderRadius(5)
                Column(){
                    Text('【新晋销冠】美的10KG全自动洗衣机')
                      .fontSize(14)
                      .width('100%')
                      .textAlign(TextAlign.Start)

                     Text('不锈钢|二级能效')
                       .fontSize(14)
                       .fontColor('#ff7c6969')
                       .width('100%')
                       .textAlign(TextAlign.Start)
                       .margin({top:5})
                      Row(){
                         Text('￥1987.40')
                           .fontSize(14)
                           .fontColor('red')
                         Text('￥2987.40')
                           .fontSize(12)
                           .margin({left:10})
                           .fontColor('#ff695a5a')
                      }
                      .width('100%')
                      .margin({top:5})
                  Row(){
                    Text('1000+条好评')
                      .fontSize(12)
                      .fontColor('#695a5a')
                    Text('98%好评')
                      .fontSize(12)
                      .margin({left:10})
                      .fontColor('#695a5a')
                  }
                  .width('100%')
                  .margin({top:5})



                }.width('60%')
                .padding({left:15})
              }.margin({bottom:15})
            })
          }.backgroundColor('#fff')
          .padding(10)

        }
        .margin({top:5})
      }
      .width('100%')
      .borderRadius(10)
    }
    .height('100%')
    .width('100%')
    .align(Alignment.TopStart)
    .scrollBar(BarState.Off)
    .padding(5)

  }
}
  • 个人中心 运行效果如下

TabUser.ets 主要代码内容 如下

interface MenuToType{
  title:string;
  url:Resource;
}

@Component
export struct TabUser {
  @State nickname: string = '无言的对话';
  @State signature: string = '154787855677';

  @State menuTopList:MenuToType[] = [
    {
      title:"我的钱包",
      url:$r('app.media.ic_menu4')
    },
    {
      title:"我的收藏",
      url:$r('app.media.ic_menu1')
    },
    {
      title:"我的作品",
      url:$r('app.media.ic_menu3')
    },
    {
      title:"我的服务",
      url:$r('app.media.ic_menu2')
    }
  ];
  @State MenuList:MenuToType[] = [
    {
      title:"我的订单",
      url:$r('app.media.ic_user_1')
    },
    {
      title:"我的资料",
      url:$r('app.media.ic_user_2')
    },
    {
      title:"我的收藏",
      url:$r('app.media.ic_user_5')
    },
    {
      title:"联系客服",
      url:$r('app.media.ic_user_3')
    },
    {
      title:"系统设置",
      url:$r('app.media.ic_user_6')
    },
    {
      title:"检查更新",
      url:$r('app.media.ic_user_4')
    }
  ];

  build() {
    Column() {
      // 顶部
      Column(){
        Flex({justifyContent:FlexAlign.Start,alignItems:ItemAlign.Center}){
          Image('https://img1.baidu.com/it/u=1775314681,3148438664&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500')
            .width(50)
            .height(50)
            .borderRadius(60)
            .margin({right:10})
          Column(){
            Text(this.nickname)
              .fontSize(16)
              .width('100%')
              .textAlign(TextAlign.Start)
            Text('ID: '+this.signature)
              .fontSize(12)
              .margin({top:5})
              .textAlign(TextAlign.Start)
              .width('100%')
          }
        }
        .width('100%')
        Flex({justifyContent:FlexAlign.SpaceAround}){
          Column(){
            Text('10')
              .fontSize(16)
            Text('关注')
              .fontSize(14)
          }
          Column(){
            Text('100')
              .fontSize(16)
            Text('收藏')
              .fontSize(14)
          }
          Column(){
            Text('300')
              .fontSize(16)
            Text('访客')
              .fontSize(14)
          }
          Column(){
            Text('90')
              .fontSize(16)
            Text('点赞')
              .fontSize(14)
          }
        }.margin({top:30})

      }.width('100%')
      .padding(20)
      .height(200)
      .backgroundImage('https://img1.baidu.com/it/u=684770079,849342797&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800')

      //主体内容
      Column(){
        Row(){
          ForEach(this.menuTopList, (item:MenuToType) => {
            Column()
            {
              Image(item.url)
                .width(40)
              Text(item.title)
                .width('100%')
                .fontSize(14)
                .margin({top:10})
                .textAlign(TextAlign.Center)
            }.width('25%')
          })
        }.width('100%')
        .backgroundColor('#ffffff')
        .borderRadius(15)
        .padding(15)

        Column(){
          ForEach(this.MenuList, (item:MenuToType) => {
            Row(){
              Row(){
                Image(item.url)
                  .width(20)
                  .margin({right:10})
                Text(item.title)
                  .fontSize(14)
              }
              Image($r('app.media.ic_more'))
                .width(15)

            }.width('100%')
            .justifyContent(FlexAlign.SpaceBetween)
            .borderWidth({bottom:1})
            .borderColor('#f7f7f7')
            .padding({top:12,bottom:12})
          })
        }
        .backgroundColor('#ffffff')
        .borderRadius(15)
        .padding(15)
        .width('100%')
        .margin({top:10})
      }
      .width('100%')
      .padding(15)
      .margin({top:-40})


    }
    .backgroundColor('#f7f7f7')
    .height('100%')
    .width('100%')
  }
}
总结

现在我们前端开发，大量新人涌入导致竞争愈发激烈；岗位需求上，受经济环境和技术成熟度影响，新增岗位数量有所降低。然而，对于能够掌握前沿技术、具备创新能力和丰富经验的开发者来说，仍能在有限的岗位中脱颖而出，获得良好的发展机遇。最近我看到招聘网站上已经逐步开始有了鸿蒙开发工程师的岗位， 所以我认为这次华为HarmonyOS NEXT 的出现也可能是我们的一个机会。

最后

小编在之前的鸿蒙系统扫盲中，有很多朋友给我留言，不同的角度的问了一些问题，我明显感觉到一点，那就是许多人参与鸿蒙开发，但是又不知道从哪里下手，因为资料太多，太杂，教授的人也多，无从选择。有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）文档用来跟着学习是非常有必要的。 

为了确保高效学习，建议规划清晰的学习路线，涵盖以下关键阶段：

希望这一份鸿蒙学习文档能够给大家带来帮助~

 鸿蒙（HarmonyOS NEXT）最新学习路线

​

该路线图包含基础技能、就业必备技能、多媒体技术、六大电商APP、进阶高级技能、实战就业级设备开发，不仅补充了华为官网未涉及的解决方案

路线图适合人群：

IT开发人员：想要拓展职业边界
零基础小白：鸿蒙爱好者，希望从0到1学习，增加一项技能。
技术提升/进阶跳槽：发展瓶颈期，提升职场竞争力，快速掌握鸿蒙技术

2.视频教程+学习PDF文档

（鸿蒙语法ArkTS、TypeScript、ArkUI教程……）

 纯血版鸿蒙全套学习文档（面试、文档、全套视频等）

                   

鸿蒙APP开发必备

​​

总结

参与鸿蒙开发，你要先认清适合你的方向，如果是想从事鸿蒙应用开发方向的话，可以参考本文的学习路径，简单来说就是：为了确保高效学习，建议规划清晰的学习路线

让开，我要吃人了
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【HarmonyOS NEXT应用开发】案例22：基于ArkUI的同页面内的点击操作响应时延问题分析思路&案例
xzs51job的专栏
08-13 24
一般来说，响应时延的大头还是发生在应用侧，需要看应用主线程是否有耗时长的函数阻塞主线程，或者是否有应用超长帧出现。响应时延=硬件耗时+软件耗时（整个耗时，包含我们在trace上看的软件的耗时，机器本身的一个硬件耗时，一般硬件耗时大概在30ms左右，在trace上的起点到终点的时间加上30ms左右的硬件耗时和测试给出的实际耗时能对的上即可。的耗时，这一帧耗时37ms，发现主要耗时是在做动画，查看这一段动画的堆栈信息，发现堆栈和上一帧很类似，再结合对应的文件路径，可以看到这段代码也是在Lottie库中。
【HarmonyOS NEXT应用开发】案例23：基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例
xzs51job的专栏
08-13 24
点击操作响应时延可分为：页面切换点击操作响应时延：点击操作会切换页面（转场）页面内点击操作响应时延：点击操作不会切换页面（转场）这里讨论页面切换点击操作响应时延场景描述：Web页面内部点击按钮路由跳转新页面，此时APP发生了页面跳转（H5内部）场景特点：观察看到页面发生的转场切换，实际Web组件无变化，是H5页面跳转H5页面。这样就有了整个响应时延的耗时区间。1）有网络请求，空白区域之后通常会有一段js函数执行，上方的网络泳道，通常有网络请求（网络请求过长，cpu空闲时可能导致空白区域）
HarmonyOS NEXT实战开发：Web组件的H5页面切换
2401_84917132的博客
08-28 650
小编在之前的鸿蒙系统扫盲中，有很多朋友给我留言，不同的角度的问了一些问题，我明显感觉到一点，那就是许多人参与鸿蒙开发，但是又不知道从哪里下手，因为资料太多，太杂，教授的人也多，无从选择。这里讨论页面切换点击操作响应时延场景描述：Web页面内部点击按钮路由跳转新页面，此时APP发生了页面跳转（H5内部）场景特点：观察看到页面发生的转场切换，实际Web组件无变化，是H5页面跳转H5页面。页面变化第一帧：肉眼看到屏幕变化的第一帧（视频上数出来的）并记录时间，在trace上从起点拉相同的时间找到终点位置。
HarmonyOS NEXT实战开发：画笔调色板
2401_84917132的博客
08-28 738
本示例实现了一个网格渐变的画笔调色板，能够根据给定的 HSL 类型颜色和色阶数，按亮度生成渐变色，用户可以通过调色板选择颜色并在画布上绘制路径。
HarmonyOS NEXT实战开发：ArkUI操作响应时延类性能问题案例
2401_84917132的博客
08-28 800
点击操作响应时延的性能衡量的起点为用户点击应用元素离手帧时间，终点为应用界面发生变化的首帧。推荐值：100ms
HarmonyOS4.0应用开发-学习笔记
Cool_foolisher的博客
04-04 1716
HarmonyOS4.0学习笔记（整理自B站黑马程序员的HarmonyOS4.0教程）
HarmonyOS Next应用开发案例大全-(持续更新中……)(1)
2401_84181911的博客
04-11 1291
前者的优点在于使用简单，但是在大文件场景下，内存占用较高，影响应用性能；在应用开发中，我们通常需要使用相同功能和样式的ArkUI组件，例如购物页面中会使用相同样式的Button按钮、Text显示文字，我们常用的方法是抽取公共样式或者封装成一个自定义组件到公共组件库中以减少冗余代码。本示例提供组件实例在页面间共享的解决方案：通过Stack容器，下层放地图组件，上层放Navigation组件来管理页面，页面可以共享下层的地图组件，页面中需要显示地图的区域设置为透明，并参考触摸交互控制，设置事件透传及响应区域。
HarmonyOS从基础到实战-高性能华为在线答题元服务
热门推荐
一键难忘的博客
11-21 12万+
HarmonyOS从基础到实战-高性能华为在线答题元服务 在本文中，我们介绍了一个关于在线答题应用的项目，其中包括项目结构和开发计划。项目主要分为主应用的Ability（entryability）、卡片的Ability（Entnyformability）、从云数据库导出的数据类型（Models）以及页面代码文件夹（Pages）等模块。使用了两个重要的配置文件，分别是agconnect-services.json和schema.json，用于连接serverless服务和云端配置信息。
高分通过HarmonyOS基础认证-必学HarmonyOS第一课_附题库答案【官网课程提炼关键知识点-精炼】
一键难忘的博客
12-17 5700
运行Hello WorldHarmonyOS 3.1及以上本课程是基于HarmonyOS 3.1及以上版本的新技术和特性所推出的系列化课程，每个课程单元里面都包含视频、Codelab、文章和习题，帮助您快速掌握HarmonyOS的应用开发；通过本章节的学习，您可以安装DevEco Studio开发工具，运行第一个应用。介绍了HarmonyOS课程，旨在帮助开发者快速掌握HarmonyOS应用开发。
鸿蒙（ Beta5.0版）开发实战：自定义TabBar页签
weixin_55362248的博客
08-29 427
依次点击tabBar页面，除了社区图标之外，其它图标往上移动一小段距离。
鸿蒙Harmony开发：OHPM包适配管理工具
weqwe6668的博客
08-25 1048
在DevEco Studio 3.1 Release及更高版本上新建API 9及以上版本的工程将使用ohpm作为默认包管理器。
瑞芯微RK3566开发板USB OTG模式介绍及命令切换，触觉智能EVB3566主板鸿蒙硬件厂商
Industio_CSDN的博客
08-29 261
device模式下拔插usb将会进入host模式，需要使用命令重新进入device模式才能继续进行调试。为u盘等设备供电，不可以进行调试，连接adb或者烧录等操作。可以进行调试，连接adb或者烧录等操作，即USB OTG。USB OTG 支持host 和device 模式的切换。不同设备的USB OTG接口位置需要看对应设备的说明文档。上电前，使用USB 数据线，连接主板和PC。上电前，插着U盘或者未接USB设备。上电后默认为device模式。上电后默认作为host模式。
HarmonyOs应用权限申请，system_grant和user_grant区别。本文附头像上传申请user-grant权限代码示例
s_407的博客
08-24 1175
user_grant权限授权要基于用户可知可控的原则，需要应用在运行时主动调用系统动态申请权限的接口，系统弹框由用户授权，用户结合应用运行场景的上下文，识别出应用申请相应敏感权限的合理性，从而做出正确的选择。user_grant指的是用户授权类型，在该类型的权限许可下，应用被允许访问的数据将会涉及到用户或设备的敏感信息，应用被允许执行的操作可能对系统或者其他应用产生严重的影响。系统不鼓励频繁弹窗打扰用户，如果用户拒绝授权，将无法再次拉起弹窗，需要应用引导用户在系统应用“设置”的界面中手动授予权限。
HarmonyOS鸿蒙开发（ Beta5版）Navigation组件常规加载与动态加载
weixin_55362248的博客
08-29 782
开发者使用Navigation组件时，通常会在主页引入子页面组件，在按钮中添加方法实现跳转。下述代码展示常规加载示例，通过import引入子组件。
【HarmonyOS NEXT开发】鸿蒙开发环境准备，ArkTS基础语法入门
最新发布
Byyyi耀的博客
08-29 535
【HarmonyOS NEXT开发】鸿蒙开发环境准备，ArkTS基础语法入门
Windows电脑如何搭建HarmonyOS NEXTDeveloper Preview2环境
yuanlaile的博客
08-29 665
Windows电脑如何搭建HarmonyOS NEXTDeveloper Preview2环境，Windows电脑搭建HarmonyOS NEXTDeveloper Preview2环境详解，一看就会了。
【HarmonyOS】鸿蒙应用蓝牙功能实现 （三）
我的小窝
08-25 1044
鸿蒙应用蓝牙配对，蓝牙扫描，蓝牙权限处理，蓝牙开启和关闭
【鸿蒙学习】HarmonyOS应用开发者高级认证 - 认证通过（附题目）
一个不断前行的程序者
08-29 1197
经过几日的休整，我终于再次挑战高级认证，并以82分的成绩堪堪越过了及格线。然而，通过考试后我惊讶地发现，原来顺利过关的人数如此众多。我逐一攻克了所有基础题目，却发现随着基础题的刷过，同行的考生越来越少，而开发者认证的人数却在不断攀升。不禁笑出声来，原来我也是通过搜题才得以通关的一员！这让我想起了《黑神话 · 悟空》和西游记的故事，没有历经重重关卡，取得的胜利似乎总是少了那么一丝满足感。在获得高级证书之后，我终于解锁了华为应用发布的权限。或许，许多人正是为了这一刻而奋斗。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值