环境 部分

直接从官网下载看步骤
下载安装，这个其实挺傻瓜的。版本更新，需要重新下载在安装，他会给你卸载在重新安装。
我从官网下载deveco-studio 然后启动。
我就配置了下载sdk 地址我配置了一下，其他的都没有配置
他说可以配置npm 代理，gradle 的配置我这些都是使用默认的。
就开始干了。

创建 项目

deveco-studio 版本变化很多，所以创建应用和服务都是每个版本还有差异的。
可以使用的语言java js c/c++ 。。。
java 和js 估计将会是最常见的。。

c/c++可能写一些驱动或服务包。这个到是没有研究。继续学习吧。

从51cto 中 地址https://harmonyos.51cto.com/resource/557
从这里看到鸿蒙还是潜力很大的。。。

官方的demo 还是挺丰富的
先运行 官方demo 也可以。。

大多数都是在gitee 上面。这个挺好的。
创建一个空的项目。。里面只有一个helloworld。。。

可以先预览项目

Snipaste_2021-07-02_10-11-21.png

但是需要开启预览功能。

Snipaste_2021-07-02_10-12-25.png

之前的版本没有。。我先用的是最新2.1.0版本
开启之后就可以用了。
运行项目测试。

显示启动远程虚拟手机

Snipaste_2021-07-02_10-13-52.png

然后运行

Snipaste_2021-07-02_10-14-31.png

这个就是真机上就可以运行了。。

但是打包成apk 还需要过程。。。

学习网站

https://developer.harmonyos.com/cn/develop/deveco-studio
https://blog.csdn.net/qq_38436214/article/details/112202455
https://www.harmonybus.net/

布局部分 主要是java 部分

获取控件和复制

@Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld);
        text.setText("你好，世界。赋值");

        Button button = (Button) findComponentById(ResourceTable.Id_getNet);
        button.setClickedListener(component -> {
            text.setText("我被点击了");
        });
    }

点击事件的处理。。和原来android studio 的时候很像。

布局 部分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_helloworld"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:background_element="$graphic:background_ability_main"
        ohos:layout_alignment="horizontal_center"
        ohos:text="$string:mainability_HelloWorld"
        ohos:text_size="40vp"
        />

    <DirectionalLayout
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:orientation="horizontal">

        <Image
            ohos:height="30vp"
            ohos:width="30vp"
            ohos:weight="1"
            ohos:left_margin="10vp"
            ohos:image_src="$media:icon"/>

        <Image
            ohos:height="30vp"
            ohos:width="30vp"
            ohos:weight="1"
            ohos:image_src="$media:icon"/>

        <Image
            ohos:height="30vp"
            ohos:width="30vp"
            ohos:weight="1"
            ohos:image_src="$media:icon"/>

        <Image
            ohos:height="30vp"
            ohos:weight="1"
            ohos:width="30vp"
            ohos:image_src="$media:icon"/>

    </DirectionalLayout>

    <Text
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:text="自定义角标"
        ohos:text_size="40vp"
        ohos:background_element="$graphic:color_cyan_element"/>

    <AdaptiveBoxLayout
        ohos:height="match_parent"
        ohos:width="match_parent"
        >

        <Checkbox
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:text="cc"/>
        <Image
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:image_src="$media:icon"/>

        <TextField
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:text_size="30vp"
            ohos:text_input_type="pattern_number"
            ohos:hint="请输入"/>

        <Button
            ohos:id="$+id:getNet"
            ohos:height="match_parent"
            ohos:width="match_parent"
            ohos:text_color="red"
            ohos:text_size="38vp"
            ohos:text="获取"/>

        <ProgressBar
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:progress="32"/>

        <Slider
            ohos:id="$+id:slider1"
            ohos:width="match_parent"
            ohos:height="match_content"
            ohos:layout_alignment="horizontal_center"
            ohos:orientation="horizontal"
            ohos:min="0"
            ohos:max="100"
            ohos:progress="40"
            ohos:background_element="#FF0000"
            ohos:progress_color="#0000FF"/>

        <RoundProgressBar
            ohos:height="30vp"
            ohos:width="30vp"
            ohos:min="0"
            ohos:max="100"
            ohos:vice_progress="50"
            ohos:progress="10"/>


        <TableLayout
            ohos:height="match_content"
            ohos:width="match_parent"
            ohos:column_count="4"
            >

            <ohos.agp.components.TabList.Tab
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="测试"/>

        </TableLayout>

    </AdaptiveBoxLayout>

</DirectionalLayout>

横向 ohos:orientation="horizontal"
竖向 ohos:orientation="vertical"

match_parent 和match_content 这个很是混淆。。一个父辈一个内容

Snipaste_2021-07-02_10-19-38.png

边距的使用。

Snipaste_2021-07-02_10-20-15.png

内间距

配置文件

config.json 的配置。。。
网络权限添加

Snipaste_2021-07-02_10-23-07.png

build.gradle 配置

 //library
    implementation project(':libraryliao')

 //okhttp3
    api "com.squareup.okhttp3:okhttp:4.9.0"
    api "com.squareup.okhttp3:logging-interceptor:4.9.0"

    //retrofit2
    api "com.squareup.retrofit2:retrofit:2.9.0"
    api "com.squareup.retrofit2:converter-gson:2.9.0"
    api "com.squareup.retrofit2:adapter-rxjava3:2.9.0"

source 部分

Snipaste_2021-07-02_10-24-34.png

element 里面是string.json 公共 string
graphic 是背景颜色和点击效果的xml

Snipaste_2021-07-02_10-26-53.png

关键字的保留。。android 用到这里依然可用。

layout 布局
media 里面放置icon 图片
element 中文和英文部分
rawfile 音频

module 部分
这个java 和鸿蒙os lib

Snipaste_2021-07-02_10-57-38.png

更多demo 学习

Snipaste_2021-07-02_10-59-43.png

https://gitee.com/openharmony

Snipaste_2021-07-02_11-01-00.png

Snipaste_2021-07-02_11-01-09.png

Snipaste_2021-07-02_11-01-18.png

运行就可以了。。。。