全网最细节的sds讲解，两个案例五分钟轻松入门Harmony（鸿蒙

男娘i 2022-09-03 08:24 44阅读 0赞

element目录中的文件名称建议与下面的文件名保持一致。每个文件中只能包含同一类型的数据。

*  boolean.json
 *  color.json
 *  float.json
 *  intarray.json
 *  integer.json
 *  pattern.json
 *  plural.json
 *  strarray.json
 *  string.json

| media | 示媒体资源，包括图片、音频、视频等非文本格式的文件。 | 文件名可自定义，例如：icon.png |

| animation | 表示动画资源，采用XML文件格式。 | 文件名可自定义，例如：zoom\_in.xml。 |

| layout | 表示布局资源，采用XML文件格式。 | 文件名可自定义，例如：home\_layout.xml。 |

| graphic | 表示可绘制资源，采用XML文件格式。 | 文件名可自定义，例如：notifications\_dark.xml。 |

| profile | 表示其他类型文件，以原始文件形式保存。 | 文件名可自定义。 |

**限定词目录：** 限定词目录可以由一个或多个表征应用场景或设备特征的限定词组合而成，包括移动国家码和移动网络码、语言、文字、国家或地区、横竖屏、设备类型、颜色模式和屏幕密度等维度，限定词之间通过下划线（\_）或者中划线（-）连接。开发者在创建限定词目录时，需要掌握限定词目录的命名要求以及与限定词目录与设备状态的匹配规则。 **限定词目录的命名要求**

*  限定词的组合顺序：移动国家码\_移动网络码-语言\_文字\_国家或地区-横竖屏-设备类型-深色模式-屏幕密度。开发者可以根据应用的使用场景和设备特征，选择其中的一类或几类限定词组成目录名称。
 *  限定词的连接方式：语言、文字、国家或地区之间采用下划线（*）连接，移动国家码和移动网络码之间也采用下划线（*）连接，除此之外的其他限定词之间均采用中划线（-）连接。例如：zh\_Hant\_CN、zh\_CN-car-ldpi。
 *  限定词的取值范围：每类限定词的取值必须符合[表2][2]中的条件，否则，将无法匹配目录中的资源文件。
    
    | **限定词类型** | **含义与取值说明** |
    
    | — | — |
    
    | 移动国家码和移动网络码 |
    
    移动国家码（MCC）和移动网络码（MNC）的值取自设备注册的网络。MCC后面可以跟随MNC，使用下划线（\_）连接，也可以单独使用。例如：mcc460表示中国，mcc460\_mnc00表示中国\_中国移动。
    
    详细取值范围，请查阅**ITU-T E.212**（国际电联相关标准）。
    
    |
    
    | 语言 |
    
    表示设备使用的语言类型，由2~3个小写字母组成。例如：zh表示中文，en表示英语，mai表示迈蒂利语。
    
    详细取值范围，请查阅**ISO 639**（ISO制定的语言编码标准）。
    
    |
    
    | 文字 |
    
    表示设备使用的文字类型，由1个大写字母（首字母）和3个小写字母组成。例如：Hans表示简体中文，Hant表示繁体中文。
    
    详细取值范围，请查阅**ISO 15924**（ISO制定的文字编码标准）。
    
    |
    
    | 国家或地区 |
    
    表示用户所在的国家或地区，由2~3个大写字母或者3个数字组成。例如：CN表示中国，GB表示英国。
    
    详细取值范围，请查阅**ISO 3166-1**（ISO制定的国家和地区编码标准）。
    
    |
    
    | 横竖屏 |
    
    表示设备的屏幕方向，取值如下：
    
     *  vertical：竖屏
     *  horizontal：横屏
    
    |
    
    | 设备类型 |
    
    表示设备的类型，取值如下：
    
     *  phone：手机
     *  tablet：平板
     *  car：车机
     *  tv：智慧屏
     *  wearable：智能穿戴
    
    |
    
    | 颜色模式 |
    
    表示设备的颜色模式，取值如下：
    
     *  dark：深色模式
     *  light：浅色模式
    
    |
    
    | 屏幕密度 |
    
    表示设备的屏幕密度（单位为dpi），取值如下：
    
     *  sdpi：表示小规模的屏幕密度（Small-scale Dots Per Inch），适用于dpi取值为(0, 120\]的设备。
     *  mdpi：表示中规模的屏幕密度（Medium-scale Dots Per Inch），适用于dpi取值为(120, 160\]的设备。
     *  ldpi：表示大规模的屏幕密度（Large-scale Dots Per Inch），适用于dpi取值为(160, 240\]的设备。
     *  xldpi：表示特大规模的屏幕密度（Extra Large-scale Dots Per Inch），适用于dpi取值为(240, 320\]的设备。
     *  xxldpi：表示超大规模的屏幕密度（Extra Extra Large-scale Dots Per Inch），适用于dpi取值为(320, 480\]的设备。
     *  xxxldpi：表示超特大规模的屏幕密度（Extra Extra Extra Large-scale Dots Per Inch），适用于dpi取值为(480, 640\]的设备。
    
    |

