成都网站开发 Vr,网页设计软件列表点击查看代码,潍坊网站建设维护,建立网站模板鸿蒙开发的入门
注册并实名认证华为开发者账户
华为官网
注册 有账户可以直接登录 并进行实名认证
下载并安装开发工具
鸿蒙开发使用的语言
java js c/c 仓颉
手机app java
硬件 c/c
应用开发工具的下载地址
Windows(64-bit) 下载地址
程序的运行过程
解析config.j…鸿蒙开发的入门
注册并实名认证华为开发者账户
华为官网
注册 有账户可以直接登录 并进行实名认证
下载并安装开发工具
鸿蒙开发使用的语言
java js c/c 仓颉
手机app java
硬件 c/c
应用开发工具的下载地址
Windows(64-bit) 下载地址
程序的运行过程
解析config.json 文件初始化获取入口Ability的全类名找到Ability并运行运行Ability中的子界面加载xml文件展示内容
第二个应用 页面跳转
鸿蒙ui中提供了两种编写布局的方式
1 xml文件
标签便是要展示的不用内容 Text 文本
image 图片
Button 按钮相关的代码
?xml version1.0 encodingutf-8?
DirectionalLayoutxmlns:ohoshttp://schemas.huawei.com/res/ohosohos:heightmatch_parentohos:widthmatch_parentohos:alignmentcenterohos:orientationverticalTextohos:id$id:text_helloworldohos:heightmatch_contentohos:widthmatch_contentohos:background_element$graphic:background_ability_mainohos:layout_alignmenthorizontal_centerohos:text第一个页面ohos:text_size40vp/Buttonohos:id$id:but1ohos:heightmatch_contentohos:widthmatch_contentohos:background_elementredohos:text_size40fpohos:text点我//DirectionalLayout2 java代码
对象表示要展示的不用内容Text对象 文本
image对象 图片
Button对象 按钮相关的代码
package com.zz.myapplication.slice;import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.DirectionalLayout;
import ohos.agp.components.Text;
import ohos.agp.utils.Color;public class SecondAbilitySlice extends AbilitySlice {Overridepublic void onStart(Intent intent) {super.onStart(intent);//super.setUIContent(ResourceTable.Layout_ability_second);//1.创建布局对象DirectionalLayout dl new DirectionalLayout(this);//2.创建文本对象Text t new Text(this);//设置内容t.setText(第二个页面);//设置文字大小t.setTextSize(55);//设置文字颜色t.setTextColor(Color.BLUE);//3.把文本对象添加到布局当中dl.addComponent(t);//4.把布局添加到子界面当中super.setUIContent(dl);}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}
}
3添加跳转的代码
package com.zz.myapplication.slice;import com.zz.myapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.aafwk.content.Operation;
import ohos.agp.components.Button;
import ohos.agp.components.Component;public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {Button btu ;Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);//1.找到按钮 idbtu (Button) findComponentById(ResourceTable.Id_but1);//2.给按钮添加一个点击事件//如果没有添加点击事件那么用鼠标点击按钮之后是没有任何反应的。//如果我们给按钮添加了点击事件那么用鼠标点击按钮之后就可以执行对应的代码//理解方式//给btu这个按钮添加了点击事件//当我们用鼠标点击了btu这个按钮之后就可以执行本类中onClick方法btu.setClickedListener(this);}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}Overridepublic void onClick(Component component) {//点击按钮只要要执行的代码//跳转到第二个页面中if(component btu){//只有点击了btu这个按钮之后才进行跳转//跳转到哪个页面中意图Intent i new Intent();//包含了要跳转的页面信息Operation operation new Intent.OperationBuilder().withDeviceId()//要跳转到哪个设备上如果传递一个没有内容的字符串表示跳转本机.withBundleName(com.zz.myapplication)//我要跳转到哪个应用上小括号里面可以写报名.withAbilityName(com.zz.myapplication.SecondAbility)//要跳转的页面.build();//表示将上面的三个信息进行打包//把打包之后的operation设置到意图当中i.setOperation(operation);//跳转页面startAbility(i);}}
}什么是事件
事件 就是可以被文本、按钮、图片等组件识别的操作
常见的是有
单击 双击 长按 滑动
单机事件
又叫做点击事件是开发中使用最多的一种事件没有之一
实现步骤
1 通过id找到组件
// 1 找到按钮//完整写法//this.findComponentById(ResourceTable.Id_but1);//this:本类的对象。子界面对象//在子界面中通过id找到对应的组件。//用this去调用方法this是可以省略不写的。//findComponentById(ResourceTable.Id_but1);//返回一个组件对象所有组件的父类对象。//那么我们在实际写代码的时候需要向下转型。Button but1 (Button) findComponentById(ResourceTable.Id_but1);2 给按钮组件设置单击事件
// 2 给按钮绑定一个点击事件but1.setClickedListener(new MyListener());3 写一个类实现ClickedListener接口并重写onClick方法
class MyListener implements Component.ClickedListener{Overridepublic void onClick(Component component) {// Component 所有组件的父类// 参数 被点击的组件对象Button but (Button) component;but.setText(被点了);}
}4 编写onClick方法体 // Component 所有组件的父类// 参数 被点击的组件对象Button but (Button) component;but.setText(被点了);单击事件的四种写法
定义实现类
class MyListener implements Component.ClickedListener{Overridepublic void onClick(Component component) {// Component 所有组件的父类// 参数 被点击的组件对象Button but (Button) component;but.setText(被点了);}
}当前类作为实现类
public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener匿名内部类 只能使用一次 but1.setClickedListener(new Component.ClickedListener() {Overridepublic void onClick(Component component) {Button btu (Button) component;btu.setText(被点了-单击事件的第三种写法);text1.setText(被点击了);}});方法引用 but1.setClickedListener(this::onClick);public void onClick(Component component) {Button btu (Button) component;btu.setText(被点了-单击事件的第二种写法);text1.setText(被点击了);}双击事件
实现步骤
1 通过id找到组件 // 1 找到文本框组件和按钮组件Button but1 (Button) findComponentById(ResourceTable.Id_but1);text1 (Text) findComponentById(ResourceTable.Id_text1);2 给按钮组件设置双击事件 // 2 绑定事件// 我想要点谁 那么就给谁绑定事件// 当我双击了 but1 这个按钮之后就会执行本类中的onDoubleClickbut1.setDoubleClickedListener(this);3 本类实现DoubleClickedListener接口并重写
public class MainAbilitySlice extends AbilitySlice implements Component.DoubleClickedListener4重写onDoubleClick方法体 Overridepublic void onDoubleClick(Component component) {// component 表示点击组件的对象// 简单理解 我点了谁 那么component就表示谁的对象// 目前而言 按钮对象对问们暂时还没有什么用处// 问们要做的是点击之后改变文本框中的内容text1.setText(双击);}长按事件
实现步骤
1 通过id找到组件 // 1 找到文本框组件和按钮组件Button but1 (Button) findComponentById(ResourceTable.Id_but1);text1 (Text) findComponentById(ResourceTable.Id_text1);2 给按钮组件设置长按事件 // 2 绑定事件// 我想要点谁 那么就给谁绑定事件but1.setLongClickedListener(this);3 本类实现LongClickedListener接口
public class MainAbilitySlice extends AbilitySlice implements Component.LongClickedListener4重写onLongClick方法体 Overridepublic void onLongClicked(Component component) {text1.setText(长按);}滑动事件
按下不松 按下位置
移动
松开 松开位置
实现步骤
1 通过id找到组件 // 1 先找到整个的布局对象DirectionalLayout d1 (DirectionalLayout) findComponentById(ResourceTable.Id_d1);text1 (Text) findComponentById(ResourceTable.Id_text1);2 给按钮组件设置滑动事件 // 2 给整个布局添加滑动事件// 当我们在整个布局上滑动的时候 就会调用本类中onTouchEvent的方法d1.setTouchEventListener(this);3 本类实现TouchEventListener接口
public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener4重写onTouchEvent方法体 Overridepublic boolean onTouchEvent(Component component, TouchEvent touchEvent) {count;// 参数1 component 表示滑动的哪个组件 布局也是一种组件// 实际上此时代表的就是那个DirectionalLayout 这个对象// 参数2 touchEvent 动作对象 按下 滑动 抬起// 获取当前手指对屏幕进行的操作 按下 滑动 抬起int action touchEvent.getAction();// 1 表示 按下 操作// 2 表示松开// 3 表示 滑动 / 移动操作if (action TouchEvent.PRIMARY_POINT_DOWN){// 只要写按下时需要运行的代码即可text1.setText(按下count);}else if (action TouchEvent.POINT_MOVE) {text1.setText(移动count);}else if (action TouchEvent.PRIMARY_POINT_UP){text1.setText(松开count);}return true;}按下时 手指的坐标
送开始 手指的坐标
y坐标不变 x 坐标变大 右滑
y坐标不变 x 坐标变小 左滑
x坐标不变 y坐标变大 下滑
x坐标不变 y坐标变小 上滑
获取当前手指对屏幕进行的操作 代码 public boolean onTouchEvent(Component component, TouchEvent touchEvent) {count;// 参数1 component 表示滑动的哪个组件 布局也是一种组件// 实际上此时代表的就是那个DirectionalLayout 这个对象// 参数2 touchEvent 动作对象 按下 滑动 抬起// 获取当前手指对屏幕进行的操作 按下 滑动 抬起int action touchEvent.getAction();// 1 表示 按下 操作// 2 表示松开// 3 表示 滑动 / 移动操作if (action TouchEvent.PRIMARY_POINT_DOWN){// 只要写按下时需要运行的代码即可//text1.setText(按下count);// 获取按下时手指的位置MmiPoint point touchEvent.getPointerPosition(0);float x point.getX();float y point.getY();text1.setText(x----y);}else if (action TouchEvent.POINT_MOVE) {// text1.setText(移动count);MmiPoint point touchEvent.getPointerPosition(0);float x point.getX();float y point.getY();text1.setText(x----y);}else if (action TouchEvent.PRIMARY_POINT_UP){// text1.setText(松开count);MmiPoint point touchEvent.getPointerPosition(0);float x point.getX();float y point.getY();text1.setText(x----y);}return true;}上下左右的滑动
// 记录按下时手指的位置float startx 0;float starty 0;Overridepublic boolean onTouchEvent(Component component, TouchEvent touchEvent) {count;// 参数1 component 表示滑动的哪个组件 布局也是一种组件// 实际上此时代表的就是那个DirectionalLayout 这个对象// 参数2 touchEvent 动作对象 按下 滑动 抬起// 获取当前手指对屏幕进行的操作 按下 滑动 抬起int action touchEvent.getAction();// 1 表示 按下 操作// 2 表示松开// 3 表示 滑动 / 移动操作if (action TouchEvent.PRIMARY_POINT_DOWN){// 只要写按下时需要运行的代码即可//text1.setText(按下count);// 获取按下时手指的位置MmiPoint point touchEvent.getPointerPosition(0);startx point.getX();starty point.getY();// text1.setText(x----y);}else if (action TouchEvent.POINT_MOVE) {// text1.setText(移动count);
// MmiPoint point touchEvent.getPointerPosition(0);
// float x point.getX();
// float y point.getY();
// text1.setText(x----y);}else if (action TouchEvent.PRIMARY_POINT_UP){// text1.setText(松开count);MmiPoint point touchEvent.getPointerPosition(0);float endx point.getX();float endy point.getY();//text1.setText(x----y);// 拿着按下时手指的位置跟送开始手指的位置进行比较就可以了if (endx startx){text1.setText(右滑);} else if (endx startx){text1.setText(左滑);} else if (endy starty){text1.setText(下滑);} else if (endy starty){text1.setText(上滑);}}return true;}bug的解决 Overridepublic boolean onTouchEvent(Component component, TouchEvent touchEvent) {count;// 参数1 component 表示滑动的哪个组件 布局也是一种组件// 实际上此时代表的就是那个DirectionalLayout 这个对象// 参数2 touchEvent 动作对象 按下 滑动 抬起// 获取当前手指对屏幕进行的操作 按下 滑动 抬起int action touchEvent.getAction();// 1 表示 按下 操作// 2 表示松开// 3 表示 滑动 / 移动操作if (action TouchEvent.PRIMARY_POINT_DOWN){// 只要写按下时需要运行的代码即可//text1.setText(按下count);// 获取按下时手指的位置MmiPoint point touchEvent.getPointerPosition(0);startx point.getX();starty point.getY();// text1.setText(x----y);}else if (action TouchEvent.POINT_MOVE) {// text1.setText(移动count);
// MmiPoint point touchEvent.getPointerPosition(0);
// float x point.getX();
// float y point.getY();
// text1.setText(x----y);}else if (action TouchEvent.PRIMARY_POINT_UP){// text1.setText(松开count);MmiPoint point touchEvent.getPointerPosition(0);float endx point.getX();float endy point.getY();//text1.setText(x----y);// 拿着按下时手指的位置跟送开始手指的位置进行比较就可以了if (endx startx Math.abs(endy -starty) 100){text1.setText(右滑);} else if (endx startx Math.abs(endy -starty) 100){text1.setText(左滑);} else if (endy starty Math.abs(endx -startx) 100){text1.setText(下滑);} else if (endy starty Math.abs(endx -startx) 100){text1.setText(上滑);}}return true;}//如果为true表示所有的动作都会触发当前方法并执行对应代码。
//如果为false表示只有第一个动作会触发当前方法并执行对应代码。
//后续的动作就不会触发当前方法了。
//按下 --- 移动 --- 松开案例
多按钮被点击
登录和注册按钮
public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {Text text1;Button login;Button register;Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 1 找到文本框组件 按钮组件text1 (Text) findComponentById(ResourceTable.Id_text1);login (Button) findComponentById(ResourceTable.Id_login);register (Button) findComponentById(ResourceTable.Id_register);//2 给按钮绑定事件// 我现在要对哪个组件做什么操作// 要对登录按钮 注册按钮做点击操作login.setClickedListener(this);register.setClickedListener(this);}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}Overridepublic void onClick(Component component) {// 先做一个判断// 判断当前点击的市登录按钮还是注册按钮//component 表示当前点击的组件if (component login){// 表示点击的是登录按钮text1.setText(点击了登录按钮);}else if (component register){// 表示点击的注册按钮text1.setText(点击了注册按钮);}}
}双击点赞
package com.zz.listenerapplication.slice;import com.zz.listenerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.DirectionalLayout;
import ohos.agp.components.Image;public class MainAbilitySlice extends AbilitySlice implements Component.DoubleClickedListener{Image image ;Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 1 找图片组件image (Image) findComponentById(ResourceTable.Id_img);// 找到铺满屏幕的布局对象DirectionalLayout dl (DirectionalLayout) findComponentById(ResourceTable.Id_dl);// 2 给布局添加双击事件dl.setDoubleClickedListener(this);}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}// 如果标记未false 表示没有点赞 此时吧白色变成红色// 如果表示未true 表示已经点赞 再次双击之后 会打红色变回白色boolean flag false;Overridepublic void onDoubleClick(Component component) {// 修改图片的红心if (flag){image.setImageAndDecodeBounds(ResourceTable.Media_white);flag false;}else {image.setImageAndDecodeBounds(ResourceTable.Media_red);flag true;}}
}
配置文件
?xml version1.0 encodingutf-8?
DirectionalLayoutxmlns:ohoshttp://schemas.huawei.com/res/ohosohos:id$id:dlohos:heightmatch_parentohos:widthmatch_parentohos:alignmentcenterohos:orientationverticalImageohos:id$id:imgohos:heightmatch_contentohos:widthmatch_contentohos:image_src$media:whiteohos:background_elementcyan//DirectionalLayout单击更换文本
package com.zz.listenerapplication.slice;import com.zz.listenerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;
import ohos.agp.components.Text;
import ohos.global.resource.NotExistException;
import ohos.global.resource.Resource;import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.util.Random;public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {String[] jokes;Text text1;Button btu1;Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 1 资源管理器try {// 用来拼接读取到的所以数据StringBuffer sb new StringBuffer();Resource resource this.getResourceManager().getResource(ResourceTable.Profile_joke);// 因为resource 是一个字节流 利用字节流可以读取文件中的内容BufferedReader br new BufferedReader(new InputStreamReader(resource));String line;while ((line br.readLine()) ! null){sb.append(line);}// 释放资源br.close();// 当代码执行到这里的时候 资源文件joke.tet 中所有的内容全部读取到sb当中了// 利用 -- 将数据进行切割分成四个段子jokes sb.toString().split(---);// 当我们点击了按钮之后 就会给文本框设置一个随机的笑话// 找到文本组件 按钮组件text1 (Text) findComponentById(ResourceTable.Id_text1);btu1 (Button) findComponentById(ResourceTable.Id_btu1);// 给按钮 添加一个点击事件btu1.setClickedListener(this);} catch (IOException e) {throw new RuntimeException(e);} catch (NotExistException e) {throw new RuntimeException(e);}}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}Overridepublic void onClick(Component component) {// 当我们点击了按钮之后 会从数组里面随机获取一个笑话并设置到文本当中Random r new Random();// 获取随机索引int index r.nextInt(jokes.length);// 通过随机索引获取段子String randomjoke jokes[index];// 把随机的段子设置到文本当中text1.setText(randomjoke);}
}
配置文件
?xml version1.0 encodingutf-8?
DirectionalLayoutxmlns:ohoshttp://schemas.huawei.com/res/ohosohos:heightmatch_parentohos:widthmatch_parentohos:alignmentcenterohos:orientationverticalTextohos:id$id:text1ohos:heightmatch_contentohos:widthmatch_contentohos:background_element$graphic:background_ability_mainohos:layout_alignmenthorizontal_centerohos:text$string:mainability_HelloWorldohos:text_size40vpohos:multiple_linestrue/Buttonohos:id$id:btu1ohos:heightmatch_contentohos:widthmatch_contentohos:text点我ohos:text_size100ohos:background_elementred//DirectionalLayout单击随机图片
package com.zz.listenerapplication.slice;import com.zz.listenerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;
import ohos.agp.components.Image;import java.util.ArrayList;
import java.util.Random;public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {ArrayListInteger list new ArrayList();Image img;Button but1;Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 定义一个数组 或者集合用来储存所有的图片list.add(ResourceTable.Media_girl1);list.add(ResourceTable.Media_girl2);list.add(ResourceTable.Media_girl3);list.add(ResourceTable.Media_girl4);list.add(ResourceTable.Media_girl5);list.add(ResourceTable.Media_girl6);list.add(ResourceTable.Media_girl7);list.add(ResourceTable.Media_girl8);list.add(ResourceTable.Media_girl9);// 找到组件img (Image)findComponentById(ResourceTable.Id_img);but1 (Button)findComponentById(ResourceTable.Id_but1);// 给按钮绑定单击事件but1.setClickedListener(this);}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}Overridepublic void onClick(Component component) {// 当按钮点击以后 我们需要修改图片的内容Random r new Random();// 获取随机的索引int index r.nextInt(list.size());// 通过随机的索引 可以获取随机的元素int randomImg list.get(index);// 把获取到的随机图片 设置给image 组件就可以了img.setImageAndDecodeBounds(randomImg);}
}
配置文件
?xml version1.0 encodingutf-8?
DirectionalLayoutxmlns:ohoshttp://schemas.huawei.com/res/ohosohos:id$id:dlohos:heightmatch_parentohos:widthmatch_parentohos:alignmentcenterohos:orientationverticalImageohos:id$id:imgohos:heightmatch_contentohos:widthmatch_content/Buttonohos:id$id:but1ohos:heightmatch_contentohos:widthmatch_contentohos:text点我ohos:text_size100ohos:background_elementred//DirectionalLayout10秒统计次数
package com.zz.listenerapplication.slice;import com.zz.listenerapplication.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Button;
import ohos.agp.components.Component;
import ohos.agp.components.Text;public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {Button btu;Text text;Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);// 找到文本和按钮对象btu (Button) findComponentById(ResourceTable.Id_btu1);text (Text) findComponentById(ResourceTable.Id_text1);// 给按钮设置点击事件btu.setClickedListener(this);}Overridepublic void onActive() {super.onActive();}Overridepublic void onForeground(Intent intent) {super.onForeground(intent);}// 如果flag为true 表示当前按钮是第一次点击// 如果flag为false 表示当前按钮不是第一次点击boolean flag true;long startTime 0;
// 用来记录点击了多少次int count 0 ;Overridepublic void onClick(Component component) {// 点击一次 计数器就自增一次count ;// 统计10秒中之内按了多少次// 并把次数在文本框展示出来if (flag){// 如果当前是第一次点击按钮// 记录当前的时间startTime System.currentTimeMillis();// 当第一次点击之后 游戏开始// 修改按钮中的文字内容btu.setText(请疯狂点我);// 修改标记flag false;}else {if (( System.currentTimeMillis() - startTime) 10000){text.setText(count);}else {btu.setText(结束);// 取消按钮的点击事件btu.setClickable(false);}}}
}
配置文件
?xml version1.0 encodingutf-8?
DirectionalLayoutxmlns:ohoshttp://schemas.huawei.com/res/ohosohos:heightmatch_parentohos:widthmatch_parentohos:alignmentcenterohos:orientationverticalTextohos:id$id:text1ohos:heightmatch_contentohos:widthmatch_contentohos:background_element$graphic:background_ability_mainohos:layout_alignmenthorizontal_centerohos:text$string:mainability_HelloWorldohos:text_size40vp/Buttonohos:id$id:btu1ohos:heightmatch_contentohos:widthmatch_contentohos:background_elementredohos:text点我ohos:text_size100/
/DirectionalLayout
