Add new file

HarmonyOS应用开发-应用偏好数据读写.md

+# 一、介绍
+**本篇将实现的内容**
+HarmonyOS是面向全场景多终端的分布式操作系统，使得应用程序的开发打破了智能终端互通的性能和数据壁垒，业务逻辑原子化开发，适配多端。通过一个简单应用开发，体验HarmonyOS的轻量级偏好数据库能力
+
+**您将建立什么**
+在这个Codelab中，你将创建Demo Project，并将Demo编译成Hap，此示例应用程序展示了如何使用轻量级偏好数据库。
+
+**您将会学到什么**
+1. 如何创建一个HarmonyOS Demo Project
+2. 如何构建一个Hap并且将其部署到智慧屏真机
+3. 通过此示例应用体验如何使用轻量级偏好数据库
+
+
+
+# 二、您需要什么
+## 1. 硬件要求
+
+   
+
+ 1. 操作系统：Windows10 64位    
+ 2. 内存：8G及以上   
+ 3. 硬盘：100G及以上    
+ 4. 分辨率：1280*800及以上
+
+## 2. 软件要求
+
+ 1. DevEco Studio：需手动下载安装，详细步骤请参考《DevEco Studio使用指南》2.1.2
+ 2. JDK：DevEco Studio自动安装。.
+ 3. Node.js：请手动下载安装，详细步骤请参考《DevEco Studio使用指南》2.1.3 下载和安装Node.js
+ 4. HarmonyOS SDK：待DevEco Studio安装完成后，利用DevEco Studio来加载HarmonyOS SDK。详细步骤请参考《DevEco Studio使用指南》2.1.6 加载HarmonyOS SDK。
+ 5. Maven库依赖包：如需手动拷贝和配置，详细步骤请参考《DevEco Studio使用指南》2.3 离线方式配置Maven库。
+
+
+
+## 3. 需要的知识点
+Java基础开发能力。
+
+# 三、能力接入准备
+
+实现HarmonyOS应用开发，需要完成以下准备工作：
+1. 环境准备。
+2. 环境搭建。
+3. 创建项目
+4. 申请调试证书
+5. 应用开发
+
+具体操作，请按照《DevEco Studio使用指南》中详细说明来完成。
+**提示：需要通过注册成开发者才能完成集成准备中的操作。**
+
+# 四、代码片段
+## 1. 布局：
+
+ - 代码布局：
+```go
+LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT);
+myLayout.setLayoutConfig(config);
+myLayout.setOrientation(Component.VERTICAL);
+ShapeElement element = new ShapeElement();
+element.setRgbColor(new RgbColor(255, 255, 255));
+myLayout.setBackground(element);
+log = createText("日志信息");
+myLayout.addComponent(log);
+writeBtn = createBtn("写入preferences数据", new RgbColor(0, 0, 255), 1002);
+readBtn = createBtn("读取preferences数据", new RgbColor(0, 0, 255), 1003);
+addObserver = createBtn("注册观察者", new RgbColor(255, 0, 0), 1004);
+```
+
+```go
+private Text createText(String title) {
+Text text = new Text(this);
+DirectionalLayout.LayoutConfig config = new DirectionalLayout.LayoutConfig(DirectionalLayout.LayoutConfig.MATCH_CONTENT, DirectionalLayout.LayoutConfig.MATCH_CONTENT);
+text.setLayoutConfig(config);
+text.setText(title);
+text.setTextSize(48);
+text.setTextColor(new Color(0xFF0000FF));
+return text;
+}
+```
+```go
+private Button createBtn(String title, RgbColor color, int id) {
+Button btn = new Button(this);
+LayoutConfig configBtn = new LayoutConfig(500, 100);
+configBtn.topMargin = 30;
+btn.setLayoutConfig(configBtn);
+btn.setText(title);
+btn.setId(id);
+btn.setTextSize(48);
+btn.setTextColor(new Color(0xFFFFFFFF));
+ShapeElement elementBtn = new ShapeElement();
+elementBtn.setRgbColor(color);
+elementBtn.setCornerRadius(12);
+btn.setBackground(elementBtn);
+myLayout.addComponent(btn);
+return btn;
+}
+```
+
+ - Preferences使用
+
+Preferences初始化：
+```go
+private void initPreferences() {
+DatabaseHelper databaseHelper = new DatabaseHelper(this);
+String fileName = "user_info";
+preferences = databaseHelper.getPreferences(fileName);
+}
+```
+写文件：
+```go
+preferences.putInt("age", Integer.parseInt(age.getText()));
+preferences.putString("name", name.getText());
+preferences.flushSync();
+```
+
+读文件：
+```go
+int age = preferences.getInt("age", 0);
+String name = preferences.getString("name", "");
+ToastDialog toastDialog = new ToastDialog(PreferencesAbilitySlice.this);
+toastDialog.setText("read user data frome preferences name:" + name + ", age:" + age);
+toastDialog.show();
+```
+
+观察者：
+
+注册：
+
+```go
+counter = new PreferencesChangeCounter();
+preferences.registerObserver(counter);
+```
+
+```go
+private class PreferencesChangeCounter implements Preferences.PreferencesObserver {
+    @Override
+    public void onChange(Preferences preferences, String key) {
+        if ("name".equals(key)) {
+            String name = preferences.getString("name", "");
+            log.setText("user data name is edit:" + name);
+        }
+        if ("age".equals(key)) {
+            int age = preferences.getInt("age", 0);
+            log.setText("user data age is edit:" + age);
+        }
+    }
+}
+```
+删除：
+```go
+preferences.unregisterObserver(counter);
+```
+
+## 2. 响应遥控器点击：
+```go
+private void addFocusChangedListener(Component view) {
+    view.setFocusChangedListener(new Component.FocusChangedListener() {
+        @Override
+        public void onFocusChange(Component component, boolean b) {
+            ShapeElement shapeElement = (ShapeElement) view.getBackgroundElement();
+            if (b) {
+                shapeElement.setStroke(10, new RgbColor(0, 0, 0));
+                focusView = view;
+            } else {
+                shapeElement.setStroke(0, new RgbColor(0, 0, 0));
+            }
+        }
+    });
+}
+
+@Override
+public boolean onKeyUp(int keyCode, KeyEvent keyEvent) {
+    switch (keyCode) {
+        case KeyEvent.KEY_DPAD_CENTER:
+        case KeyEvent.KEY_ENTER:
+            if(focusView == writeBtn) {
+                
+                preferences.putInt("age", index++);
+                preferences.putString("name", "张三");
+                preferences.flushSync();
+            }
+            if(focusView == readBtn) {
+                int age = preferences.getInt("age", 0);
+                String name = preferences.getString("name", "");
+                log.setText("read user data frome preferences name:" + name + ", age:" + age);
+            }
+            if(focusView == addObserver) {
+                if (addObserver.getText().equals("注册观察者")) {
+                    addObserver.setText("删除观察者");
+                    // 向preferences实例注册观察者
+                    counter = new PreferencesChangeCounter();
+                    preferences.registerObserver(counter);
+
+                } else {
+                    addObserver.setText("注册观察者");
+                    // 向preferences实例注销观察者
+                    preferences.unregisterObserver(counter);
+                }
+            }
+            return true;
+        case KeyEvent.KEY_DPAD_UP:
+            int position = views.indexOf(focusView.getId());
+            if (position > 0) {
+                switch (position) {
+                    case 1:
+                        writeBtn.requestFocus();
+                        break;
+                    case 2:
+                        readBtn.requestFocus();
+                        break;
+                    default:
+                        break;
+                }
+            }
+            return true;
+        case KeyEvent.KEY_DPAD_DOWN:
+            position = views.indexOf(focusView.getId());
+            if (position < 3) {
+                switch (position) {
+                    case 0:
+                        readBtn.requestFocus();
+                        break;
+                    case 1:
+                        addObserver.requestFocus();
+                        break;
+                    default:
+                        break;
+                }
+            }
+            return true;
+    }
+    return false;
+}
+```
+## 3. 编译运行该应用
+
+通过hdc连接大屏设备
+
+先查看智慧屏IP：
+
+```go
+大屏设置->"网络与连接"->"网络"->"有线网络"
+```
+在cmd或者IDE的Terminal输入命令：
+
+```go
+hdc tconn 192.168.3.9:5555
+```
+运行hap
+![在这里插入图片描述](https://img-blog.csdnimg.cn/20200908111542995.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80ODMwNDU3Mw==,size_16,color_FFFFFF,t_70#pic_center)
+
+# 五、恭喜你
+
+干得好，你已经成功完成了HarmonyOS应用开发E2E体验，学到了：
+
+ 1. 如何创建一个HarmonyOS Demo Project 
+ 2. 如何构建一个Hap并且将其部署到真机上在HarmonyOS上如何使用
+ 3. HarmonyOS的轻量级偏好数据库
+
+
+[【如果您想学习HarmonyOS 应用开发基础教程 请猛戳】](https://codechina.csdn.net/huawei/harmonyos/HarmonyOS-Guide)
\ No newline at end of file