【HarmonyOS4学习笔记】《HarmonyOS4+NEXT星河版入门到企业级实战教程》课程学习笔记(五)

课程地址: 黑马程序员HarmonyOS4+NEXT星河版入门到企业级实战教程,一套精通鸿蒙应用开发

(本篇笔记对应课程第 10 - 11节)

P10《09.ArkUI组件-Slider》

Slider : 滑动条组件

在这里插入图片描述

coding,实现滑动条控制图片宽度效果:

在这里插入图片描述

P11《10.ArkUI组件-Column和Row》

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

交叉轴的默认对齐方式都是center的。

在这里插入图片描述

光说不练假把式,coding!

1、首先将最外层的Row容器去掉,最外层的Column容器保留且宽高都为100%。

2、将图片放到一个Row容器中且固定容器高度,防止图片放大缩小时导致下面所有元素的位置都发生变化,并将图片在Row容器中设置居中:

在这里插入图片描述

3、调整图片宽度文本与输入框:

在这里插入图片描述

4、调整缩小放大按钮:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-28 03:16:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-28 03:16:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-28 03:16:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-28 03:16:02       20 阅读

热门阅读

  1. 【软考】面向对象设计

    2024-04-28 03:16:02       11 阅读
  2. 创建PAM配置文件

    2024-04-28 03:16:02       9 阅读
  3. C语言例题27:打印99乘法口诀表

    2024-04-28 03:16:02       11 阅读
  4. 初学gsap的记录

    2024-04-28 03:16:02       9 阅读