HarmonyOS 鸿蒙常用的组件以及属性

发布于 1周前 作者 yuanlaile 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙常用的组件以及属性

在项目中使用的系统组件和属性总结如下:

使用的系统组件:

1.Column:纵向布局容器,用于垂直排列子组件。 2.Row:横向布局容器,用于水平排列子组件。 3.Stack:层叠布局容器,用于将子组件层叠显示。 4.Flex:弹性布局容器,用于创建灵活的布局。 5.Scroll:滚动布局容器,用于实现滚动效果。 6.Image:图片组件,用于显示图片内容。 7.Text:文本组件,用于显示文本内容。 8.LoadingProgress:加载指示器组件,用于展示加载过程中的指示器。 9.SaveButton:保存按钮组件,用于保存图片到相册。 10.Swiper:轮播图组件,用于创建轮播图效果。 11.TextInput:输入框组件,用于接收用户输入。 12.Search:搜索条组件,用于实现搜索功能。 13.Web:网页加载组件,用于加载网页内容。

使用的属性记录:

  • width:设置容器或组件的宽度。
  • height:设置容器或组件的高度。
  • backgroundColor:设置容器或组件的背景色。
  • padding:设置容器或组件的内边距。
  • margin:设置容器或组件的外边距。
  • visibility:根据属性值控制容器或组件的显示或隐藏。
  • onClick:设置点击事件处理器。
  • onAreaChange:监听容器尺寸变化。
  • linearGradient:设置容器或组件的背景为线性渐变色。
  • shadow:设置容器的阴影效果。
  • align:设置内部组件的位置显示方式。
  • constraintSize:设置容器或组件的最大宽度或高度。
  • transition:为容器或组件添加过渡动画效果。
  • maxLines:设置文本组件最多显示的行数。
  • onChange:监听输入内容的变化。
  • indicator:设置是否显示轮播指示点。
  • loop:设置是否开启轮播图的循环播放。
  • src:设置网页加载组件的源地址。
  • javaScriptProxy:注册JS Bridge,用于与H5页面进行数据通信。
  • onLoadIntercept:拦截内部跳转、重定向等链接。

以上是项目中使用的系统组件和属性记录,可以作为学习和开发项目时的参考。

2 回复

HarmonyOS 鸿蒙项目收工总结之《组件》

在HarmonyOS鸿蒙项目中,我们使用了多种系统组件来构建用户界面。以下是项目中主要使用的组件及其属性总结:

  1. 布局容器

    • Column:纵向布局容器,用于垂直排列子组件。
    • Row:横向布局容器,用于水平排列子组件。
    • Stack:层叠布局容器,用于将子组件层叠显示。
    • Flex:弹性布局容器,用于创建灵活的布局。
    • Scroll:滚动布局容器,用于实现滚动效果。
  2. 基础组件

    • Image:用于显示图片内容。
    • Text:用于显示文本内容。
    • LoadingProgress:加载指示器组件,用于展示加载过程中的指示器。
    • SaveButton:保存按钮组件,用于保存图片到相册。
    • Swiper:轮播图组件,用于创建轮播图效果。
    • TextInput:输入框组件,用于接收用户输入。
    • Search:搜索条组件,用于实现搜索功能。
    • Web:网页加载组件,用于加载网页内容。
  3. 组件属性

    • 支持设置宽度(width)、高度(height)、背景色(backgroundColor)等。
    • 支持设置内边距(padding)、外边距(margin)、可见性(visibility)等。
    • 支持点击事件(onClick)、尺寸变化监听(onAreaChange)等事件处理。

以上内容涵盖了项目中使用的系统组件及其主要属性。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部