鸿蒙页面示例
@component 标签修饰ui，相当于android的view，所有的ui组件都要使用@component标签
@entry标签 表明当前是一个页面，不是一个视图。多个组件组合时只能有一个@entry标签，被该标签修饰后页面才会有生命周期
import router from '@ohos.router'@entry@componentstruct login { @state title: string = '登录页面' build() { row() { column() { text(this.title).fontsize(20) .fontweight(fontweight.bold) .textalign(textalign.center) .width('100%').margin({top:10}) button() { text('返回') .fontsize(18) .fontweight(fontweight.bold) }.type(buttontype.capsule) .padding({top:5,bottom:5,left:10,right:10}) .margin({top:20}) .onclick(()= >{ try{ router.back() }catch (err){ console.error(错误=+err.code + message=+err.message) } }) } }.width('100%') } onpageshow(){ //页面每次显示时触发 } onpagehide(){ //页面每次隐藏时触发 } onbackpress(){ //用户点击返回按钮时触发 } abouttoappear(){ //在执行build函数之前执行 } abouttodisappear(){ //组件即将销毁时执行 }} @builder标签 使用该标签的方法会自动构建一个组件
全局方式@builder function xxx{} 组件内方式@builder xx{} 需要传递参数时采用引用传递 $$
//方法@builder function builderfunc($$:{showtext:string}){ text('全局 builder方法 '+$$.showtext) .fontsize(18) .fontcolor(#333333)}//调用builderfunc({showtext:'全局猪头'}) @builderparam标签 对应@builder标签，类似于java的接口传递
/** * 全局styles样式 */@styles function globalfancy(){ .width(100) .height(150) .backgroundcolor(color.pink)}@builder function builderfunc($$:{showtext:string}){ text('全局 builder方法 '+$$.showtext) .fontsize(18) .fontcolor(#333333)}@componentstruct testbuildparam{ @builderparam param:()= >void build(){ column(){ this.param() } }}//页面入口@entry@componentstruct stylespage{ @state heightnum:number = 100 @styles selffancy(){ .width(120) .height(this.heightnum) .backgroundcolor(color.yellow) .onclick(()= >{ this.heightnum = 180 }) } @builder builderself(){ text(组件内方法) .fontsize(15) .fontcolor(#999999) .margin({top:20}) } build(){ column({space:10}){ text(全局引用styles) .globalfancy() .fontsize(25) text(组件内的style) .selffancy() .fontsize(18) this.builderself() builderfunc({showtext:'全局猪头'}) testbuildparam({param:this.builderself}) } }}
html 1800 字数 121 段落
图像处理技术入门
单片机有哪些类型的中断 单片机原理及应用
智能家电行业的定义和分类
不断发展的ICT技术助力新能源汽车产业链加速变革
人工智能潮流下一个席卷的就是智能手机市场了
鸿蒙页面示例
区块链社交系统开发
机器学习的定义、分类及应用
苹果在AR眼镜和VR耳机中实现完美图像
PCB设计中介电损耗角正切高速设计作用
AI竞争加剧，但追赶Nvidia并非易事
芯闻3分钟：被高通＂卡住喉咙＂ 苹果5G手机将落后于安卓阵营
移动云构建强大竞争壁垒，实现三年内进入第一阵营目标
工信部：重点检查5G基站“1元中标”现象
MOS管简介:PART–0基础知识
物联网智能控制系统，助力传统农业信息化、智能化、无人化
地平线推出全新一代“天工开物”AI开发平台，让 AI 开发门槛“平民化”
香港的5G建设有望在2020年前后进入5G商用时代
如何使用Arduino Nano控制红绿灯
自适应转向大灯系统的简化设计
@entry标签 表明当前是一个页面，不是一个视图。多个组件组合时只能有一个@entry标签，被该标签修饰后页面才会有生命周期
import router from '@ohos.router'@entry@componentstruct login { @state title: string = '登录页面' build() { row() { column() { text(this.title).fontsize(20) .fontweight(fontweight.bold) .textalign(textalign.center) .width('100%').margin({top:10}) button() { text('返回') .fontsize(18) .fontweight(fontweight.bold) }.type(buttontype.capsule) .padding({top:5,bottom:5,left:10,right:10}) .margin({top:20}) .onclick(()= >{ try{ router.back() }catch (err){ console.error(错误=+err.code + message=+err.message) } }) } }.width('100%') } onpageshow(){ //页面每次显示时触发 } onpagehide(){ //页面每次隐藏时触发 } onbackpress(){ //用户点击返回按钮时触发 } abouttoappear(){ //在执行build函数之前执行 } abouttodisappear(){ //组件即将销毁时执行 }} @builder标签 使用该标签的方法会自动构建一个组件
全局方式@builder function xxx{} 组件内方式@builder xx{} 需要传递参数时采用引用传递 $$
//方法@builder function builderfunc($$:{showtext:string}){ text('全局 builder方法 '+$$.showtext) .fontsize(18) .fontcolor(#333333)}//调用builderfunc({showtext:'全局猪头'}) @builderparam标签 对应@builder标签，类似于java的接口传递
/** * 全局styles样式 */@styles function globalfancy(){ .width(100) .height(150) .backgroundcolor(color.pink)}@builder function builderfunc($$:{showtext:string}){ text('全局 builder方法 '+$$.showtext) .fontsize(18) .fontcolor(#333333)}@componentstruct testbuildparam{ @builderparam param:()= >void build(){ column(){ this.param() } }}//页面入口@entry@componentstruct stylespage{ @state heightnum:number = 100 @styles selffancy(){ .width(120) .height(this.heightnum) .backgroundcolor(color.yellow) .onclick(()= >{ this.heightnum = 180 }) } @builder builderself(){ text(组件内方法) .fontsize(15) .fontcolor(#999999) .margin({top:20}) } build(){ column({space:10}){ text(全局引用styles) .globalfancy() .fontsize(25) text(组件内的style) .selffancy() .fontsize(18) this.builderself() builderfunc({showtext:'全局猪头'}) testbuildparam({param:this.builderself}) } }}
html 1800 字数 121 段落
图像处理技术入门
单片机有哪些类型的中断 单片机原理及应用
智能家电行业的定义和分类
不断发展的ICT技术助力新能源汽车产业链加速变革
人工智能潮流下一个席卷的就是智能手机市场了
鸿蒙页面示例
区块链社交系统开发
机器学习的定义、分类及应用
苹果在AR眼镜和VR耳机中实现完美图像
PCB设计中介电损耗角正切高速设计作用
AI竞争加剧，但追赶Nvidia并非易事
芯闻3分钟：被高通＂卡住喉咙＂ 苹果5G手机将落后于安卓阵营
移动云构建强大竞争壁垒，实现三年内进入第一阵营目标
工信部：重点检查5G基站“1元中标”现象
MOS管简介:PART–0基础知识
物联网智能控制系统，助力传统农业信息化、智能化、无人化
地平线推出全新一代“天工开物”AI开发平台，让 AI 开发门槛“平民化”
香港的5G建设有望在2020年前后进入5G商用时代
如何使用Arduino Nano控制红绿灯
自适应转向大灯系统的简化设计