当前位置: 首页 > article >正文

【鸿蒙开发】ArkTs布局(上)----面试题库

  1. 什么是线性布局
    线性布局(LinearLayout)是开发中最常用的布局,通过线性容器Row和Column构建。线性布局是其他布局的基础,其子元素在线性方向上(水平方向和垂直方向)依次排列。线性布局的排列方向由所选容器组件决定,Column容器内子元素按照垂直方向排列,Row容器内子元素按照水平方向排列。

Column容器内子元素排列示意图: Column容器内子元素排列示意图
Row容器内子元素排列示意图:
在这里插入图片描述

  1. 线性布局对齐方式
    布局子元素在主轴上的对齐方式: 属性: justifyContent()
    布局子元素在交叉轴上的对齐方式: 属性: alignItems()

  2. 线性布局的自适应拉伸、缩放、延伸
    拉伸:常用空白填充组件Blank,在容器主轴方向自动填充空白空间。Row和Column作为容器,只需要添加宽高为百分比。
    缩放:父容器尺寸确定时,使用layoutWeight属性设置子元素和兄弟元素在主轴上的权重,忽略元素本身尺寸设置,使它们在任意尺寸的设备下自适应占满剩余空间。
    延伸:使用Scrol、Listl组件,在不同尺寸设备下,当页面的内容超出屏幕大小而无法完全显示时,可以通过滚动条进行拖动展示。

  3. 什么是弹性布局(堆叠)
    ● 弹性布局(Flex)提供更加有效的方式对容器中的子元素进行排列、对齐和分配剩余空间。常用于页面头部导航栏的均匀分布、页面框架的搭建、多行数据的排列等。
    ● 弹性布局分为单行布局和多行布局。默认情况下,Flex 容器中的子元素都排在一条线(又称“轴线”)上。子元素尺寸总和大于 Flex 容器尺寸时,子元素尺寸会自动挤压。
    ● wrap 属性控制当子元素主轴尺寸之和大于容器主轴尺寸时,Flex 是单行布局还是多行布局。在多行布局时,通过交叉轴方向,确认新行排列方向

在这里插入图片描述



http://www.kler.cn/a/406271.html

相关文章:

  • 创客匠人老蒋:个人IP如何获取有效流量?
  • Android 设置 bottomnavigation 底部导航栏的样式
  • 知识中台在多语言客户中的应用
  • 设计模式之创建模式篇
  • C++标准模板库 -- map和set
  • 深入解析生成对抗网络(GAN)
  • Delphi ADO组件中的 ADOTable、ADOQurey 无SQL语句实现增、删、改、查
  • 时间操作[计算时间差]免费API接口教程
  • 模型的评估与选择——交叉验证(基于Python实现)
  • Vue3项目实战(vue3+vite+pinia+element-plus+axios+mock)
  • DBeaver错误:Public Key Retrieval is not allowed
  • 人工智能|计算机视觉——微表情识别(Micro expression recognition)的研究现状
  • 智慧营区整体解决方案
  • 04高可用高并发(D2_高可用 - D1_负载均衡)
  • 二次封装的天气时间日历选择组件
  • 鸿蒙安全控件之粘贴控件简介
  • 通威传媒:移动AI数字人OLED透明屏应用案例
  • FPGA 第十讲 避免latch的产生
  • 太速科技-232-基于FMC的2收2发TLK2711子卡
  • Go语言的并发与管道
  • 【头歌实训:利用kmp算法求子串在主串中不重叠出现的次数】
  • 使用 前端技术 创建 QR 码生成器 API1
  • HTML详解(1)
  • 『 Linux 』网络层 - IP协议(一)
  • wireshark网络安全流量分析基础
  • 量化交易系统开发-实时行情自动化交易-3.4.3.4.期货衍生数据