**限定词目录与设备状态的匹配规则**

*  在为设备匹配对应的资源文件时，限定词目录匹配的优先级从高到低依次为：移动国家码和移动网络码 > 区域（可选组合：语言、语言\_文字、语言\_国家或地区、语言\_文字\_国家或地区）> 横竖屏 > 设备类型 > 颜色模式 > 屏幕密度。
 *  如果限定词目录中包含移动国家码和移动网络码、语言、文字、横竖屏、设备类型、颜色模式限定词，则对应限定词的取值必须与当前的设备状态完全一致，该目录才能够参与设备的资源匹配。例如，限定词目录“zh\_CN-car-ldpi”不能参与“en\_US”设备的资源匹配。

三、使用Java语言开发

--------------------

打开编辑器DevEco Studio创建一个工程，选择File -> New -> New Project

![image.png][]

在Choose your abilitu template 页面选择\*\*Empty Ability(Java)，\*\*然后点击Next

![image.png][image.png 1]

配置项目的相关信息，包括Project Name、Project Type、Package Name、Save Location、Device Type等信息，最后点击Next即可

![image.png][image.png 2]

在Project窗口中，点击entry -> src -> main -> resources -> base -> layout -> ability\_main.xml文件，可以看到如下代码

![image.png][image.png 3]

（可选）如果需要引用String资源推荐在"string.json"文件中进行配置，在Project窗口中，点击entry -> src -> main -> resources -> base -> element -> string.json文件，新增button——Next按钮资源

![image.png][image.png 4]

页面中的内容包括一个文本和一个按钮，使用DependentLayout方式进行布局，通过Text和Button组件实现其中vp代表虚拟像素，fp代表字体像素，其中Button中的内容引用自string.json资源，这是HarmonyOS官方推荐的方式。注意如下内容修改的是ability\_main.xml文件。

<?xml version="1.0" encoding="utf-8"?>
    
    <DependentLayout
    
        xmlns:ohos="http://schemas.huawei.com/res/ohos"
    
        ohos:width="match_parent"
    
        ohos:height="match_parent">
    
        <Text
    
            ohos:id="$+id:text"
    
            ohos:width="match_content"
    
            ohos:height="match_content"
    
            ohos:text="Hello World"
    
            ohos:text_color="#000000"
    
            ohos:text_size="32fp"
    
            ohos:center_in_parent="true"/>
    
        <Button
    
            ohos:id="$+id:button"
    
            ohos:width="match_content"
    
            ohos:height="match_content"
    
            ohos:text="$string:button_Next"
    
            ohos:text_size="19fp"
    
            ohos:text_color="#FFFFFF"
    
            ohos:top_padding="8vp"
    
            ohos:bottom_padding="8vp"
    
            ohos:right_padding="70vp"
    
            ohos:left_padding="70vp"
    
            ohos:center_in_parent="true"
    
            ohos:below="$id:text"
    
            ohos:margin="10vp"/>
    
    </DependentLayout>

设置按钮的样式，通过entry -> src -> main -> resources -> base -> graphic目录下新增文件background\_button.xml文件来实现

![image.png][image.png 5]

background\_button.xml文件内容如下：

<?xml version="1.0" encoding="utf-8"?>
    
    <shape
    
        xmlns:ohos="http://schemas.huawei.com/res/ohos"
    
        ohos:shape="rectangle">
    
        <corners
    
            ohos:radius="100"/>
    
        <solid
    
            ohos:color="#007DFF"/>
    
    </shape>

ability\_main.xml文件中引入按钮的样式，应用方式通过

> **ohos:background\_element="$graphic:background\_button"**

// ... 
    
    <Button
    
            ohos:id="$+id:button"
    
            ohos:width="match_content"
    
            ohos:height="match_content"
    
            ohos:text="$string:button_Next"
    
            ohos:text_size="19fp"
    
            ohos:text_color="#FFFFFF"
    
            ohos:top_padding="8vp"
    
            ohos:bottom_padding="8vp"
    
            ohos:right_padding="70vp"
    
            ohos:left_padding="70vp"
    
            ohos:center_in_parent="true"
    
            ohos:below="$id:text"
    
            ohos:margin="10vp"
    
            ohos:background_element="$graphic:background_button"/>
    
    // ...

加载xml布局，打开entry -> src -> main -> java -> com -> liziba -> demo -> slice -> MainAbilitySlice,java文件，通过类的继承关系MainAbilitySlice \*\*extends \*\*AbilitySlice，可以看出MainAbilitySlice 是一个AbilitySlice的子类，而AbilitySlice主要用于承载单个页面的具体逻辑实现和界面UI，是应用显示、运行和跳转的最小单元。

package com.liziba.demo.slice;
    
    
    
    import com.liziba.demo.ResourceTable;
    
    import ohos.aafwk.ability.AbilitySlice;
    
    import ohos.aafwk.content.Intent;
    
    
    
    public class MainAbilitySlice extends AbilitySlice {
    
        @Override
    
        public void onStart(Intent intent) {
    
            super.onStart(intent);
    
            // 加载xml布局
    
            super.setUIContent(ResourceTable.Layout_ability_main);
    
        }
    
    
    
        @Override
    
        public void onActive() {
    
            super.onActive();
    
        }
    
    
    
        @Override
    
        public void onForeground(Intent intent) {
    
            super.onForeground(intent);
    
        }
    
    }

