HMS08. 快速入门

01. JS模式下（传统代码方式），对常量数据及变量数据的引用 (源路径:  entry>src>main>js>default, 下述各路径均为此路径下的子路径)

　　>>> JS模式下，常量数据存放于   /i18n 目录下;  分不同语言进行存放的json文件中, 与 Java模式下存放于 resources>base>element>string.json 不同

　　　　

 

　　>>> 为对象配置字符属性的样例:

　　　　 

 　　>>> 新建新的页面

　　　　

 

　　>>>Demo: 新建一个JS的工程

　　　　

 02. JS模式下(低代码方式) 

　　核心内容与上述差不多，所以只提供一个录屏了

　　

03. Java版本; 

　　在Java环境下，有二种方式来实现布局，一种是通过XML配置方式完成，一种是直接通过代码来配置，在如下操作中，首页面将通过XML完成，二号页面通过代码完成，最终效果与上述JS方式一样

　　 >>> 关于多语方环境的常量配置异常提醒
　　　　

 

 

 　　>>> 跳转Demo处理

　　　　a. 新建一个Project, 选择 Java语言，Phone设备；

　　　　b. 配置主页面布局, 注意资源字符串及背景的引用

　　　　　　

 

　　　　c.  按钮背景配置 (资源字符串，直接在 base>element>string.json 中配置即可)

　　　　　　

 

　　　　d. 新建页面  entry>src>main>java>包>slice上右键, new > Java Class : SecondAbilitySlice

　　　　　继承自: AbilitySlice

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

        //声明布局
        DependentLayout myLayout = new DependentLayout(this);
        //设置布局宽高
        myLayout.setWidth(DependentLayout.LayoutConfig.MATCH_PARENT);
        myLayout.setHeight(DependentLayout.LayoutConfig.MATCH_PARENT);
        //调置布局背景
        ShapeElement background = new ShapeElement();
        background.setRgbColor(new RgbColor(255,255,255));
        myLayout.setBackground(background);
        //创建一个文本
        Text text = new Text(this);
        text.setText("A New Page");
        text.setTextSize(50);
        text.setWidth(DependentLayout.LayoutConfig.MATCH_CONTENT);
        text.setHeight(DependentLayout.LayoutConfig.MATCH_CONTENT);
        text.setTextColor(Color.BLACK);
        //设置文本在布局上的位置
        DependentLayout.LayoutConfig textConfig = new DependentLayout.LayoutConfig(DependentLayout.LayoutConfig.MATCH_CONTENT,
                DependentLayout.LayoutConfig.MATCH_CONTENT);
        textConfig.addRule(DependentLayout.LayoutConfig.CENTER_IN_PARENT);
        text.setLayoutConfig(textConfig);
        myLayout.addComponent(text);
        //配置展示
        super.setUIContent(myLayout);
    }
}

 

　　　　　e. 配置主页面的跳转

　　　　　　

    public void onStart(Intent intent) {
        ...
        //
        Button button = (Button) findComponentById(ResourceTable.Id_button);
        button.setClickedListener(new Component.ClickedListener() {
            @Override
            public void onClick(Component component) {
                present(new SecondAbilitySlice(), intent);
            }
        });
    }

 

 　　　　>>> 至此，Demo开发完成，可以直接运行并查看效果;