Lineare Layout-Containerzeilenkomponente des HarmonyOS-Projekts ArkUI

1. Betriebsumgebung

Betriebssystem: Windows 10 Professional, IDE: DevEco Studio 3.1, SDK: HarmonyOS 3.1

2. Zeilenkomponente

Behälter horizontal auslegen.

Unterbaugruppe

Kann Unterkomponenten enthalten.

Schnittstelle

Zeile(Wert?:{Leerzeichen?: Zeichenfolge | Zahl})

Parameter

Parametername	Parametertyp	Erforderlich	Standardwert	Parameterbeschreibung
Raum	Zeichenfolge \| Nummer	NEIN	0	Horizontaler Abstand der Layoutelemente.

Attribute

Name	Parametertyp	Standardwert	beschreiben
alignItems	VerticalAlign	VerticalAlign.Center	Das vertikale Ausrichtungsformat der untergeordneten Komponente.
justifyContent8+	FlexAlign	FlexAlign.Start	Formatieren Sie die horizontale Ausrichtung untergeordneter Komponenten.

3. Beispiel

Code

// xxx.ets
@Entry
@Component
struct RowExample {
  build() {
    Column({ space: 5 }) {
      Text('space').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Row({ space: 5 }) {
        Row().width('30%').height(50).backgroundColor("#FF1493")
        Row().width('30%').height(50).backgroundColor(0x00FFFF)
      }.width('90%').height(107).border({ width: 1 })

      Text('alignItems(Top)').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Row() {
        Row().width('30%').height(50).backgroundColor("#FF1493")
        Row().width('30%').height(50).backgroundColor(0x00FFFF)
      }.alignItems(VerticalAlign.Top).height('15%').border({ width: 1 })

      Text('alignItems(Center)').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Row() {
        Row().width('30%').height(50).backgroundColor("#FF1493")
        Row().width('30%').height(50).backgroundColor(0x00FFFF)
      }.alignItems(VerticalAlign.Center).height('15%').border({ width: 1 })

      Text('justifyContent(End)').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Row() {
        Row().width('30%').height(50).backgroundColor("#FF1493")
        Row().width('30%').height(50).backgroundColor(0x00FFFF)
      }.width('90%').border({ width: 1 }).justifyContent(FlexAlign.End)

      Text('justifyContent(Center)').fontSize(9).fontColor(0xCCCCCC).width('90%')
      Row() {
        Row().width('30%').height(50).backgroundColor("#FF1493")
        Row().width('30%').height(50).backgroundColor(0x00FFFF)
      }.width('90%').border({ width: 1 }).justifyContent(FlexAlign.Center)
    }.width('100%')
  }
}

Bild

Bitte kommen Sie oft zu mir nach Hause, um mich zu sehen, wenn Sie Zeit haben. Vielen Dank, dass Sie hier sind ...

Meine Heimatadresse: Aden

Abschließend gebe ich Ihnen ein Gedicht:

Die Berge sind hoch, die Straßen weit entfernt und die Gruben tief,
und die Armee galoppiert in alle Richtungen,

Wer wagt es, aufrecht zu stehen?
Einfach liken und der Armee folgen.