鸿蒙商城列表案例实操

最新推荐文章于 2024-09-03 08:14:03 发布
最新推荐文章于 2024-09-03 08:14:03 发布
阅读量573 收藏 10
点赞数 10
文章标签： harmonyos 华为 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2201_75847002/article/details/139586329
版权

一、构建自定义组件Header用来封装页头

1.1首先我们在编译器中先创建一个ArkTS文件，命名为Header

如下所示：

@Component
struct Header {
  build() {
  }
}

1.2创建一个ArkTS文件命名为ImagePage7

@Entry
@Component
struct ImagePage7 {

  build() {

}
}

1.3设置Row布局，添加image，利用space设置间距，添加blank组件，填满剩余空间。

build() {
  Row({space:10}){
    Image($r('app.media.fanhuijiantou'))
      .width(30)
    Text(this.title)
      .fontSize(30)
      .fontWeight(FontWeight.Bold)  //字体加粗
    Blank() //占满剩余空间
    Image($r('app.media.shuaxinanniu'))
      .width(30)
  }
  .width('100%')
  .padding(20)
}

1.4定义一个title变量标题，传入数据。

struct Header {
  title:string
  build() {
    Row({space:10}){
      Image($r('app.media.fanhuijiantou'))
        .width(30)
      Text(this.title)
        .fontSize(30)
        .fontWeight(FontWeight.Bold)  //字体加粗
      Blank() //占满剩余空间
      Image($r('app.media.shuaxinanniu'))
        .width(30)
    }
    .width('100%')
    .padding(20)
  }
}

1.5我们对自定义Header组件进行导出工作

export default struct Header {
  title:string
  build() {
    Row({space:10}){
      Image($r('app.media.fanhuijiantou'))
        .width(30)
      Text(this.title)
        .fontSize(30)
        .fontWeight(FontWeight.Bold)  //字体加粗
      Blank() //占满剩余空间
      Image($r('app.media.shuaxinanniu'))
        .width(30)
    }
    .width('100%')
    .padding(20)
  }
}

1.6我们在ImagePage7里面设置column容器

struct Image7

