【HarmonyOS】自定义组件之JavaUI实现通用标题栏组件

【关键字】

标题栏、常用内置组件整合、JavaUI、自定义组件

【1、写在前面】

平时我们在开发一个应用时，我们都知道一个完整的项目中会有很多个页面，而这些页面中会有许多通用的部分，比如通用标题栏、通用Dialog、通用下拉菜单等等，在Android开发中我们可以通过LayoutInflater.from(Context).inflate(layout,root,false)解析XML布局，从而将多个Android中内置的控件实现一个组合式的自定义View，以达到组件通用化，提高代码的复用性的效果。那么在HarmonyOS应用开发中，同样的也会遇到这种需求，就以标题栏为例，如果每个页面都写一遍，代码既冗余也不美观，所以本着复用的思想，我们需要想办法来解决这个问题，那么在鸿蒙应用开发中该怎么实现这种效果呢，继续往下读，本篇我们的任务就是通过Java语言来实现一个通用的标题栏。

【2、标题栏布局】

首先，我们需要编写一个xml文件，在entry/src/main/resources/base/layout文件夹下新建common_title_layout.xml布局文件，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="48vp"
ohos:width="match_parent"
ohos:background_element="#FF0000">

<Text
ohos:id="$+id:custom_close"
ohos:height="match_content"
ohos:width="60vp"
ohos:align_parent_start="true"
ohos:end_padding="5vp"
ohos:start_padding="5vp"
ohos:text_size="16fp"
ohos:text="关闭"
ohos:vertical_center="true"/>

<Text
ohos:id="$+id:custom_title"
ohos:height="match_content"
ohos:width="60vp"
ohos:text=