鸿蒙初体验

一,线性布局

Column容器内子元素按照垂直方向排列,row容器内子元素按照水平方向排列。

1,元素垂直向下排列布局

是沿着从上到下,或从下到上的布局

样式为:Column
2,行布局

是沿着水平面方向布局的

样式为:row

3,常用组件

分别是{text文本},{Button按钮组件,通常用于相应用户的使用。其中包括:胶囊按钮,圆形按钮,普通按钮等。},{TextArea是输入框架组件}

1.text文本

text是文本组件,通常用于加入一些视图,文字,文章等。

2,Button按钮组件

Button还可以作为容器通过添加子组件来添加一些带有文字,图片的按钮。

其一,胶囊类型也是默认按钮(Capsule):

此按钮的圆角会自动设置高度的一半,不支持通过borderRadius属性重新设置圆角的高度其二, 圆形按钮(Circle)

此类型按钮为圆形,不支持通过borderRadius属性重新设置圆角。其三,普通按钮(Normal)

此类型的按钮默认圆角为0,可以通过borderRadius属性重新设置圆角。

补充还可以通过加入文本样式来调整按钮文本的样式

和背景颜色

3,TextArea是输入框架组件

通常用于响应用户的输入操作,比如评论区的输入、聊天框的输入、表格的输入等,也可以结合其它组件构建功能页面,例如登录注册页面。

设置输入框类型TextInput有9种可选类型:

基本输入模式(默认类型)

密码输入模式

自定义样式

4,显示图片 (Image)
        开发者经常需要在应用中显示一些图片,例如:按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现,Image支持多种图片格式,包括png、jpg、bmp、svg和gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值