开源鸿蒙 Attribute Configuration

  • 2022-08-09
  • 浏览 (581)

Attribute Configuration

Use attribute methods to configure component attributes. An attribute method follows the corresponding component and is bound to the component using the “.” operator.

  • The following is an example of configuring the font size attribute of the Text component:
  Text('123')
      .fontSize(12)
  • Use the “.” operator to implement chain call to configure multiple attributes at the same time, as shown below:
  Image('a.jpg')
      .alt('error.jpg')    .width(100)    .height(100)
  • In addition to constants, you can also pass variables or expressions, as shown below:
  // Size, count, and offset are private variables defined in the component.
  Text('hello')
      .fontSize(this.size)
  Image('a.jpg')
      .width(this.count % 2 === 0 ? 100 : 200)    .height(this.offset + 100)
  • For attributes of preset components, the framework also provides some predefined enumeration types, which you can pass as parameters to methods. Enumeration types must meet the parameter type requirements on the enumeration type definitions for specific attributes. You can configure the font color and weight attributes of the Text component as follows:
  Text('hello')
      .fontSize(20)
      .fontColor(Color.Red)
      .fontWeight(FontWeight.Bold)

你可能感兴趣的文章

开源鸿蒙 UI Development

开源鸿蒙 ArkUI Overview

开源鸿蒙 File Organization

开源鸿蒙 app.js

开源鸿蒙 “js” Tag

开源鸿蒙 Lifecycle

开源鸿蒙 Multi-Language Capability

开源鸿蒙 Resource Limitations and Access

开源鸿蒙 CSS

开源鸿蒙 HML

0  赞