struct Image7Page {
  build() {
    Row(){
      Column({space:10}) {
        Header({title:'商品列表'})


    Row(){
      Column({space:10}) {
        Header({title:'商品列表'})

导包：

//import导入Header
//加上default Header就不能再加上{}
import Header from '../components/Header'

Export对外有一个访问接口，在header的导出方法中添加default则不用加上{}。

@Component
 export default struct Header {
  title:string

1.7添加属性，设置宽度和高度

.width('100%')
.height('100%')
.backgroundColor('#EFEFEF')
.padding(20)

二、循环渲染

2.1定义一个ImageItem类，实例化商品名称，图片，价格，折扣。

//声明一个类ImageItem类
class ImageItem{
  name:string
  image:ResourceStr
  price:number
  discount:number
  //修改里面的值
  setName(name:string){
    // this.name=this.name+name
    this.name=name
  }
  getName(){
    return this.name
  }

2.2定义构造函数传参

//定义一个构造函数
constructor(name:string,image:ResourceStr, price:number, discount?:number) {
  //?:非必选，设置可选参数
  this.name=name
  this.image=image
  this.price=price
  this.discount=discount
}

2.3定义数组

struct Image7Page {
  //定义数组
  private list:Array<ImageItem>=[
    new ImageItem('华为Mate60',$r('app.media.huaweiMate60'),6999,500),
    new ImageItem('华为book',$r('app.media.huaweiBook'),13999),
    new ImageItem('WatchGT4',$r('app.media.WatchGT4'),1438),
    new ImageItem('FreeBuds',$r('app.media.FreeBuds'),1499),
    new ImageItem('Mate X5',$r('app.media.matex5'),12999),
    new ImageItem('WatchGT4',$r('app.media.WatchGT4'),1438),
    new ImageItem('FreeBuds',$r('app.media.FreeBuds'),1499),
    new ImageItem('Mate X5',$r('app.media.matex5'),12999)
  ]

2.4创建row组件传子组件image

build() {
  Row(){
    Column({space:10}){
      Header({title:'商品列表'})
      Row(){
        Image(item.image)
          .width(100)
        Column(){
          Text(item.name)
            .fontSize(20)
            .fontWeight(FontWeight.Bold)

2.5用foreach进行渲染

ForEach(this.list,(item:ImageItem)=>{
  Row(){
    Image(item.image)
      .width(100)
    Column(){
      Text(item.name)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      Text(`原价：￥ ${item.price}`)

三、条件渲染

3.1在column中写入text组件

Column(){
  Text(item.name)
    .fontSize(20)
    .fontWeight(FontWeight.Bold)
  Text(`原价：￥ ${item.price}`)
  Text(`折扣价：￥ ${item.price-item.discount}`)
  Text(`补贴：￥ ${item.discount}`)

3.2用if else判断语句

if (item.discount){
    Text(`原价:￥${item.price}`)
      // .fontSize(18)
      .fontColor('#ccc')
      .decoration({type:TextDecorationType.LineThrough})
    Text(`折扣价:￥${item.price - item.discount}`)
      .priceText()
    Text(`补贴:￥${item.discount}`)
      .priceText()
  }else {
    Text('原价:￥'+item.price)
      .priceText()
      // .fontSize(16)
      // .fontColor('#F36')
  }
}

四、List组件

4.1添加list

List( {space:10}){
  ForEach(this.list,(item:ImageItem)=>{
    if (item.discount){
      Text(`原价：￥ ${item.price}`)
        .fontColor('#ccc')
        .decoration({type:TextDecorationType.LineThrough})
      Text(`折扣价：￥ ${item.price-item.discount}`)
        .fontSize(16)
        .fontColor('#F36')
      Text(`补贴：￥ ${item.discount}`)
    }else{
      Text('原价：￥'+item.price)
        .fontSize(16)
        .fontColor('#F36')
    }
  }

4.2使用list子组件listitem

List( {space:10}){
  ForEach(this.list,(item:ImageItem)=>{
    ListItem(){
      Row(){
        Image(item.image)
          .width(100)
        Column(){
          //标题名字固定
          Text(item.name)
            .fontSize(20)
            .fontWeight(FontWeight.Bold)
          //用if渲染
          if (item.discount){
            Text(`原价：￥ ${item.price}`)
              .fontColor('#ccc')
              .decoration({type:TextDecorationType.LineThrough})
            Text(`折扣价：￥ ${item.price-item.discount}`)
              .fontSize(16)
              .fontColor('#F36')
            Text(`补贴：￥ ${item.discount}`)
              .fontSize(16)
              .fontColor('#F36')
          }else{
            Text('原价：￥'+item.price)
              .fontSize(16)
              .fontColor('#F36')
          }
        }

4.3设置键值，设置为一标识

ForEach(this.list,(item:ImageItem)=>{   //重复渲染
  ListItem(){
    itemCardToal(item)
  }
},(item:ImageItem) => item.name)//name是唯一标识

4.4进行美化

build() {
  Row(){
    Column({space:10}){
      Header({title:'商品列表'})
      List( {space:10}){
        ForEach(this.list,(item:ImageItem)=>{
          ListItem(){
            Row(){
              Image(item.image)
                .width(100)
              Column(){
                //标题名字固定
                Text(item.name)
                  .fontSize(20)
                  .fontWeight(FontWeight.Bold)
                //用if渲染
                if (item.discount){
                  Text(`原价：￥ ${item.price}`)
                    .fontColor('#ccc')
                    .decoration({type:TextDecorationType.LineThrough})
                  Text(`折扣价：￥ ${item.price-item.discount}`)
                    .fontSize(16)
                    .fontColor('#F36')
                  Text(`补贴：￥ ${item.discount}`)
                    .fontSize(16)
                    .fontColor('#F36')
                }else{
                  Text('原价：￥'+item.price)
                    .fontSize(16)
                    .fontColor('#F36')
                }
              }
              .height('100%')
              .alignItems(HorizontalAlign.Start)
            }//设置圆角边框大小，背景颜色
            .height(120)
            .width('100%')
            .borderRadius(20)
            .backgroundColor('#FFF')
            .padding(10)
          }
        },(item:ImageItem)=>item.name) //键值生成规则 重复渲染 设置唯一标识
      }
      .layoutWeight(1)
    }
    .width('100%')
    .height('100%')
    .backgroundColor('#EFEFEF')
    .padding(20)
  }
}

五、自定义构建函数

5.1创建自定义函数itemCard

@Builder ItemCard(item:ImageItem){
  Row(){
    Image(item.image)
      .width(100)
    Column(){
      Text(item.name)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      if (item.discount){
        Text(`原价：￥ ${item.price}`)
          .fontColor('#ccc')
          .decoration({type:TextDecorationType.LineThrough})
        Text(`折扣价：￥ ${item.price-item.discount}`)
          .fontSize(16)
          .fontColor('#F36')
        Text(`补贴：￥ ${item.discount}`)
          .fontSize(16)
          .fontColor('#F36')
      }else{
        Text('原价：￥'+item.price)
          .fontSize(16)
          .fontColor('#F36')
      }
    }
    .height('100%')
    .alignItems(HorizontalAlign.Start)
  }//设置row的宽度和高度，以及圆角边框大小，背景颜色
  .height(120)
  .width('100%')
  .borderRadius(20)
  .backgroundColor('#FFF')
  .padding(10)

5.2再回到listltem里面直接调用itemcard

List( {space:10}){
  ForEach(this.list,(item:ImageItem)=>{
    ListItem(){
      // 直接调用自定义函数ItemCard
      this.ItemCard(item)

六、@Style装饰器

6.1创建fillScreen进行封装

@Styles function fillScreen1(){
  .width('100%')
  .height('100%')
  .backgroundColor('#EFEFEF')
  .padding(20)
}

6.2对row调用

@Builder function itemCardToal(item:ImageItem){
  Row(){
    Image(item.image)
      .width(100)
    Column(){
      Text(item.name)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      if (item.discount){
        Text(`原价:￥${item.price}`)
          // .fontSize(18)
          .fontColor('#ccc')
          .decoration({type:TextDecorationType.LineThrough})
        Text(`折扣价:￥${item.price - item.discount}`)
          .priceText()
        Text(`补贴:￥${item.discount}`)
          .priceText()
      }else {
        Text('原价:￥'+item.price)
          .priceText()
          // .fontSize(16)
          // .fontColor('#F36')
      }
    }.alignItems(HorizontalAlign.Start)  //设置水平居中左对齐
     .fillScreen()
  }//设置row的宽度高度和圆角边框的大小和背景颜色
  .fillScreen()
}

如上所示，对column也就进行调用

七、@Extend装饰器

7.1定义pricetext写入字体大小

@Extend(Text)function priceText(){
  .fontSize(16)
  .fontColor('#F36')
}

7.2调用扩展样式

@Builder function  ItemCardTotal(item:ImageItem){
  Row(){
    Image(item.image)
      .width(100)
    Column(){
      Text(item.name)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      if (item.discount){
        Text(`原价：￥ ${item.price}`)
          .fontColor('#ccc')
          .decoration({type:TextDecorationType.LineThrough})
        Text(`折扣价：￥ ${item.price-item.discount}`)
          .priceText()
        Text(`补贴：￥ ${item.discount}`)
          .priceText()
      }else{
        Text('原价：￥'+item.price)
          .priceText()
      }
    }.alignItems(HorizontalAlign.Start)
    .fillScreen1()

  }
  .fillScreen()

}

八、整体代码如下：

//import导入Header
//加上default Header就不能再加上{}
import Header from '../components/Header'
//声明一个类ImageItem类
class ImageItem{
  name:string
  image:ResourceStr
  price:number
  discount:number
  //修改里面的值
  setName(name:string){
    // this.name=this.name+name
    this.name=name
  }
  getName(){
    return this.name
  }
  //定义一个构造函数
  constructor(name:string,image:ResourceStr, price:number, discount?:number) {
    //?:非必选，设置可选参数
    this.name=name
    this.image=image
    this.price=price
    this.discount=discount
  }
}
//全局自定义构建函数需要加funcation函数，所以build里就不需要this来进行调用了
@Builder function itemCardToal(item:ImageItem){
  Row(){
    Image(item.image)
      .width(100)
    Column(){
      Text(item.name)
        .fontSize(20)
        .fontWeight(FontWeight.Bold)
      if (item.discount){
        Text(`原价:￥${item.price}`)
          // .fontSize(18)
          .fontColor('#ccc')
          .decoration({type:TextDecorationType.LineThrough})
        Text(`折扣价:￥${item.price - item.discount}`)
          .priceText()
        Text(`补贴:￥${item.discount}`)
          .priceText()
      }else {
        Text('原价:￥'+item.price)
          .priceText()
          // .fontSize(16)
          // .fontColor('#F36')
      }
    }.alignItems(HorizontalAlign.Start)  //设置水平居中左对齐
     .fillScreen()
  }//设置row的宽度高度和圆角边框的大小和背景颜色
  .fillScreen()
}
@Styles function fillScreen(){
  .height(120)
  .width('100%')
  .borderRadius(20)  //设置圆角
  .backgroundColor('#FFF')
  .padding(10)
}
@Styles function fillScreen1(){
  .width('100%')
  .height('100%')
  .backgroundColor('#EFEFEF')
  .padding(20)
}
@Extend(Text)function priceText(){
  .fontSize(16)
  .fontColor('#F36')
}
@Entry
@Component
struct Image7Page {
  //定义数组
  private list:Array<ImageItem>=[
    new ImageItem('华为Mate60',$r('app.media.huaweiMate60'),6999,500),
    new ImageItem('华为book',$r('app.media.huaweiBook'),13999),
    new ImageItem('WatchGT4',$r('app.media.WatchGT4'),1438),
    new ImageItem('FreeBuds',$r('app.media.FreeBuds'),1499),
    new ImageItem('Mate X5',$r('app.media.matex5'),12999),
    new ImageItem('WatchGT4',$r('app.media.WatchGT4'),1438),
    new ImageItem('FreeBuds',$r('app.media.FreeBuds'),1499),
    new ImageItem('Mate X5',$r('app.media.matex5'),12999)
  ]
  //如果不传参数，直接默认值给0
  test(name:string,age:number=0){
    console.log('name',name,'age',age)
  }
  build() {
    Row(){
      Column({space:10}) {
        Header({title:'商品列表'})
        List(){
          ForEach(this.list,(item:ImageItem)=>{   //重复渲染
            ListItem(){
              itemCardToal(item)
            }
          },(item:ImageItem) => item.name)//name是唯一标识
        }.layoutWeight(1)
      }.fillScreen1()
    }
  }
}

爱吃香菜和草莓
关注
  • 10
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2024鸿蒙OS实战开发项目大全：从入门到精通（含101个实战案例）超详细的鸿蒙实战案例
sybh的博客
05-17 3337
从基础的UI组件到复杂的分布式场景，从ArkTS的细致教学到JS的灵活运用，这一百个项目涵盖了你需要知道的HarmonyOS实战技术和策略。我们会从溪村小镇的细节世界开始，深入多端部署的可能性，感受如购物应用和音乐专辑这样的实用系统是如何在HarmonyOS中获得生命的。忘却繁杂，把握简单，最后我们将以开发您的第一个快应用（初级版和高级版）为终结，为您的鸿蒙OS开发之旅画上完美的句号。这一百个项目不仅仅是教程或示例，它们是设计思维、创新灵感和开发技巧的集大成，是您实战开发HarmonyOS路上的重要伴侣。
鸿蒙应用开发系列 EX篇：HarmonyOS应用开发者基础认证
生活在别处
05-06 714
该认证旨在验证开发者是否掌握了HarmonyOS应用开发的基本技能和知识，包括但不限于HarmonyOS的应用架构、开发环境搭建、基础组件使用、页面导航、数据存储、网络通信、图形与动画处理、权限管理、应用分发与安全等核心内容。准备该认证的开发者可以通过官方提供的培训资源进行学习，包括在线课程、文档、实践教程等，这些资源详细介绍了HarmonyOS应用开发的基础概念、开发工具（如DevEco Studio）的使用、以及如何运用HarmonyOS特有的功能和服务来构建应用。
锋迷商城项目：鸿蒙系统APP开发入门+实战教学（附源码）
IT教育任姐姐的博客
06-16 2585
现在越来越内卷，为了帮助大家更有职业竞争力，下面专为粉丝整理了-针对于工作1-5年的资深Java工程师的大型项目实践案例，全部开源，附带源码笔记统统送！146集全套鸿蒙系统app开发教程—基于锋迷商城（附源码）对标阿里P7/P8本套课程以电商项目《锋迷商城》为背景，基于最新发布的移动应用系统HarmonyOS后进行的移动用开发技术的讲授；首先系统的讲解HarmonyOS应用开发技术，包括：HarmonyOS系统架构、Ability框架、UI框架、以及权限管理等，在此基础上结合《锋迷商城》电商项目的后台数据接
鸿蒙HarmonyOS项目实战开发：分布式购物车
shudaoshanQAQ的博客
02-27 5045
分布式购物车demo 模拟的是我们购物时参加满减活动，进行拼单的场景
鸿蒙开发【商城列表案例】详细实操
2401_82930760的博客
04-20 2071
目前商城界面已经支持滑动了，但是最下面的图片还不能完全展示出来，我们需要用.layoutWeight属性设置权重。在Row容器从左到右依次部署Image组件、Column组件，传入数据，并调整Image和Text组件大小。设置容器的间距，以及组件颜色，对容器设置宽度大小，背景颜色，以及字体颜色等。的宽度和高度，以及圆角边框大小，背景颜色。的宽度和高度，以及圆角边框大小，背景颜色。的宽度和高度，以及圆角边框大小，背景颜色。的宽度和高度，以及圆角边框大小，背景颜色。键值生成规则 重复渲染 设置唯一标识。
鸿蒙开发入门实战案例-菜谱列表（附源码）
shudaoshanQAQ的博客
03-13 2041
实战案例-菜谱列表（附源码）
【鸿蒙毕设源码】鸿蒙应用商城app
weixin_56727963的博客
06-23 1238
基于鸿蒙的应用市场app本项目分为管理员和用户两个角色其中管理员使用web管理后台，用户使用鸿蒙app鸿蒙基于ArkTS、Api9、stage模型开发 管理员：1. 登录：使用默认账号密码登录，默认账号密码都是a。基于鸿蒙的应用市场app本项目分为管理员和用户两个角色其中管理员使用web管理后台，用户使用鸿蒙app鸿蒙基于ArkTS、Api9、stage模型开发 管理员：1. 登录：使用默认账号密码登录，默认账号密码都是a。【鸿蒙】基于Springboot的鸿蒙应用市场。
鸿蒙HarmonyOS开发实战—安全管理（权限开发）_鸿蒙 权限
2301_79985178的博客
04-27 873
HarmonyOS为了保证应用对外提供的接口不被恶意调用，需要对调用接口的调用者进行鉴权。大多情况下，系统已定义的权限满足了应用的基本需要，若有特殊的访问控制需要，应用可在config.json中以"defPermissions": []属性来定义新的权限，并通过“availableScope”和“grantMode”两个属性分别确定权限的开放范围和授权方式，使得权限定义更加灵活且易于理解。
Unexpected call to CefQueryCallback_N:finallize()【鸿蒙报错已解决】
一键难忘的博客
05-06 371
Unexpected call to CefQueryCallback_N:finallize()【鸿蒙报错已解决】最近遇到了这个问题，看到网上也有人在询问这个问题，实操了很多网上的解决方案发现并不能解决这个Bug，所以我在解决这个问题后，总结了自己和其他人的解决经验，进行了整理，写了一本解决【Unexpected call to CefQueryCallback_N:finallize()】这个问题的bug文章，希望可以帮助到大家。 解决问题的全部过程记录在本篇文章中，包括原因分析、解决方案等，按照本文的
HarmonyOS 润和 HiSpark开发套件 免费领
华为开发者联盟
09-30 4739
让人期盼已久的HarmonyOS 2.0终于在9月10日正式上线啦！ 这是一件让众多开发者关注的大事件！ 相信不少开发者都已经迫不及待的想上手实操了， 为了满足大家的好奇心， 也希望能有更多开发者了解HarmonyOS， 本次投票+评论赢HarmonyOS开发套件活动， 只要参与互动并留下您的走心评论，以下奖品 HiSpark AI Camera开发套件、 HiSpark Wi-Fi IoT智能家居开发套件、 HiSpark Wi-Fi IoT智能小车套件、 HiSpark IPC DIY开发套件、 官方店
前端都在卷鸿蒙？推荐 12 个 热门的开源鸿蒙实战项目
shudaoshanQAQ的博客
01-24 2760
随着鸿蒙操作系统（HarmonyOS）的崛起，华为自主研发的这款操作系统已经吸引了无数关注。本文将分享 12 个开源的鸿蒙实战项目，无论你是鸿蒙领域的新兵，还是经验丰富的老将，希望能从这些项目中获得启发和实用经验。
2024年鸿蒙最全鸿蒙开发实战终极案例--高仿微信App（附源码）(1)，2024年最新阿里的面试官
2401_84851550的博客
05-15 431
/绘制三角形Path().width(20).margin(0)//矩形列表List(){MenuRow({imagePath:‘/images/menu_group.png’,titleString:‘发起群聊’})MenuRow({imagePath:‘/images/menu_add.png’,titleString:‘添加朋友’})
『江鸟中原』鸿蒙购物应用开发--BuyBuyBuy
颜氏风寻的博客
11-30 7190
我在这篇文章中分享了我的鸿蒙移动应用开发课程的期末大作业--鸿蒙购物应用BuyBuyBuy，它是我在学习了这一学期的课程之后利用方舟开发框架（简称ArkUI开发框架）所做的一些UI开发成果。
最新鸿蒙开发入门实战案例-菜谱列表（附源码）(2)，大厂面试经验分享稿
2401_84871893的博客
05-11 459
那时，没有大棚菜，冬天，家家每天佐餐的基本上都是冬储大白菜，聪明的家庭主妇总是想方设法将这单调的菜变成多种菜式，于是，醋溜白菜被频繁地端上餐桌。千万别以为“开水”就是“白开水”， 开水白菜名说开水，实则是巧用清汤，其关键在于吊汤，汤要味浓而清，清如开水一般，成菜乍看如清水泡着几棵白菜心，一星油花也不见，但吃在嘴里，清鲜淡雅，香味浓醇，汤味浓厚，不油不腻，却清香爽口。已经很像了啊，还有一点问题，时间和按钮的位置不太对啊，它俩应该和图片的底部对齐，又要各自分布在描述内容的两端，怎么做呢。
11 开源鸿蒙OpenHarmony轻量系统源码分析
qq582880551的博客
03-28 1229
之前单独的LiteOS是通过Makefile编译的，当前的开源鸿蒙LiteOS-M和LiteOS-A是通过gn和ninja编译的。Gitee官方只介绍了LiteOS-M的gn + ninja编译的流程，针对M3使用Keil编译的流程可能要参考社区代码由此可知，开源鸿蒙轻量系统只是简单的由LiteOS-M内核 + 一些芯片厂商的驱动组成LiteOS-M 编码规范。
全网最全的鸿蒙源码结构分析（附自制4张架构图）
热门推荐
lzw的专栏
09-21 6万+
前言：今天下午到晚上折腾了6个多小时，从官网一直到Gitee和CodeChina，把所有知道的资料都看了一下，整理了一份鸿蒙架构和源码对比图给大家，希望大家都来看看。 文章目录一、鸿蒙结构图自制版（结合源码重新制作）制作过程解密：二、思维导图图解鸿蒙结构以及对应的源码目录三、制作每一个库的内容介绍以及和架构图的对照详细表格1、官方文档给出的分类（补充：每个仓库介绍和数量）制作过程解密：2、官方文档没有的仓库的分类整理及介绍和数量统计制作过程解密： 一、鸿蒙结构图自制版（结合源码重新制作） 制作过程解密：.
使用SymbolGlyph和SymbolSpan在HarmonyOS中实现高级图标效果
最新发布
A1551143530的博客
09-03 295
不仅支持静态图标，还可以通过属性为图标添加动态效果。Column() {Text("弹跳动效示例")'停止' : '开始').onClick(() => {})这个示例展示了如何通过按钮控制图标的动效，利用实现图标的弹跳效果。这样的动效可以显著提升用户界面的动态感。和SymbolSpan组件提供了丰富的功能，使您能够在HarmonyOS中轻松创建和管理图标。通过掌握这些组件的用法，您可以在应用中实现精美的图标效果，并为用户带来更好的视觉体验。4o。
HarmonyOS开发实战（ Beta5版）线程间通信场景最佳实践
weixin_55362248的博客
09-02 887
在应用开发中，经常会需要处理一些耗时的任务，如果全部放在主线程中执行就会导致阻塞，从而引起卡顿或者掉帧现象，降低用户体验，此时就可以将这些耗时操作放到子线程中处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值