ArkTSで単一の境界線を設定する方法を教えてください

効果は次のとおりです。

上部のコンポーネント、下部のみ緑色の境界線があります

コード例:

Row(){//顶部栏
  Text("理  论  街  道")
    .fontSize('32').layoutWeight(8)

  Image('/pictures/search.jpg')//右上角插入的图标,与案例无关,可以无视
    .layoutWeight(2)
}
.width('100%').height('10%')
.border({
  width: {bottom: '30lpx' },//可以看到我们只填写了botton一个属性
  color: {bottom: Color.Green },
})

要約:

境界線の幅などの属性の特定の位置を記述するだけでよいことがわかります。

他の境界線が必要な場合は、左、右、上を追加し続けることができます。書かれていない場合は、デフォルトで 4 つの境界線すべてが存在します。

.border({ 
    width: { left: '5lpx', right: '10lpx', top: '20lpx', bottom: '30lpx' }, 
    color: { left: '#e3bbbb', right: Color.Blue, top: Color.Red, bottom: Color.Green },
})

参照用の公式文書:

Huawei Hongmeng Development - 境界設定:ドキュメントセンター

参照用の優れたブログ: OpenHarmony アプリケーション開発 - 境界線/画像境界線/背景/透明度の設定と可視性の制御 - オープンソースの基本的なソフトウェアコミュニティ - 51CTO.COM

ArkTS でコンポーネントの単一の境界線を設定する方法は? (Huawei Hongmeng によって開発されました) 境界線を 1 つだけ設定する方法

効果は次のとおりです。

コード例:

要約:

参照用の公式文書:

おすすめ