鸿蒙开发
未读
鸿蒙开发基础9-scroll滚动和tabs导航
scroll滚动 @Entry
@Component
struct ScrollView {
// 添加一个全局的scroller 用于传递给视图中的scroll进行相互绑定 然后就可以监听它相关的属性状态
scroller: Scroller = new Scroller()
@St
鸿蒙开发
未读
鸿蒙开发基础8-属性的扩展和通用样式
直接看代码部分 // 组件扩展是针对单个属性的属性扩展 主要是封装了一些组件都需要用到的常用属性
// 组件扩展
@Extend(Text)
function textBoldExtend(color: Color, fontSize: number) {
.backgroundColor(co
鸿蒙开发
未读
鸿蒙开发基础7-数组数据的操作和for循环 for of的遍历 for each渲染循环
本次主要是讲解下 数据数据的操作以及for循环和 for of的遍历方式 for each渲染循环 对应的方法都有解释 直接看代码 let dataArray: string[] = ['小航','小花','小刚','小白','小李']
for (let i = 0; i < dataArray.
鸿蒙开发
未读
鸿蒙开发中遇到问题及解决方案
报错:No port is available from the preconfigured port range. Close all other apps and restart the Previewer. 找到对应的日志 看下端口号是哪个有问题 然后查看系统
测试下来 大概率是系统不兼容引
鸿蒙开发
未读
鸿蒙开发基础6-组件的事件点击和属性的状态管理
点击事件 如果我们想点击某个组件的同事 给他一个点击事件 我们只需要给他添加一个onclick的点击事件就可以了 同时 我们一般会申明一个全局的状态管理 以便随时可以更新这个和获取这个值 我们可以通过关键字 @State 来修饰 在使用的地方用 this.属性 来调用就可以达到效果了 @Entry
鸿蒙开发
未读
鸿蒙开发基础5-组件的背景图使用和大小的设置及布局方式,层级定位
下面我们直接来看例子 @Entry
@Component
struct BgImage {
build() {
Column({ space: 20 }) {
// 图片的默认的大小展示
Image('')
.width(100)
鸿蒙开发
未读
鸿蒙开发基础4-界面组件圆角布局
今天继续来学习鸿蒙开发的基础 第一个案例主要是介绍了 可以单独设置每个边框 以及对应的属性 其余的案例是集中圆角的设置 包含了 整体设置每个角的圆角 和 分别对每个圆角设置值 同时通过设置圆角 我们还可以将他设置成正圆和胶囊型的 运行后的效果 我也在下面展示出来了 案例1:
Text('学做鸿蒙')
鸿蒙开发
未读
鸿蒙开发基础3-华为登录界面小练习
话不多说 我们直接上代码 @Entry
@Component
struct HuaWeiHomePage {
build() {
Column({ space: 15 }) {
Image('https://www-file.huawei.com/-/media/corpor
鸿蒙开发
未读
鸿蒙开发基础2-认识界面基础组件
文正的开始插一个题外话 代码布局有时候会比较凌乱 我们可以在系统工具栏格式化代码 也可以直接使用代码格式化快捷键进行当前文件的全部代码格式化了 option + command + l 快速格式化代码 control + option + i 快速代码缩进 组件类型 容器组件
Column 速排 R
鸿蒙开发
未读
鸿蒙开发基础1-熟悉基础语法
基础数据类型 let name: string = "123"
let age: number = 18
let isStudent : boolean = true 当然部分场景下 是可以省略前面的类型修饰的 编译器也会根据后面的值进行类型推导 打印输出 console.log(name) 这里说