harmonyOS基础样式

字体相关属性

  • .fontSize (字体大小的数值) 设置字体大小
  • .fontColor (‘#008c8c’)或者 fontColor(Color.Red) 设置字体颜色 两中方式都可以 第一种方式颜色的数值更精确些,枚举方式第一个字母要大写
  • .fontStyle (FontStyle.Italic) 设置字体样式 Normal 没有样式(默认) Italic 倾斜
  • .fontWeight (100 - 700) 设置字体粗细,数值越大字体越粗
  • .textAlign (TextAlign.Start) 设置文本对齐方式 start 左对齐 end 右对齐 center 居中对齐
  • .textOverflow({overflow: TextOverflow.Ellipsis}) 设置文本超出如何显示 Ellipsis 超出显示小圆点
  • .maxLines(1) 设置文本最大行数
  • .copyOption(CopyOptions.InApp) 设置文本是否可以复制粘贴
  • .textCase(TextCase.LowerCase) 英文状态下文本带小写 LowerCase为小写 UpperCase 为大写
  • .lineHeight(20) 设置行高
  • .decoration({ 设置文本装饰性样式及颜色
    type: TextDecorationType.LineThrough, 线的样式 LineThrough 删除线, Overline 上划线,Underline 下划线
    color: Color.Red 线的颜色
    })
  • .baselineOffset(0) 设置文本基线的偏移量

布局相关

  1. 线性布局 Column 和 Row
    通俗易懂点讲Column是(垂直)竖着排列
    在这里插入图片描述

    Row是(水平)横着排列
    

在这里插入图片描述

  1. 层叠布局(Stack)

    通俗易懂点讲就是几个组件放置在同一个位置,或者有层叠的部分,比如下边这个图
    在这里插入图片描述

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值