HarmonyOS第一课 05 从简单的页面开始-习题

【习题】从简单的页面开始

通过/及格分80/ 满分100

判断题

1.Button作为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮，其类型包括胶囊按钮、圆形按钮、普通按钮。T

正确(True)

错误(False)

大部分前端框架的按钮都具有这几个类型,鸿蒙也不例外

2.对于包含文本元素的组件，如：Text、Span、Button、TextInput等，使用fontFamily设置字体时，参数类型只能是string，当使用多个字体时，用“，”进行分割，按顺序生效。F

正确(True)

错误(False)

参数类型可以是string,也可以是resource

3.在Column容器中的子组件默认是按照从上到下的垂直方向布局的，其主轴的方向是垂直方向，在Row容器中的组件默认是按照从左到右的水平方向布局的，其主轴的方向是水平方向。T

正确(True)

错误(False)

Column是垂直布局.Row是水平布局,就像表格的列和行的区别.

单选题

1.关于ForEach循环渲染的描述错误的是：D

A. arr数据源，为Array类型的数组

B. itemGenerator为子组件生成函数，为数组中的每个元素创建对应的组件

C. keyGenerator为数组项唯一键值生成函数，为数据源arr的每个数组项生成唯一且持久的键值，函数返回值为开发者自定义的键值生成规则

D. ForEach基于数组类型数据来进行循环渲染，需要与容器组件配合使用，且可以返回任意子组件

原文是这样描述的：ForEach接口基于数组类型数据来进行循环渲染，需要与容器组件配合使用，且接口返回的组件应当是允许包含在ForEach父容器组件中的子组件。例如，ListItem组件要求ForEach的父容器组件必须为List组件。

所以答案D是错误的。

2.Image不支持哪种图片格式：

A. svg

B. eps

C. gif

D. bmp

eps这个是高级别的设计图片，包不支持的。

3.下面哪个组件层次结构是错误的：C

A. List>ListItem>Column

B. Column>List>ListItem

C. Grid>Row>GridItem

D. Grid>GridItem

这题只有C个D选择，因为Grid本身就是表格布局，没必要使用Row了，所以就是C了

4.需要在主轴上使第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半，通过下列哪种方式设置：B

A. justifyContent(FlexAlign.SpaceBetween)

B. justifyContent(FlexAlign.SpaceAround)

C. justifyContent(FlexAlign.SpaceEvenly)

D. justifyContent(FlexAlign.Center)

FlexAlign.SpaceAround：Flex主轴方向均匀分配弹性元素，相邻子组件之间距离相同。第一个子组件到主轴起始端的距离和最后一个子组件到主轴终点端的距离是相邻元素之间距离的一半。

FlexAlign.SpaceBetween：Flex主轴方向均匀分配弹性元素，相邻子组件之间距离相同。第一个子组件和最后一个子组件与父元素边沿对齐。

FlexAlign.SpaceEvenly：Flex主轴方向元素等间距布局，相邻子组件之间的间距、第一个子组件与主轴起始端的间距、最后一个子组件到主轴终点端的间距均相等。

FlexAlign.Center：子组件在主轴方向居中对齐

华为这设计费了老大的功夫了,设计得有点复杂,比css难.

多选题

1.关于Grid组件的相关描述正确的是：ABCE

A. 网格布局是由“行”和“列”分割的单元格所组成，具有较强的页面均分能力，子组件占比控制能力

B. Grid组件提供了rowsTemplate和columnsTemplate属性用于设置网格布局行列数量与尺寸占比

C. 设置网格容器的步骤：准备待循环的数据源、设置网格容器Grid、利用ForEach对数据进行渲染

D. 如果设置的是columnsTemplate，Grid的滚动方向为水平方向；如果设置的是rowsTemplate，Grid的滚动方向为垂直方向

E. Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。Grid组件支持使用条件渲染、循环渲染、懒加载等方式生成子组件

如果设置的是columnsTemplate，Grid的滚动方向为垂直方向；如果设置的是rowsTemplate，Grid的滚动方向为水平方向

正好说反了

2.关于Swiper组件的相关描述正确的是：ABCD

A. 当loop为true时，在显示第一页或最后一页时，可以继续往前切换到前一页或者往后切换到后一页。如果loop为false，则在第一页或最后一页时，无法继续向前或者向后切换页面

B. Swiper通过设置autoPlay属性，控制是否自动轮播子组件

C. Swiper支持水平和垂直方向上进行轮播，主要通过vertical属性控制

D. Swiper支持手指滑动、点击导航点和通过控制器三种方式切换页面

多选题大部分都是全选

3.关于List组件的相关描述正确的是：ABCD

A. List除了提供垂直和水平布局能力、还提供了自适应交叉轴方向上排列个数的布局能力

B. 当列表项达到一定数量，内容超过屏幕大小时，可以提供滚动功能。它适用于呈现同类数据类型或数据类型集

C. List提供了divider属性用于给列表项之间添加分隔线。在设置divider属性时，可以通过strokeWidth和color属性设置分隔线的粗细和颜色

D. List组件主轴默认是垂直方向，即默认情况下不需要手动设置List方向，就可以构建一个垂直滚动列表

果不其然,还是全选