鸿蒙OS自定义组件原创

BLUESKYHOST

发布于 2021-6-21 17:48

浏览

1收藏

步骤

在项目上新建module 选择libiary 创建鸿蒙组件

鸿蒙OS自定义组件-鸿蒙开发者社区

在项目中导入组件

lg\entry\build.gradle 文件中的

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
    testImplementation 'junit:junit:4.13'
    ohosTestImplementation 'com.huawei.ohos.testkit:runner:1.0.0.100'
# 下面是导入的组件名 与settings.gradle 名字一样
    implementation project(":BottomNavigationF")
}
1.
2.
3.
4.
5.
6.
7.

在刚才创建的modul编写组件类

package com.llt.bottomnavigationf;

import ohos.agp.components.AttrSet;
import ohos.agp.components.Component;
import ohos.agp.components.DirectionalLayout;
import ohos.app.Context;

/**
 *键盘alt + insert constructor  实现这里面的方法
 */
public class BottomNavigationBar  extends DirectionalLayout {

    public BottomNavigationBar(Context context) {
        super(context);
    }

    public BottomNavigationBar(Context context, AttrSet attrSet) {
        super(context, attrSet);
    }

    public BottomNavigationBar(Context context, AttrSet attrSet, String styleName) {
        super(context, attrSet, styleName);
    }
}


1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.

在项目中的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">

   <com.llt.bottomnavigationf.BottomNavigationBar
       ohos:height="300vp"
       ohos:width="match_parent"
       ohos:background_element="#c48c48"
       >
      <Text
          ohos:height="match_content"
          ohos:width="match_content"
          ohos:text_color="#fff"
          ohos:text_size="28fp"
          ohos:text="Text"

          >123123</Text>
   </com.llt.bottomnavigationf.BottomNavigationBar>
</DirectionalLayout>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.