最细致的鸿蒙APP学习教程——鸿蒙系统APP开发（DevEco）之一： Slice之间的跳转

slice之间的跳转

在开发APP时，需要设计从一个slice跳转到另一个slice，具体的操作步骤如下：
（1）新建一个project
（2）依次点击entry-src-main-java-slice

（3）新建另外一个slice用来进行跳转操作
即在slice上右键单击，然后选择new-JavaClass，新建一个slice命名为SecondAbilitySlice，然后回车即可新建

（4）为这个slice新建一个布局文件
即依次点击entry-src-main-resources-layout

然后右键点击layout选择layout_file，命名为ability_second然后点击OK即可。


（5）在布局文件“ability_main.xml”中输入以下代码

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id:text_main"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:background_element="$graphic:background_ability_main"
        ohos:layout_alignment="horizontal_center"
        ohos:text="mainslice"
        ohos:text_size="40vp"
        />

</DirectionalLayout>

效果如图所示：

（6）在布局文件“ability_second.xml”中插入以下代码

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">

    <Text
        ohos:id="$+id:text_second"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:background_element="$graphic:background_ability_main"
        ohos:layout_alignment="horizontal_center"
        ohos:text="secondslice"
        ohos:text_size="40vp"
        />

</DirectionalLayout>

效果如图所示：

（7）打开MainAbilitySlice.Java中插入以下代码：

package com.example.tiaozhuan11.slice;

import com.example.tiaozhuan11.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Text;

public class MainAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        //创建一个文本对象，要选择agp类型
        Text text = (Text) findComponentById(ResourceTable.Id_text_main);
        //设置文本监听器
        text.setClickedListener((Component component)->{
         present(new SecondAbilitySlice(),new Intent());
        });

    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

其中，Text的类型要选择agp这个。

（8）在SecondAbilitySlice.Java中插入以下代码：

package com.example.tiaozhuan11.slice;

import com.example.tiaozhuan11.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Text;

public class SecondAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_second);

        //创建文本组件
        Text text = (Text) findComponentById(ResourceTable.Id_text_second);
        //设置文本监听器
        text.setClickedListener((Component component)->{
            present(new MainAbilitySlice(),new Intent());
        });
    }
}

（8）运行程序，具体运行方法如果不会可以参考我写的另一篇博文
DevEco程序运行方法
（9）效果如图所示：
开始时界面为：

点击界面，然后就变成了这样：

再点击一下，又回到了原来的样子

这是一种方式，这种方式的关键语句是在MainAbilitySlice和SecondAbilitySlice中都使用了present方法，在不断新建slice，还可以用另外一种方法。
（1）前面的不变，在SecondAbilitySlice.Java中输入以下代码

package com.example.tiaozhuan12.slice;

import com.example.tiaozhuan12.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Text;

public class SecondAbilitySlice extends AbilitySlice {
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_second);
        Text text = (Text) findComponentById(ResourceTable.Id_text_second);
        text.setClickedListener((Component component)->{
            terminate();
        });
    }

    @Override
    public void onActive() {
        super.onActive();
    }

    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

与之前不同的是，在跳转到SecondAbilitySlice后，没有再使用present方法，而是直接用terminate回到MainAbilitySlice，可以达到同样的效果。

OK，这个slice之间的跳转方法就是这样，有什么疑惑可以评论、私信，也可以关注我，后续内容会慢慢更新。