HarmonyOS鸿蒙基本控件的实现
感谢关注HarmonyOS,为了便于大家学习特将鸿蒙2.0基础教学内容整理如下:
1、HarmonyOS应用开发—视频播放
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap1/index.html#0
2、HarmonyOS应用开发—基本控件
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap2/index.html#0
3、HarmonyOS应用开发—UI开发与预览
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-ui/index.html#0
4、HarmonyOS应用开发—设备虚拟化特性开发
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-screenhardware/index.html#0
5、HarmonyOS应用开发—HelloWorld应用开发E2E体验
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-HelloWorld/index.html#0
6、HarmonyOS应用开发—有界面元程序交互
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap6/index.html#0
7、HarmonyOS应用开发-分布式任务调度
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap5/index.html#0
8、HarmonyOS应用开发—剪切板
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap4/index.html#0
9、HarmonyOS应用开发—应用偏好数据读写
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap3/index.html#0
以下为HarmonyOS应用开发—基本控件节选部分,如想进一步了解,请点击:HarmonyOS应用开发—基本控件
HarmonyOS应用开发-基本控件
1、介绍
您将建立什么
在这个Codelab中,你将创建DemoProject,并将Demo编译成Hap,此示例应用程序展示了如何使用轻量级偏好数据库。
您将会学到什么
- 如何创建一个HarmonyOSDemoProject
- 如何构建一个Hap并且将其部署到智慧屏真机
- 通过此示例应用体验如何使用轻量级偏好数据库
2.您需要什么
硬件要求
- 操作系统:Windows1064位
- 内存:8G及以上。
- 硬盘:100G及以上。
- 分辨率:1280*800及以上
软件要求
- DevEcoStudio:需手动下载安装,详细步骤请参考《DevEcoStudio使用指南》2.1.2
- JDK:DevEcoStudio自动安装。
- Node.js:请手动下载安装,详细步骤请参考《DevEcoStudio使用指南》2.1.3下载和安装Node.js。
- HarmonyOSSDK:待DevEcoStudio安装完成后,利用DevEcoStudio来加载HarmonyOSSDK。详细步骤请参考《DevEcoStudio使用指南》2.1.6加载HarmonyOSSDK。
- Maven库依赖包:如需手动拷贝和配置,详细步骤请参考《DevEcoStudio使用指南》2.3离线方式配置Maven库。
需要的知识点
- Java基础开发能力。
3.能力接入准备
实现HarmonyOS应用开发,需要完成以下准备工作:
- 环境准备。
- 环境搭建。
- 创建项目
- 申请调试证书
- 应用开发
具体操作,请按照《DevEcoStudio使用指南》中详细说明来完成。
4.代码片段
1.布局:
布局代码:
LayoutConfigconfig=newLayoutConfig(LayoutConfig.MATCH_PARENT,LayoutConfig.MATCH_PARENT); myLayout.setLayoutConfig(config); myLayout.setOrientation(Component.VERTICAL); ShapeElementelement=newShapeElement(); element.setRgbColor(newRgbColor(255,255,255)); myLayout.setBackground(element); log=createText("日志信息"); myLayout.addComponent(log); writeBtn=createBtn("写入preferences数据",newRgbColor(0,0,255),1002); readBtn=createBtn("读取preferences数据",newRgbColor(0,0,255),1003); addObserver=createBtn("注册观察者",newRgbColor(255,0,0),1004);
privateTextcreateText(Stringtitle){ Texttext=newText(this); DirectionalLayout.LayoutConfigconfig=newDirectionalLayout.LayoutConfig(DirectionalLayout.LayoutConfig.MATCH_CONTENT,DirectionalLayout.LayoutConfig.MATCH_CONTENT); text.setLayoutConfig(config); text.setText(title); text.setTextSize(48); text.setTextColor(newColor(0xFF0000FF)); returntext; }
privateButtoncreateBtn(Stringtitle,RgbColorcolor,intid){ Buttonbtn=newButton(this); LayoutConfigconfigBtn=newLayoutConfig(500,100); configBtn.topMargin=30; btn.setLayoutConfig(configBtn); btn.setText(title); btn.setId(id); btn.setTextSize(48); btn.setTextColor(newColor(0xFFFFFFFF)); ShapeElementelementBtn=newShapeElement(); elementBtn.setRgbColor(color); elementBtn.setCornerRadius(12); btn.setBackground(elementBtn); myLayout.addComponent(btn); returnbtn; }
2.Preferences使用:
Preferences初始化
privatevoidinitPreferences(){ DatabaseHelperdatabaseHelper=newDatabaseHelper(this); StringfileName="user_info"; preferences=databaseHelper.getPreferences(fileName); }
写文件:
preferences.putInt("age",Integer.parseInt(age.getText())); preferences.putString("name",name.getText()); preferences.flushSync();
读文件:
intage=preferences.getInt("age",0); Stringname=preferences.getString("name",""); ToastDialogtoastDialog=newToastDialog(PreferencesAbilitySlice.this); toastDialog.setText("readuserdatafromepreferencesname:"+name+",age:"+age); toastDialog.show();
观察者:
注册:
counter=newPreferencesChangeCounter(); preferences.registerObserver(counter);
privateclassPreferencesChangeCounterimplementsPreferences.PreferencesObserver{ @Override publicvoidonChange(Preferencespreferences,Stringkey){ if("name".equals(key)){ Stringname=preferences.getString("name",""); log.setText("userdatanameisedit:"+name); } if("age".equals(key)){ intage=preferences.getInt("age",0); log.setText("userdataageisedit:"+age); } } }
删除:
preferences.unregisterObserver(counter);
3.响应遥控器点击
在zh-CN.json文件中写入:
privatevoidaddFocusChangedListener(Componentview){ view.setFocusChangedListener(newComponent.FocusChangedListener(){ @Override publicvoidonFocusChange(Componentcomponent,booleanb){ ShapeElementshapeElement=(ShapeElement)view.getBackgroundElement(); if(b){ shapeElement.setStroke(10,newRgbColor(0,0,0)); focusView=view; }else{ shapeElement.setStroke(0,newRgbColor(0,0,0)); } } }); } @Override publicbooleanonKeyUp(intkeyCode,KeyEventkeyEvent){ switch(keyCode){ caseKeyEvent.KEY_DPAD_CENTER: caseKeyEvent.KEY_ENTER: if(focusView==writeBtn){ preferences.putInt("age",index++); preferences.putString("name","张三"); preferences.flushSync(); } if(focusView==readBtn){ intage=preferences.getInt("age",0); Stringname=preferences.getString("name",""); log.setText("readuserdatafromepreferencesname:"+name+",age:"+age); } if(focusView==addObserver){ if(addObserver.getText().equals("注册观察者")){ addObserver.setText("删除观察者"); //向preferences实例注册观察者 counter=newPreferencesChangeCounter(); preferences.registerObserver(counter); }else{ addObserver.setText("注册观察者"); //向preferences实例注销观察者 preferences.unregisterObserver(counter); } } returntrue; caseKeyEvent.KEY_DPAD_UP: intposition=views.indexOf(focusView.getId()); if(position>0){ switch(position){ case1: writeBtn.requestFocus(); break; case2: readBtn.requestFocus(); break; default: break; } } returntrue; caseKeyEvent.KEY_DPAD_DOWN: position=views.indexOf(focusView.getId()); if(position<3){ switch(position){ case0: readBtn.requestFocus(); break; case1: addObserver.requestFocus(); break; default: break; } } returntrue; } returnfalse; }
4.编译运行该应用
通过hdc连接大屏设备
先查看智慧屏IP:大屏设置->"网络与连接"->"网络"->"有线网络"
在cmd或者IDE的Terminal输入命令:
hdctconn192.168.3.9:5555
运行hap
提示:需要通过注册成开发者才能完成集成准备中的操作。
干得好
- 你已经成功完成了HarmonyOS应用开发E2E体验,学到了:
- 如何创建一个HarmonyOSDemoProject
- 如何构建一个Hap并且将其部署到真机上
- 在HarmonyOS上如何使用HarmonyOS的轻量级偏好数据库
到此这篇关于HarmonyOS应基本控件的实现的文章就介绍到这了,更多相关HarmonyOS应基本控件内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票!
声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:czq8825#qq.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。