网站子目录是什么,企业网站建设项目策划书,网站下载织梦模板,经典产品设计案例图片演示效果#xff1a; 鸿蒙OS开发更多内容↓点击HarmonyOS与OpenHarmony技术鸿蒙技术文档开发知识更新库gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在这。或mau123789学习#xff0c;是v喔
代码演示#xff1a;
// 注#xff1a;当前代码基于宽度为… 图片演示效果 鸿蒙OS开发更多内容↓点击HarmonyOS与OpenHarmony技术鸿蒙技术文档开发知识更新库gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在这。或mau123789学习是v喔
代码演示
// 注当前代码基于宽度为720的设计稿进行适配使用lpx单位。
// 整段代码描述的功能
// 该代码实现了一个简单的搜索功能组件其中包括
// 1. 输入框用户可以在此输入要搜索的内容
// 2. 搜索按钮点击后将当前输入内容添加到搜索历史记录的首位若有重复则移除重复项并保持历史记录不超过10条
// 3. 搜索历史标题和清空记录按钮展示搜索历史记录列表并提供清空全部历史记录的功能
// 4. 搜索历史记录列表按照时间最近的顺序显示搜索历史记录最多显示10条。
Entry
Component
struct test {// 定义状态变量用于存储输入框的当前值State inputValue: string // 定义状态变量用于存储搜索历史记录的数组State historyValueArr: Arraystring [张三, 李四, 举头望明月, 低头思故乡, HarmonyOs, 不可能绝对不可能]// 构建UI组件build() {// 主体内容使用Column布局垂直堆叠组件Column() {// 输入框和搜索按钮组合使用Row布局水平排列Row() {// 创建一个TextInput输入框TextInput({placeholder: 请输入内容,text: this.inputValue}).width(524.31lpx) // 设置宽度.height(70lpx) // 设置高度.fontSize(27lpx) // 设置字体大小.backgroundColor(#ffffff) // 设置背景颜色// 输入框内容改变时同步更新状态变量inputValue.onChange((value) {this.inputValue value})// 创建一个搜索按钮Button(搜索)// 按钮点击事件处理搜索逻辑.onClick(() {// 遍历历史记录数组若找到与输入框内容相同的记录从数组中移除for (let i 0; i this.historyValueArr.length; i) {if (this.historyValueArr[i] this.inputValue) {this.historyValueArr.splice(i, 1);break;}}// 将输入框内容添加到历史记录数组的首位this.historyValueArr.unshift(this.inputValue);// 若历史记录超过10条则移除最后一项if (this.historyValueArr.length 10) {this.historyValueArr.splice(this.historyValueArr.length - 1);}})}// 设置Row组件的宽度、对齐方式和内外边距.width(100%).justifyContent(FlexAlign.SpaceBetween).padding({left: 37lpx,top: 11lpx,bottom: 11lpx,right: 15lpx})// 搜索历史标题和清除记录按钮组合同样使用Row布局Row() {// 搜索历史标题Text(搜索历史).fontSize(31lpx).fontColor(#000000)// 清空记录按钮Text(清空记录).fontSize(27lpx).fontColor(#828385)// 清空记录按钮点击事件清空历史记录数组.onClick(() {this.historyValueArr.length 0;})}// 设置Row组件的宽度、对齐方式和内外边距.width(100%).justifyContent(FlexAlign.SpaceBetween).padding({left: 37lpx,top: 11lpx,bottom: 11lpx,right: 37lpx})// 使用Flex布局按行FlexDirection.Row包裹搜索历史记录Flex({direction: FlexDirection.Row,wrap: FlexWrap.Wrap,}) {// 遍历历史记录数组创建Text组件展示每一条历史记录ForEach(this.historyValueArr, (item: string, value: number) {Text(item).padding({left: 15lpx,right: 15lpx,top: 7lpx,bottom: 7lpx})// 设置背景颜色、圆角和间距.backgroundColor(#EFEFEF).borderRadius(10).margin(11lpx)})}// 设置Flex容器的宽度和内外边距.width(100%).padding({left: 26lpx,top: 11lpx,bottom: 11lpx,right: 26lpx})}// 设置Column容器的宽度、高度和背景颜色.width(100%).height(100%).backgroundColor(#F8F8F8)}
} 鸿蒙开发岗位需要掌握那些核心要领
目前还有很多小伙伴不知道要学习哪些鸿蒙技术不知道重点掌握哪些为了避免学习时频繁踩坑最终浪费大量时间的。
自己学习时必须要有一份实用的鸿蒙Harmony NEXT资料非常有必要。 这里我推荐根据鸿蒙开发官网梳理与华为内部人员的分享总结出的开发文档。内容包含了【ArkTS、ArkUI、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战】等技术知识点。
废话就不多说了接下来好好看下这份资料。
如果你是一名Android、Java、前端等等开发人员想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。鸿蒙OpenHarmony知识←前往。下面是鸿蒙开发的学习路线图。 针对鸿蒙成长路线打造的鸿蒙学习文档。鸿蒙OpenHarmony 学习手册共计1236页与鸿蒙OpenHarmony 开发入门教学视频帮助大家在技术的道路上更进一步。
其中内容包含
《鸿蒙开发基础》鸿蒙OpenHarmony知识←前往
ArkTS语言安装DevEco Studio运用你的第一个ArkTS应用ArkUI声明式UI开发.……
《鸿蒙开发进阶》鸿蒙OpenHarmony知识←前往
Stage模型入门网络管理数据管理电话服务分布式应用开发通知与窗口管理多媒体技术安全技能任务管理WebGL国际化开发应用测试DFX面向未来设计鸿蒙系统移植和裁剪定制……
《鸿蒙开发实战》鸿蒙OpenHarmony知识←前往
ArkTS实践UIAbility应用网络案例……
最后
鸿蒙是完全具备无与伦比的机遇和潜力的预计到年底将有 5,000 款的应用完成原生鸿蒙开发这么多的应用需要开发也就意味着需要有更多的鸿蒙人才。鸿蒙开发工程师也将会迎来爆发式的增长学习鸿蒙势在必行
