鸿蒙开发者学堂【从简单的页面开始】习题与答案

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

判断题

  1. Button作为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮，其类型包括胶囊按钮、圆形按钮、普通按钮。\color{red}{正确}
    正确(True)
    错误(False)

知识点
Button。解析：Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。

  1. Resource是资源引用类型，用于设置组件属性的值，可以定义组件的颜色、文本大小、组件大小等属性。\color{red}{正确}
    正确(True)
    错误(False)

知识点
Resource、资源引用。

  1. 在Column容器中的子组件默认是按照从上到下的垂直方向布局的，其主轴的方向是垂直方向，在Row容器中的组件默认是按照从左到右的水平方向布局的，其主轴的方向是水平方向。\color{red}{正确}
    正确(True)
    错误(False)

知识点
线性布局、Column容器、Row容器。解析：线性布局的子元素在线性方向上依次排列，Column容器内子元素按照垂直方向排列，Row容器内子元素按照水平方向排列。

单选题

  1. 关于ForEach循环渲染的描述错误的是：\color{red}{D}
    A. arr数据源，为Array类型的数组。
    B. itemGenerator为子组件生成函数，为数组中的每个元素创建对应的组件。
    C. keyGenerator为数组项唯一键值生成函数，为数据源arr的每个数组项生成唯一且持久的键值，函数返回值为开发者自定义的键值生成规则。
    D. ForEach基于数组类型数据来进行循环渲染，需要与容器组件配合使用，且可以返回任意子组件。

知识点
ForEach循环渲染。解析：ForEach接口基于数组类型数据来进行循环渲染，需要与容器组件配合使用，且接口返回的组件应当是允许包含在ForEach父容器组件中的子组件。

  1. Image不支持哪种图片格式：\color{red}{B}
    A. svg
    B. eps
    C. gif
    D. bmp

知识点
Image。解析：Image组件支持png、jpg、jpeg、bmp、svg、webp、gif和heif类型的图片格式。

  1. 下面哪个组件层次结构是错误的：\color{red}{C}
    A. List>ListItem>Column
    B. Column>List>ListItem
    C. Grid>Row>GridItem
    D. Grid>GridItem

知识点
List、Column、Grid。解析：“GridItem”组件只能嵌套在 Grid 父组件中。

  1. 需要在主轴上使第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半，通过下列哪种方式设置：\color{red}{B}
    A. justifyContent(FlexAlign.SpaceBetween)
    B. justifyContent(FlexAlign.SpaceAround)
    C. justifyContent(FlexAlign.SpaceEvenly)
    D. justifyContent(FlexAlign.Center)

知识点
FlexAlign。解析：FlexAlign.SpaceAround表示主轴上第一个元素到行首的距离和最后一个元素到行尾的距离是相邻元素之间距离的一半。

多选题

  1. 关于ImageFit的类型和说明正确的是：\color{red}{ABCE}
    A. Contain：保持宽高比进行缩小或者放大，使得图片完全显示在显示边界内。
    B. None：保持原有尺寸显示。
    C. Fill：不保持宽高比进行放大缩小，使得图片充满显示边界。
    D. Scale：保持宽高比显示，图片缩小或者保持不变。
    E. Cover：ImageFit的默认值，保持宽高比进行缩小或者放大，使得图片两边都大于或等于显示边界。

知识点
Image、ImageFit。解析：ScaleDown：保持宽高比显示，图片缩小或者保持不变。

  1. Row容器的主轴是水平方向，交叉轴是垂直方向，其参数类型为VerticalAlign （垂直对齐），VerticalAlign 定义了以下几种类型？\color{red}{ABE}
    A. Top
    B. Bottom
    C. Start
    D. End
    E. Center

知识点
Row容器、VerticalAlign。解析：VerticalAlign枚举类型有三种分别为：Top、Center、Bottom。

  1. TextDecorationType不包含哪几种类型？\color{red}{CD}
    A. None
    B. LineThrough
    C. TopLine
    D. Bottomline

知识点
TextDecorationType、Text。解析：TextDecorationType包括的类型有：None、Overline、LineThrough、Underline。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容