鸿蒙——ArkTS学习_arkts 打印日志

ArkTS是一门用于开发鸿蒙应用的编程语言。

语法基础

界面使用console.log（）即可打印内容。可从下方日志栏看到打印信息。

数据：编程语言的核心就是处理数据。

        三种常见的基础数据类型：

                1.String 字符串类型

                2.number数字类型

                3.boolean 布尔：判断真假

存储数据（一般使用变量和常量来存储数据）

        变量：专门用来存储数据的容器。

                        如：let title :string="一号"

                                console.log("...",title)

                                //注意点1.字符串需要用引号包裹（单引双引号）

                                   2.存储的时候，后面存储的内容需要和前面的类型对应。

        常量：用来存储不可变的数据，（声明方法const PI ：number=3.14159

                                注意命名规则：1.只能包含数字，字母，下划线，$,不能以数字开头，2.不能使用内置的关键字或者保留字（比如let，const）3.严格区分大小写。

数组：数组是一个容器，可以存储多个数据。（声明方式： let 数组名：类型[ ] =[数据1，数据2......]）

            如：let names: string[]=['小明','小李','小王']（注意，数组指定的类型和存储的数据类型必须要一致，否则就会报错。数组中存储的每个数据都有自己的编号，编号从零开始（索引）如：console.log(names[2])）

函数：可以被重复使用的代码块（提高开发效率）

        作用：函数可以把具有相同或者类似逻辑的代码包裹起来，有利于代码复用。

        函数的使用

                1.定义函数        function 函数名（）{函数体}

                2.调用函数        函数名（）

                 （先定义，再使用，变量，函数都是如此）

函数的完整用法：根据我们传入的不同的数据，进行处理，返回处理后的结果

                function 函数名（形参）{

                        编写代码对数据进行处理

                        return 处理后的结果}

                let 变量名： 类型=函数名（实参）

                注意：可以有多个形参和实参，相互对应。

        如： function  buy(price: number, num: number){

                let result: number=number*price

                return result}

                let apple: number=buy(2,3)

箭头函数：箭头函数是比普通函数更加简洁的一种函数写法

                （）=>{ }

                用法： let 函数 =()=>{函数体}

                            函数名（）

对象：作用：用于描述一个物体的特征的行为（即属性名与属性值的对应）

           认识：对象是一个可以存储多个数据的容器

                

           对象的定义和使用

                   定义： let 对象名称： 对象结构类型 = 值

                   使用：1.通过interface接口约定对象结构类型

                                        interface Person{

                                                name: string

                                                age: number

                                                weight: number}

                               2.定义对象并且使用

                                        let person: Person={

                                                name： '一号'，

                                                age： 18，

                                                weight：90}

                                3.获取对象的属性值可以

                                             person.weight / person.age

对象方法：方法作用：描述对象的具体行为

                1.约定方法类型

                        interface Person{

                                dance:()=>void

                                sing: (song: string)=>void

                      }

                  2.添加方法（箭头函数）

                        let person: Person={

                                dance: ()=>{

                                        console.log('一号')}

                                sing：（song： string）=>{

                                        console.log('一号'，song）

                                     }

                                person.dance()

                                person.sing('唱‘）

联合类型

联合类型是一种灵活的数据类型，它修饰的变量靠右存储不同类型的数据

        语法： let 变量：类型1|类型2|类型3 =值

        基于联合类型，变量可以存储不同类型的数据

        let abs number|string|boolean = 100

使变量值在限定的一组数据范围内选择

        let gender: 'man'| ’woman‘ | 'secret'

枚举类型：

枚举类型是一种特殊的数据类型，约定变量只能在一组数据范围内选择值。（可以说是常量列表）

1.定义枚举类型（常量列表）

        enum 枚举名 {                enum ThemeColor{

                常量1 = 值，                Red = ’#....‘

                常量2= 值，                Green='#....'}

                .....

        }

2.使用枚举类型，约束变量

        let color： ThemeColor = ThemeColorRed

        console.log(color)

界面开发入门：

        build（）{}用于构建页面

        Row（）行

        Column（）列

        .fontSize()//设置文本的文字大小

        .fontWeight（FontWeight.Bolder）//设置文本的粗细

        .fontColor(Color.Blue)//文本颜色

布局思路：

        ArkUI（方舟开发框架）是一套构建鸿蒙应用界面的框架。

        构建页面的最小单位就是组件。

        组件分类：

        1.基础组件：页面呈现的基础元素。如文字，图片，按钮等。

        2.容器组件：控制布局排布，如Row行，Column行等。

        布局思路：先排版，再放内容。

        build有且只有一个根组件，且是容器组件

         Column默认会让文字居中，给目标设置width即可让其不居中

组件的属性方法：

        需求： 美化组件外观效果 ->组件的属性方法

        在组件方法后面加上  .属性方法（参数）

        例：.width()宽度        .height()高度      .backgroundColor()背景色        .fontSize（）字体大小                .fontWeight()字体粗细            .fontColor()字体颜色                space设置间隙

                .padding内边距

                配置间隙Column / Row（{space：3}）{}

文字溢出省略号，行高     ：

       文字溢出省略（设置文本超长时的显示方式）

        语法：         .textOverflow({

                                            overflow: TextOverflow.xxx})

                             .maxLine(行数)

                                两个属性需要配合使用（Clip和none表示不显示，Ellipsis显示省略号，MARQUEE显示单行跑马灯（此时maxLine无用））

        行高：

                语法：  .lineHeight(数字)

图片组件：

        界面中展示图片

        Image（图片数据源），支持网络图片资源Image('https://.....')和本地图片资源                 

        本地图片一般是放在resource的base的media目录下

        引用时为  Image($r('app.media.xxx'))       

输入框与按钮

        TextInput(参数对象)

               

                

按钮Button（’按钮文本‘）