arkui学习
·
1.组件属性方法
需求：
美化组件的外观效果---> 组件的属性方法
效果：
代码：
代码地址：https://gitee.com/rkl_212/open-harmony-hap-study
总结：
a. 需要美化组件外观效果怎么办？
调用组件的属性方法
b. 组件的属性方法怎么写？
2.文本颜色
语法： .fontColor(颜色值)
| 颜色值说明 | 具体演示 |
| 枚举颜色 Color.颜色名 | Color.Red Color.Pink |
| #开头的16进制 | '#df3c50' 【设计图会标注】 |
效果：
代码：
总结：
a.设置文字的颜色？
fontColor(颜色值) 色值是通用的
b.色值写法？
| 颜色值说明 | 具体演示 |
| 枚举颜色 Color.颜色名 | Color.Red Color.Pink |
| #开头的16进制 | '#df3c50' 【设计图会标注】 |
3.文本溢出省略号，行高
1.文字溢出省略（设置文本超长时的显示方式）
语法：.textOverflow({
overflow: TextOverflow.XXX
})
注意需要配合.maxLinesI(行数)使用
2.行高
语法： .lineHeight(数字)
代码：
总结：
1.设置文本溢出省略号？
2.设置行高
.lineHeight(数字)
4.组件图片
Image图片组件
作用：界面展示图片
语法：Image（图片数据源） 支持网络图片资源和本地图片资源
Image('https://www.itheima.com/images/logo.png') //网络图片
本地图片
代码：
总结：
1.显示图片的组件是什么
Image(图片数据源)
2.图片数据源支持哪两种格式
网络
本地
5.输入框和按钮
需求：实现登录或者注册的排版 --> 输入框和按钮组件
1.参数对象：placeholder提示文本
2.属性方法： .type(InputType.xxx)设置输入框type类型
| type值 | 解释说明 |
| normal | 基本输入模式，无特殊限制 |
| password | 密码输入模式 |
代码：
总结：
输入框组件怎么写?
展示按钮用什么组件?
如何调整组件之间的距离?
给外层容器组件加 {space:数字}
社区规范：仅讨论OpenHarmony相关问题。
更多推荐
0
0- 0
已为社区贡献6条内容
所有评论(0)