鸿蒙OS自定义组件实现！

步骤如下：

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

②在项目中导入组件

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”) }

③在刚才创建的 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); }

}

④在项目中的 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 </com.llt.bottomnavigationf.BottomNavigationBar>

项目地址：

https://gitee.com/blueskyliu/lg.git