开启远程调试

![image.png][image.png 6] 该页面需要先登录华为账户 ![image.png][image.png 7] 登录后效果如下 ![image.png][image.png 8]

运行项目

点击编辑器的右上角的三角形直接运行，或者点击小甲壳虫进入调试模式。 ![image.png][image.png 9] 第一个页面的效果 ![image.png][image.png 10]

创建第二个页面

上面的页面是通过xml方式来实现的，第二个页面使用Java代码来编写 在entry -> src -> main -> java -> com -> liziba -> demo -> slice目录下新增SecondAbilitySlice.java类 代码如下：

package com.liziba.demo.slice;
    
    
    
    import ohos.aafwk.ability.AbilitySlice;
    
    import ohos.aafwk.content.Intent;
    
    import ohos.agp.colors.RgbColor;
    
    import ohos.agp.components.DependentLayout;
    
    import ohos.agp.components.Text;
    
    import ohos.agp.components.element.ShapeElement;
    
    import ohos.agp.utils.Color;
    
    
    
    /**
    
     * 第二个页面
    
     */
    
    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("你好李子捌！");
    
            text.setWidth(DependentLayout.LayoutConfig.MATCH_PARENT);
    
            text.setTextSize(100);
    
            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);
    
        }
    
    }

实现按钮跳转页面功能

### 最后 ###

**[给大家送上一份福利，领取方式：戳这里免费下载][2]**

**Java架构进阶面试及知识点文档笔记**

> **这份文档共498页，其中包括Java集合，并发编程，JVM，Dubbo,Redis，Spring全家桶，MySQL，Kafka等面试解析及知识点整理**

![image][]

**Java分布式高级面试问题解析文档**

**其中都是包括分布式的面试问题解析，内容有**分布式消息队列，Redis缓存，分库分表，微服务架构，分布式高可用，读写分离等等！

![image][image 1]

**互联网Java程序员面试必备问题解析及文档学习笔记**

![image][image 2]

**Java架构进阶视频解析合集**

PARENT);

text.setLayoutConfig(textConfig);

myLayout.addComponent(text);

super.setUIContent(myLayout);

实现按钮跳转页面功能
    
    
    
    ### 最后
    
    **[给大家送上一份福利，领取方式：戳这里免费下载](https://gitee.com/vip204888/java-p7)**
    
    **Java架构进阶面试及知识点文档笔记**
    
    > **这份文档共498页，其中包括Java集合，并发编程，JVM，Dubbo,Redis，Spring全家桶，MySQL，Kafka等面试解析及知识点整理**
    
    [外链图片转存中...(img-lB8OzLfJ-1628228352526)]
    
    **Java分布式高级面试问题解析文档**
    
    **其中都是包括分布式的面试问题解析，内容有**分布式消息队列，Redis缓存，分库分表，微服务架构，分布式高可用，读写分离等等！
    
    [外链图片转存中...(img-DFStd8Z3-1628228352528)]
    
    **互联网Java程序员面试必备问题解析及文档学习笔记**
    
    [外链图片转存中...(img-oWdQmOk4-1628228352530)]
    
    **Java架构进阶视频解析合集**
    
    ![image](https://img-blog.csdnimg.cn/img_convert/73307c55e7a0b21b45e11c65f312210f.png)

[2]: https://gitee.com/vip204888/java-p7
[image.png]: /images/20220829/d87d3ec4ccc14288a576a680d69e8604.png
[image.png 1]: /images/20220829/bbd9e0c18e5c4b409a50b2abdb10e559.png
[image.png 2]: /images/20220829/69d9b9dd04b34b9ebe9e1f83a2fb1c5a.png
[image.png 3]: /images/20220829/154edc3f30444ac0a2a9e8741f35958c.png
[image.png 4]: /images/20220829/3b92106722f741e0867c043ff7f1ea30.png
[image.png 5]: /images/20220829/36e6dba59eb241b485cea481a36f7f83.png
[image.png 6]: https://img-blog.csdnimg.cn/img_convert/7a8f4a1a455a24a95339a155f56f3436.png
[image.png 7]: https://img-blog.csdnimg.cn/img_convert/786ed6079369a9606582de52183bec46.png
[image.png 8]: /images/20220829/bc3cfa48ab744673b5f13ced6f58852e.png
[image.png 9]: https://img-blog.csdnimg.cn/img_convert/5f66bed62c278cc10db80219c8d4527c.png
[image.png 10]: /images/20220829/ecfa9bfd47b44a91b3ba11bbef97377f.png
[image]: /images/20220829/4db2ec8e55724e1c8a4f6680c5bbc2af.png
[image 1]: /images/20220829/06f0cd0095b64b0b91af6161dd38891c.png
[image 2]: /images/20220829/8c05a40d62de42c48ea6e9fd4bb38ca7.png