基于HarmonyOS ArkUI 3.0 框架，成功开发了相册_flex({ wrap: flexwrap.wrap })

作者：花生_TL007 | 2024-03-14 13:12:56

踩

flex({ wrap: flexwrap.wrap })

HarmonyOS ArkUI 3.0 正式到来，今天就带大家感受一下HarmonyOS ArkUI 3.0 框架开发的相册功能，功能很简单，主要是图片放大和图片左右滑动事件。

实现效果

项目开发

创建新的应用

选择一个空的模板
主要是选择开发语言为ets

代码实现

hml结构:渲染函数


build() {
      // 超出屏幕，可滚动
    Scroll() {
      //      图片列表
      Flex({ wrap: FlexWrap.Wrap, justifyContent: FlexAlign.Center, alignContent: FlexAlign.Center }) {
        ForEach(this.imageList, (item, index) => {
          // 循环图片
          Image(item.url)
            .width(item.width)

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/234706