From 4a1fe898eef3451f0a4fcc016e53373f78cc1536 Mon Sep 17 00:00:00 2001
From: chentianyu <18756170827@163.com>
Date: Thu, 27 May 2021 14:49:45 +0800
Subject: [PATCH 1/5] =?UTF-8?q?tooltips=E4=BB=A3=E7=A0=81=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md                                  |   3 +
 LICENSE .md => LICENSE                        |   0
 README.md                                     |  13 +-
 .../tooltipsdemo/MainAbilitySlice.java        |  96 ++++-
 .../base/graphic/background_text_above.xml    |   9 +
 .../base/graphic/background_text_left.xml     |   9 +
 .../base/graphic/background_text_right.xml    |   9 +
 .../base/graphic/background_text_up.xml       |   9 +
 .../resources/base/layout/ability_main.xml    | 335 +++++++++++++++---
 .../tooltipshm/DefaultToolTipAnimator.java    |   8 +-
 .../com/tomergoldst/tooltipshm/ToolTip.java   |  10 +-
 .../tooltipshm/ToolTipAnimator.java           |   5 +-
 .../ToolTipBackgroundConstructor.java         |  48 ++-
 .../tooltipshm/ToolTipCoordinatesFinder.java  |  12 +-
 .../tooltipshm/ToolTipsManager.java           | 331 ++++++++++++++---
 .../main/resources/base/media/arrow_down.png  | Bin 0 -> 1156 bytes
 .../main/resources/base/media/arrow_left.png  | Bin 0 -> 376 bytes
 .../main/resources/base/media/arrow_right.png | Bin 0 -> 469 bytes
 18 files changed, 774 insertions(+), 123 deletions(-)
 rename LICENSE .md => LICENSE (100%)
 create mode 100644 app/src/main/resources/base/graphic/background_text_above.xml
 create mode 100644 app/src/main/resources/base/graphic/background_text_left.xml
 create mode 100644 app/src/main/resources/base/graphic/background_text_right.xml
 create mode 100644 app/src/main/resources/base/graphic/background_text_up.xml
 create mode 100644 tooltips/src/main/resources/base/media/arrow_down.png
 create mode 100644 tooltips/src/main/resources/base/media/arrow_left.png
 create mode 100644 tooltips/src/main/resources/base/media/arrow_right.png

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5d6fbdd..2ead6d5 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
 ## 0.0.1-SNAPSHOT
 * refactor: For module library to openharmony
+ohos 第一个版本
+*实现了原库的大部分api   
+*因为鸿蒙不支持点9图加载拉伸的原因，从加载点9图改成了图片拼接方式。
 
diff --git a/LICENSE .md b/LICENSE
similarity index 100%
rename from LICENSE .md
rename to LICENSE
diff --git a/README.md b/README.md
index 4af9cde..3b5bf20 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,10 @@
 # tooltips
 
 #### 项目介绍
-- 项目名称：tooltips。
-- 所属系列：openharmony的第三方组件适配移植。
-- 功能：易于使用的ohos库，可轻松在任何视图附近添加工具提示。
-- 项目移植状态：目前openharmony不支持加载.9图拉伸功能。
+- 项目名称：tooltips
+- 所属系列：openharmony的第三方组件适配移植
+- 功能：易于使用的ohos库，可轻松在任何视图附近添加工具提示
+- 项目移植状态：目前openharmony不支持加载.9图拉伸功能
 - 调用差异：无
 - 基线版本：Release v1.1
 - 开发版本：sdk5，DevEco Studio2.1 beta4
@@ -23,7 +23,7 @@ allprojects {
     }
 }
  ```
-2.在entry模块的build.gradle文件中
+2.在app模块的build.gradle文件中
  ```gradle
  dependencies {
     implementation('com.gitee.chinasoft_ohos:tooltips:0.0.1-SNAPSHOT')
@@ -119,9 +119,8 @@ CloudTest代码测试无异常
 
 #### 版本迭代
 
- ```
 - 0.0.1-SNAPSHOT
- ```
+
 #### 版权和许可信息
  ```
 Copyright 2016 Tomer Goldstein
diff --git a/app/src/main/java/com/tomergoldst/tooltipsdemo/MainAbilitySlice.java b/app/src/main/java/com/tomergoldst/tooltipsdemo/MainAbilitySlice.java
index 3ac7d09..796e77b 100644
--- a/app/src/main/java/com/tomergoldst/tooltipsdemo/MainAbilitySlice.java
+++ b/app/src/main/java/com/tomergoldst/tooltipsdemo/MainAbilitySlice.java
@@ -25,10 +25,13 @@ import ohos.agp.animation.Animator;
 import ohos.agp.animation.AnimatorProperty;
 import ohos.agp.colors.RgbColor;
 import ohos.agp.components.*;
+import ohos.agp.components.element.PixelMapElement;
 import ohos.agp.components.element.ShapeElement;
 import ohos.agp.utils.Color;
 import ohos.agp.window.service.WindowManager;
+import ohos.global.resource.NotExistException;
 
+import java.io.IOException;
 import java.util.ArrayList;
 import java.util.List;
 
@@ -53,8 +56,34 @@ public class MainAbilitySlice extends AbilitySlice implements
     private List<RRadioButton> checkboxes;
     private List<Button> buttons;
     private List<Text> texts;
+    private List<DependentLayout> dependentLayouts;
+    private List<Image> images;
     private ToolTipsManager mToolTipsManager;
     private ToolTip.Builder builder;
+    private Image imaAboveCenter;
+    private Image imaAboveLeft;
+    private Image imaAboveRight;
+    private Image imaRightCenter;
+    private Image imaBelowLeft;
+    private Image imaBelowCenter;
+    private Image imaBelowRight;
+
+    private DependentLayout dlAboveCenter;
+    private DependentLayout dlAboveleft;
+    private DependentLayout dlAboveRight;
+    private DependentLayout leftDlView;
+    private DependentLayout rightDlView;
+
+    private DependentLayout dlBelowCenter;
+    private DependentLayout dlBelowLeft;
+    private DependentLayout dlBelowRight;
+
+    private Text aboveViewleft;
+    private Text aboveViewRight;
+    private Image imaLeftCenter;
+
+    private Text belowImageLeft;
+    private Text belowImageRight;
 
     @Override
     public void onStart(Intent intent) {
@@ -79,22 +108,22 @@ public class MainAbilitySlice extends AbilitySlice implements
         switch (component.getId()) {
             case ResourceTable.Id_button_above:
                 tag = 1;
-                builder = new ToolTip.Builder(this, mTextView);
+                builder = new ToolTip.Builder(this, mTextView,imaAboveCenter);
                 mToolTipsManager.show(tag,builder.build());
                 break;
             case ResourceTable.Id_button_below:
                 tag = 2;
-                builder = new ToolTip.Builder(this, mTextView);
+                builder = new ToolTip.Builder(this, mTextView,imaAboveCenter);
                 mToolTipsManager.show(tag,builder.build());
                 break;
             case ResourceTable.Id_button_left_to:
                 tag = 3;
-                builder = new ToolTip.Builder(this, mTextView);
+                builder = new ToolTip.Builder(this, mTextView,imaAboveCenter);
                 mToolTipsManager.show(tag,builder.build());
                 break;
             case ResourceTable.Id_button_right_to:
                 tag = 4;
-                builder = new ToolTip.Builder(this, mTextView);
+                builder = new ToolTip.Builder(this, mTextView,imaAboveCenter);
                 mToolTipsManager.show(tag,builder.build());
                 break;
             case ResourceTable.Id_text_view:
@@ -110,6 +139,28 @@ public class MainAbilitySlice extends AbilitySlice implements
 
     //Control initialization
     private void initView() {
+        dlAboveRight =(DependentLayout) findComponentById(ResourceTable.Id_dl_above_right);
+        dlAboveleft =(DependentLayout) findComponentById(ResourceTable.Id_dl_above_left);
+        dlAboveCenter = (DependentLayout) findComponentById(ResourceTable.Id_dl_above);
+        leftDlView = (DependentLayout) findComponentById(ResourceTable.Id_left_dl_view);
+        rightDlView = (DependentLayout) findComponentById(ResourceTable.Id_right_dl_view);
+        dlBelowLeft = (DependentLayout) findComponentById(ResourceTable.Id_dl_below_left);
+        dlBelowCenter = (DependentLayout) findComponentById(ResourceTable.Id_dl_below_center);
+        dlBelowRight = (DependentLayout) findComponentById(ResourceTable.Id_dl_below_right);
+
+        imaAboveCenter= (Image) findComponentById(ResourceTable.Id_ima_above_center);
+        imaAboveLeft= (Image) findComponentById(ResourceTable.Id_ima_above_left);
+        imaAboveRight= (Image) findComponentById(ResourceTable.Id_ima_above_right);
+        imaLeftCenter= (Image) findComponentById(ResourceTable.Id_ima_left_center);
+        imaRightCenter= (Image) findComponentById(ResourceTable.Id_ima_right_center);
+        imaBelowLeft= (Image) findComponentById(ResourceTable.Id_ima_below_left);
+        imaBelowCenter= (Image) findComponentById(ResourceTable.Id_ima_below_center);
+        imaBelowRight= (Image) findComponentById(ResourceTable.Id_ima_below_right);
+        aboveViewleft= (Text) findComponentById(ResourceTable.Id_above_view_left);
+        aboveViewRight= (Text) findComponentById(ResourceTable.Id_above_view_right);
+        belowImageLeft= (Text) findComponentById(ResourceTable.Id_below_image_left);
+        belowImageRight= (Text) findComponentById(ResourceTable.Id_below_image_right);
+
         mToolTipsManager = new ToolTipsManager();
         mTextView = (Text) findComponentById(ResourceTable.Id_text_view);
         mAboveBtn = (Button) findComponentById(ResourceTable.Id_button_above);
@@ -157,8 +208,31 @@ public class MainAbilitySlice extends AbilitySlice implements
         texts.add(leftImageView);
         texts.add(rightImageView);
         texts.add(mTextView);
+        texts.add(aboveViewleft);
+        texts.add(aboveViewRight);
+        texts.add(belowImageLeft);
+        texts.add(belowImageRight);
 
-        mToolTipsManager = new ToolTipsManager(dlInitLayout, mEditText, texts,
+        dependentLayouts=new ArrayList<>();
+        dependentLayouts.add(dlAboveleft);
+        dependentLayouts.add(dlAboveCenter);
+        dependentLayouts.add(dlAboveRight);
+        dependentLayouts.add(dlInitLayout);
+        dependentLayouts.add(leftDlView);
+        dependentLayouts.add(rightDlView);
+        dependentLayouts.add(dlBelowLeft);
+        dependentLayouts.add(dlBelowCenter);
+        dependentLayouts.add(dlBelowRight);
+        images=new ArrayList<>();
+        images.add(imaAboveLeft);
+        images.add(imaAboveCenter);
+        images.add(imaAboveRight);
+        images.add(imaLeftCenter);
+        images.add(imaRightCenter);
+        images.add(imaBelowLeft);
+        images.add(imaBelowCenter);
+        images.add(imaBelowRight);
+        mToolTipsManager = new ToolTipsManager(dependentLayouts,images, mEditText, texts,
                 buttons, checkboxes);
     }
 
@@ -210,9 +284,13 @@ public class MainAbilitySlice extends AbilitySlice implements
         AnimatorProperty animatorValue = new AnimatorProperty();
         animatorValue.alphaFrom(0).alpha(0).setCurveType(Animator.CurveType.ANTICIPATE_OVERSHOOT).setDuration(500);
         dlInitLayout.setVisibility(Component.HIDE);
-        idAboveImageview.setVisibility(Component.HIDE);
-        idBelowimageView.setVisibility(Component.HIDE);
-        rightImageView.setVisibility(Component.HIDE);
-        leftImageView.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
     }
 }
diff --git a/app/src/main/resources/base/graphic/background_text_above.xml b/app/src/main/resources/base/graphic/background_text_above.xml
new file mode 100644
index 0000000..9616749
--- /dev/null
+++ b/app/src/main/resources/base/graphic/background_text_above.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="20"/>
+    <solid
+        ohos:color="#d4237a"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/resources/base/graphic/background_text_left.xml b/app/src/main/resources/base/graphic/background_text_left.xml
new file mode 100644
index 0000000..3a3b4fe
--- /dev/null
+++ b/app/src/main/resources/base/graphic/background_text_left.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="20"/>
+    <solid
+        ohos:color="#a0db8e"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/resources/base/graphic/background_text_right.xml b/app/src/main/resources/base/graphic/background_text_right.xml
new file mode 100644
index 0000000..c87b91b
--- /dev/null
+++ b/app/src/main/resources/base/graphic/background_text_right.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="20"/>
+    <solid
+        ohos:color="#8b0000"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/resources/base/graphic/background_text_up.xml b/app/src/main/resources/base/graphic/background_text_up.xml
new file mode 100644
index 0000000..1f3d081
--- /dev/null
+++ b/app/src/main/resources/base/graphic/background_text_up.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:ohos="http://schemas.huawei.com/res/ohos"
+       ohos:shape="rectangle">
+    <corners
+        ohos:radius="20"/>
+    <solid
+        ohos:color="#ffa500"/>
+
+</shape>
\ No newline at end of file
diff --git a/app/src/main/resources/base/layout/ability_main.xml b/app/src/main/resources/base/layout/ability_main.xml
index 72a134e..d26b0f7 100644
--- a/app/src/main/resources/base/layout/ability_main.xml
+++ b/app/src/main/resources/base/layout/ability_main.xml
@@ -69,50 +69,199 @@
             ohos:text_color="#ffffffff"
             ohos:text_size="14fp"
             />
-
-        <Text
-            ohos:id="$+id:right_image_view"
+<!--right-->
+        <DependentLayout
+            ohos:id="$+id:right_dl_view"
             ohos:height="match_content"
             ohos:width="match_content"
-            ohos:center_in_parent="true"
-            ohos:multiple_lines="true"
-            ohos:padding="10vp"
             ohos:right_of="$id:text_view"
-            ohos:text_color="#ffffff"
-            ohos:text_size="16fp"
-            ohos:text_weight="700"
             ohos:vertical_center="true"
-            />
+            ohos:visibility="hide"
+            >
 
-        <Text
-            ohos:id="$+id:left_image_view"
+            <Text
+                ohos:id="$+id:right_image_view"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:multiple_lines="true"
+                ohos:padding="12vp"
+                ohos:text="dasdasdsa"
+                ohos:text_color="#ffffff"
+                ohos:text_size="16fp"
+                ohos:text_weight="7000"
+                ohos:vertical_center="true"
+                ohos:background_element="$graphic:background_text_right"
+                ohos:right_of="$id:ima_right_center"
+                ohos:left_margin="-10vp"
+                />
+
+            <Image
+                ohos:id="$+id:ima_right_center"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:image_src="$media:arrow_right"
+                ohos:vertical_center="true"
+                ohos:align_parent_left="true"
+
+                />
+        </DependentLayout>
+
+
+       <!--left-->
+        <DependentLayout
+            ohos:id="$+id:left_dl_view"
             ohos:height="match_content"
             ohos:width="match_content"
-            ohos:align_parent_left="true"
             ohos:left_of="$id:text_view"
-            ohos:multiple_lines="true"
-            ohos:padding="12vp"
-            ohos:text_size="10fp"
-            ohos:text_weight="7000"
             ohos:vertical_center="true"
-            />
+            ohos:visibility="hide"
+            >
 
-        <Text
-            ohos:id="$+id:above_image_view"
+            <Text
+                ohos:id="$+id:left_image_view"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:left_of="$id:ima_left_center"
+                ohos:multiple_lines="true"
+                ohos:padding="12vp"
+                ohos:text="dasdasdsa"
+                ohos:text_size="10fp"
+                ohos:text_weight="7000"
+                ohos:vertical_center="true"
+                ohos:background_element="$graphic:background_text_left"
+                ohos:right_margin="-10vp"
+                />
+
+            <Image
+                ohos:id="$+id:ima_left_center"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:image_src="$media:arrow_left"
+                ohos:vertical_center="true"
+                ohos:align_parent_right="true"
+
+                />
+        </DependentLayout>
+
+
+       <!--above-->
+        <DependentLayout
+            ohos:visibility="hide"
+            ohos:id="$+id:dl_above"
             ohos:height="match_content"
-            ohos:width="140vp"
+            ohos:width="match_content"
+            ohos:vertical_center="true"
             ohos:above="$id:text_view"
-            ohos:bottom_padding="15vp"
+            ohos:horizontal_center="true"
             ohos:center_in_parent="true"
-            ohos:left_padding="5vp"
-            ohos:multiple_lines="true"
-            ohos:right_padding="5vp"
-            ohos:text_color="#ffffff"
-            ohos:text_size="14fp"
-            ohos:text_weight="700"
-            ohos:top_padding="10vp"
-            ohos:vertical_center="true"
-            />
+            >
+            <Text
+                ohos:id="$+id:above_image_view"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:above="$id:text_view"
+                ohos:bottom_padding="15vp"
+                ohos:left_padding="15vp"
+                ohos:multiple_lines="true"
+                ohos:right_padding="15vp"
+                ohos:text_color="#ffffff"
+                ohos:background_element="$graphic:background_text_above"
+                ohos:text="dsadsadsadsads"
+                ohos:text_size="12fp"
+                ohos:text_weight="700"
+                ohos:top_padding="10vp"
+                ohos:vertical_center="true"
+                />
+
+            <Image
+                ohos:id="$+id:ima_above_center"
+                ohos:below="$id:above_image_view"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:left_padding="5vp"
+                ohos:image_src="$media:arrow_down"
+                ohos:horizontal_center="true"
+                />
+
+        </DependentLayout>
+
+        <DependentLayout
+            ohos:id="$+id:dl_above_left"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:above="$id:text_view"
+            ohos:left_margin="120vp"
+            ohos:visibility="hide"
+            >
+            <Text
+                ohos:id="$+id:above_view_left"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:above="$id:text_view"
+                ohos:left_padding="15vp"
+                ohos:multiple_lines="true"
+                ohos:right_padding="15vp"
+                ohos:text_color="#ffffff"
+                ohos:text="dadasd"
+                ohos:background_element="$graphic:background_text_above"
+                ohos:text_size="12fp"
+                ohos:text_weight="700"
+                ohos:top_padding="10vp"
+                ohos:padding="15vp"
+                ohos:align_parent_left="true"
+                ohos:bottom_margin="-10vp"
+                />
+
+            <Image
+                ohos:id="$+id:ima_above_left"
+                ohos:below="$id:above_view_left"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:left_padding="5vp"
+                ohos:image_src="$media:arrow_down"
+                ohos:align_parent_left="true"
+                />
+
+        </DependentLayout>
+
+        <DependentLayout
+            ohos:id="$+id:dl_above_right"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:above="$id:text_view"
+            ohos:right_margin="120vp"
+            ohos:visibility="hide"
+            >
+            <Text
+                ohos:id="$+id:above_view_right"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:above="$id:text_view"
+                ohos:left_padding="15vp"
+                ohos:multiple_lines="true"
+                ohos:right_padding="15vp"
+                ohos:text_color="#ffffff"
+                ohos:text="dadasd"
+                ohos:background_element="$graphic:background_text_above"
+                ohos:text_size="12fp"
+                ohos:text_weight="700"
+                ohos:top_padding="10vp"
+                ohos:padding="15vp"
+                ohos:align_parent_right="true"
+                ohos:bottom_margin="-10vp"
+                />
+
+            <Image
+                ohos:id="$+id:ima_above_right"
+                ohos:below="$id:above_view_right"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:right_padding="5vp"
+                ohos:image_src="$media:arrow_down"
+                ohos:align_parent_right="true"
+                />
+
+        </DependentLayout>
 
         <DependentLayout
             ohos:id="$+id:dl_init_layout"
@@ -132,22 +281,120 @@
 
         </DependentLayout>
 
-        <Text
-            ohos:id="$+id:below_image_view"
+        <!--below-center-->
+        <DependentLayout
+            ohos:visibility="hide"
+            ohos:id="$+id:dl_below_center"
             ohos:height="match_content"
-            ohos:width="140vp"
+            ohos:width="match_content"
+            ohos:vertical_center="true"
             ohos:below="$id:text_view"
-            ohos:bottom_padding="10vp"
+            ohos:horizontal_center="true"
             ohos:center_in_parent="true"
-            ohos:left_padding="5vp"
-            ohos:multiple_lines="true"
-            ohos:right_padding="5vp"
-            ohos:text_color="$color:colorWhile"
-            ohos:text_size="14fp"
-            ohos:text_weight="7000"
-            ohos:top_padding="20vp"
-            ohos:vertical_center="true"
-            />
+            >
+
+            <Image
+                ohos:id="$+id:ima_below_center"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:left_padding="5vp"
+                ohos:image_src="$media:media_up"
+                ohos:horizontal_center="true"
+                />
+
+            <Text
+                ohos:id="$+id:below_image_view"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:below="$id:ima_below_center"
+                ohos:text="dsaddsadsa"
+                ohos:padding="12fp"
+                ohos:multiple_lines="true"
+                ohos:text_color="$color:colorWhile"
+                ohos:background_element="$graphic:background_text_up"
+                ohos:text_size="14fp"
+                ohos:text_weight="7000"
+                ohos:top_margin="-10vp"
+                />
+
+
+
+        </DependentLayout>
+
+        <!--below-left-->
+        <DependentLayout
+            ohos:id="$+id:dl_below_left"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:below="$id:text_view"
+            ohos:left_margin="120vp"
+            ohos:visibility="hide"
+            >
+
+            <Image
+                ohos:id="$+id:ima_below_left"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:left_padding="5vp"
+                ohos:image_src="$media:media_up"
+                ohos:horizontal_center="true"
+                ohos:align_parent_left="true"
+                />
+
+            <Text
+                ohos:id="$+id:below_image_left"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:below="$id:ima_below_left"
+                ohos:text=""
+                ohos:padding="12fp"
+                ohos:multiple_lines="true"
+                ohos:text_color="$color:colorWhile"
+                ohos:background_element="$graphic:background_text_up"
+                ohos:text_size="14fp"
+                ohos:text_weight="7000"
+                ohos:top_margin="-10vp"
+                />
+
+        </DependentLayout>
+
+        <!--below-right-->
+        <DependentLayout
+            ohos:id="$+id:dl_below_right"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:below="$id:text_view"
+            ohos:right_margin="120vp"
+            ohos:visibility="hide"
+            >
+
+            <Image
+                ohos:id="$+id:ima_below_right"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:left_padding="5vp"
+                ohos:image_src="$media:media_up"
+                ohos:horizontal_center="true"
+                ohos:align_parent_right="true"
+                />
+
+            <Text
+                ohos:id="$+id:below_image_right"
+                ohos:height="match_content"
+                ohos:width="match_content"
+                ohos:below="$id:ima_below_right"
+                ohos:text="dsaDsadsadsadsadsadasdasdsad"
+                ohos:padding="12fp"
+                ohos:multiple_lines="true"
+                ohos:text_color="$color:colorWhile"
+                ohos:background_element="$graphic:background_text_up"
+                ohos:text_size="14fp"
+                ohos:text_weight="7000"
+                ohos:top_margin="-10vp"
+                ohos:align_parent_right="true"
+                />
+
+        </DependentLayout>
 
     </DependentLayout>
 
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/DefaultToolTipAnimator.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/DefaultToolTipAnimator.java
index d0db2ff..7126485 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/DefaultToolTipAnimator.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/DefaultToolTipAnimator.java
@@ -17,14 +17,18 @@ package com.tomergoldst.tooltipshm;
 import ohos.agp.animation.Animator;
 import ohos.agp.animation.AnimatorProperty;
 import ohos.agp.components.Component;
+import ohos.agp.components.DependentLayout;
+import ohos.agp.components.Image;
+import ohos.agp.components.Text;
 
 class DefaultToolTipAnimator implements ToolTipAnimator {
     @Override
-    public AnimatorProperty popup(Component view, long duration) {
+    public AnimatorProperty popup(Text view, DependentLayout image, long duration) {
         view.setVisibility(Component.VISIBLE);
         AnimatorProperty abovePopup = new AnimatorProperty();
         abovePopup.alphaFrom(0).alpha(90).setCurveType(new Animator.CurveType().ANTICIPATE).setDuration(500);
-        abovePopup.setTarget(view);
+        abovePopup.setTarget(image);
+        abovePopup.start();
         return abovePopup;
     }
 
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTip.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTip.java
index ff7db73..9e1ab37 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTip.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTip.java
@@ -14,16 +14,19 @@ limitations under the License.
 
 package com.tomergoldst.tooltipshm;
 
+import ohos.agp.components.Image;
 import ohos.agp.components.Text;
 import ohos.app.Context;
 
 public class ToolTip {
     private final Context mContext;
     private final Text mTextView;
+    private final Image imaAboveCenter;
 
     public ToolTip(Builder builder) {
         mContext = builder.mContext;
         mTextView = builder.mTextView;
+        imaAboveCenter = builder.imaCenterAbove;
     }
 
     public Context getContext() {
@@ -34,14 +37,19 @@ public class ToolTip {
         return mTextView;
     }
 
+    public Image getImaAboveLeft() {
+        return imaAboveCenter;
+    }
 
     public static class Builder {
         private final Context mContext;
         private final Text mTextView;
+        private final Image imaCenterAbove;
 
-        public Builder(Context context, Text textView) {
+        public Builder(Context context, Text textView,Image aboveCenterIma) {
             mContext = context;
             mTextView = textView;
+            imaCenterAbove = aboveCenterIma;
         }
 
         public ToolTip build() {
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipAnimator.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipAnimator.java
index e56e9c1..c058c10 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipAnimator.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipAnimator.java
@@ -2,6 +2,9 @@ package com.tomergoldst.tooltipshm;
 
 import ohos.agp.animation.AnimatorProperty;
 import ohos.agp.components.Component;
+import ohos.agp.components.DependentLayout;
+import ohos.agp.components.Image;
+import ohos.agp.components.Text;
 
 public interface ToolTipAnimator {
     /**
@@ -10,7 +13,7 @@ public interface ToolTipAnimator {
      * @param duration Duration for the animator.
      * @return ObjectAnimator
      */
-    AnimatorProperty popup(Component view, long duration);
+    AnimatorProperty popup(Text view, DependentLayout imaView, long duration);
 
     /**
      * Object animator for the tooltip view to pop-out/hide
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipBackgroundConstructor.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipBackgroundConstructor.java
index d77588a..7c5d841 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipBackgroundConstructor.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipBackgroundConstructor.java
@@ -16,9 +16,13 @@ limitations under the License.
 
 package com.tomergoldst.tooltipshm;
 
+import ohos.agp.colors.RgbColor;
+import ohos.agp.components.Image;
 import ohos.agp.components.Text;
 import ohos.agp.components.element.PixelMapElement;
+import ohos.agp.components.element.ShapeElement;
 import ohos.global.resource.NotExistException;
+import ohos.global.resource.Resource;
 
 import java.io.IOException;
 
@@ -26,7 +30,49 @@ class ToolTipBackgroundConstructor {
     /**
      * Select which background will be assign to the tip view
      */
-    static void setBackground(Text idAboveImageview, int imgResouse) {
+    static void setAboveBackground(Text idAboveImageview, Image imaLeftAbove, int imgResouse) {
+        ShapeElement shapeElement=new ShapeElement();
+        shapeElement.setShape(ShapeElement.RECTANGLE);
+        shapeElement.setRgbColor(new RgbColor(212, 35, 122));
+        shapeElement.setCornerRadius(20);
+        idAboveImageview.setBackground(shapeElement);
+        imaLeftAbove.setPixelMap(imgResouse);
+    }
+
+    static void setLeftBackground(Text idAboveImageview, Image imaLeftAbove, int imgResouse) {
+        ShapeElement shapeElement=new ShapeElement();
+        shapeElement.setShape(ShapeElement.RECTANGLE);
+        shapeElement.setRgbColor(new RgbColor(160, 219, 142));
+        shapeElement.setCornerRadius(20);
+        idAboveImageview.setBackground(shapeElement);
+        imaLeftAbove.setPixelMap(imgResouse);
+    }
+
+    static void setRightBackground(Text idAboveImageview, Image imaLeftAbove, int imgResouse) {
+        ShapeElement shapeElement=new ShapeElement();
+        shapeElement.setShape(ShapeElement.RECTANGLE);
+        shapeElement.setRgbColor(new RgbColor(139, 0, 0));
+        shapeElement.setCornerRadius(20);
+        idAboveImageview.setBackground(shapeElement);
+        imaLeftAbove.setPixelMap(imgResouse);
+    }
+
+    static void setBelowBackground(Text idAboveImageview, Image imaLeftAbove, int imgResouse) {
+        ShapeElement shapeElement=new ShapeElement();
+        shapeElement.setShape(ShapeElement.RECTANGLE);
+        shapeElement.setRgbColor(new RgbColor(255, 165, 0));
+        shapeElement.setCornerRadius(20);
+        idAboveImageview.setBackground(shapeElement);
+        imaLeftAbove.setPixelMap(imgResouse);
+    }
+
+    static void setBackground(Text idAboveImageview,int imgResouse) {
+        ShapeElement shapeElement=new ShapeElement();
+        shapeElement.setShape(ShapeElement.RECTANGLE);
+        shapeElement.setRgbColor(new RgbColor(212, 35, 122));
+        shapeElement.setCornerRadius(20);
+        idAboveImageview.setBackground(shapeElement);
+
         try {
             PixelMapElement pixelMapElement = new PixelMapElement(idAboveImageview.getResourceManager().getResource(imgResouse));
             idAboveImageview.setBackground(pixelMapElement);
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipCoordinatesFinder.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipCoordinatesFinder.java
index 7dea212..e5d92f8 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipCoordinatesFinder.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipCoordinatesFinder.java
@@ -21,17 +21,17 @@ import ohos.agp.utils.TextAlignment;
 
 class ToolTipCoordinatesFinder {
     public static void getPositionRightTo(String textRight, Text textView, Text rightImageView) {
-        float fy = textView.getContentPositionY() + textView.getEstimatedHeight() / 2 - rightImageView.getEstimatedHeight() / 2;
+       /* float fy = textView.getContentPositionY() + textView.getEstimatedHeight() / 2 - rightImageView.getEstimatedHeight() / 2;
         float fx = textView.getContentPositionX() + textView.getEstimatedWidth();
-        rightImageView.setContentPosition(fx, fy);
+        rightImageView.setContentPosition(fx, fy);*/
         rightImageView.setText(textRight);
         rightImageView.setTextAlignment(TextAlignment.CENTER);
     }
 
     public static void getPositionLeftTo(String textLeft, Text mtextView, Text leftImageView) {
-        float lefty = mtextView.getContentPositionY() + mtextView.getEstimatedHeight() / 2 - leftImageView.getEstimatedHeight() / 2;
+        /*float lefty = mtextView.getContentPositionY() + mtextView.getEstimatedHeight() / 2 - leftImageView.getEstimatedHeight() / 2;
         float leftx = mtextView.getContentPositionX() - 6 * mtextView.getEstimatedWidth() / 5;
-        leftImageView.setContentPosition(leftx, lefty);
+        leftImageView.setContentPosition(leftx, lefty);*/
         leftImageView.setText(textLeft);
         leftImageView.setTextAlignment(TextAlignment.CENTER);
     }
@@ -39,9 +39,9 @@ class ToolTipCoordinatesFinder {
     public static void getPositionBelow(String editText, Text idBelowimageView, Text textView) {
         idBelowimageView.setText(editText);
         idBelowimageView.setTextAlignment(TextAlignment.CENTER);
-        float leftBelowy = textView.getContentPositionY() + textView.getEstimatedHeight();
+       /* float leftBelowy = textView.getContentPositionY() + textView.getEstimatedHeight();
         float leftBelowx = textView.getContentPositionX() + textView.getEstimatedWidth() / 2 - idBelowimageView.getEstimatedWidth() / 2;
-        idBelowimageView.setContentPosition(leftBelowx, leftBelowy);
+        idBelowimageView.setContentPosition(leftBelowx, leftBelowy);*/
     }
 
     public static void getPositionAbove(Text idAboveImageview, Text textView) {
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
index 00b95cd..98ea83d 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
@@ -20,8 +20,12 @@ import com.ruffian.library.widget.component.RRadioButton;
 import ohos.agp.animation.Animator;
 import ohos.agp.animation.AnimatorProperty;
 import ohos.agp.components.*;
+import ohos.agp.components.element.PixelMapElement;
 import ohos.agp.utils.TextAlignment;
+import ohos.agp.window.dialog.ToastDialog;
+import ohos.global.resource.NotExistException;
 
+import java.io.IOException;
 import java.util.List;
 
 public class ToolTipsManager {
@@ -46,15 +50,40 @@ public class ToolTipsManager {
     private List<RRadioButton> checkList;
     private List<Button> buttons;
     private List<Text> texts;
+    private List<DependentLayout> dependentLayouts;
+    private List<Image> images;
     private Text textView;
     private DependentLayout dlInitLayout;
     private Text showTextView;
+    private Image imacenterAbove;
+    private Image imaAboveLeft;
+    private Image imaAboveRight;
+    private Image imaLeftCenter;
+    private Image imaRightCenter;
+    private Image imaBelowLeft;
+    private Image imaBelowCenter;
+    private Image imaBelowRight;
     private static final int ZERO = 0;
     private static final int FIRST = 1;
     private static final int TWO = 2;
     private static final int THREE = 3;
     private static final int FOUR = 4;
-
+    private static final int FIVE = 5;
+    private static final int SIX = 6;
+    private static final int SEVEN = 7;
+    private static final int Eight = 8;
+    private DependentLayout dlAboveleft;
+    private DependentLayout dlAboveCenter;
+    private DependentLayout dlAboveRight;
+    private DependentLayout leftDlView;
+    private DependentLayout rightDlView;
+    private DependentLayout dlBelowCenter;
+    private DependentLayout dlBelowLeft;
+    private DependentLayout dlBelowRight;
+    private Text tvAboveLeft;
+    private Text tvAboveRight;
+    private Text belowImageLeft;
+    private Text belowImageRight;
     /**
      * empty build ToolTipsManager
      */
@@ -66,21 +95,21 @@ public class ToolTipsManager {
     /**
      * ToolTipsManager
      *
-     * @param dlInitLayout
      * @param meditText
      * @param texts
      * @param buttons
      * @param checkList
      */
-    public ToolTipsManager(DependentLayout dlInitLayout,TextField meditText, List<Text> texts,
+    public ToolTipsManager(List<DependentLayout> dependentLayouts, List<Image> images, TextField meditText, List<Text> texts,
                            List<Button> buttons, List<RRadioButton> checkList) {
         this();
-        this.dlInitLayout = dlInitLayout;
         this.mEditText = meditText;
         this.texts = texts;
         this.checkList = checkList;
         this.buttons = buttons;
         this.texts = texts;
+        this.images = images;
+        this.dependentLayouts = dependentLayouts;
         this.checkboxLeft = checkList.get(ZERO);
         checkboxCenter = checkList.get(FIRST);
         checkboxRight = checkList.get(TWO);
@@ -95,18 +124,46 @@ public class ToolTipsManager {
         leftImageView = texts.get(TWO);
         rightImageView = texts.get(THREE);
         showTextView = texts.get(FOUR);
+        tvAboveLeft = texts.get(FIVE);
+        tvAboveRight = texts.get(SIX);
+        belowImageLeft = texts.get(SEVEN);
+        belowImageRight = texts.get(Eight);
+
+
+        dlAboveleft = dependentLayouts.get(ZERO);
+        dlAboveCenter = dependentLayouts.get(FIRST);
+        dlAboveRight = dependentLayouts.get(TWO);
+        dlInitLayout = dependentLayouts.get(THREE);
+        leftDlView = dependentLayouts.get(FOUR);
+        rightDlView = dependentLayouts.get(FIVE);
+        dlBelowLeft = dependentLayouts.get(SIX);
+        dlBelowCenter = dependentLayouts.get(SEVEN);
+        dlBelowRight =dependentLayouts.get(Eight);
+
+        imaAboveLeft = images.get(ZERO);
+        imacenterAbove = images.get(FIRST);
+        imaAboveRight = images.get(TWO);
+        imaLeftCenter = images.get(THREE);
+        imaRightCenter = images.get(FOUR);
+        imaBelowLeft = images.get(FIVE);
+        imaBelowCenter = images.get(SIX);
+        imaBelowRight = images.get(SEVEN);
 
         initCheckBoxLeft();
         checkboxCenterClick();
         checkBoxRightClick();
     }
 
-    /** tip show
+    /**
+     * tip show
+     *
      * @param tag
      * @param toolTip
      */
-    public void show(int tag,ToolTip toolTip) {
+    public void show(int tag, ToolTip toolTip) {
         Text tipView = toolTip.getmTextView();
+        Image imaAboveCenter = toolTip.getImaAboveLeft();
+        imacenterAbove = imaAboveCenter;
         showTextView = tipView;
         if (tag == FIRST) {
             showAbove();
@@ -119,36 +176,172 @@ public class ToolTipsManager {
         }
     }
 
-    private void create(Text idImageview, int resource) {
-        ToolTipBackgroundConstructor.setBackground(idImageview, resource);
+    private void createAbove(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setAboveBackground(idImageview,imaLeftAbove, resource);
+    }
+    private void createLeft(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setLeftBackground(idImageview,imaLeftAbove, resource);
+    }
+    private void createRight(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setRightBackground(idImageview,imaLeftAbove, resource);
+    }
+    private void createBelow(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setBelowBackground(idImageview,imaLeftAbove, resource);
     }
-
     /**
      * 展示顶部位置
      */
     public void showAbove() {
+        dlAboveCenter.setVisibility(Component.VISIBLE);
+        imacenterAbove.setVisibility(Component.VISIBLE);
         String textAbove = com.tomergoldst.tooltipshm.TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT : mEditText.getText().toString();
         idAboveImageview.setText(textAbove);
         idAboveImageview.setTextAlignment(TextAlignment.CENTER);
         idAboveImageview.setVisibility(Component.VISIBLE);
-        ToolTipCoordinatesFinder.getPositionAbove(idAboveImageview, showTextView);
-        create(idAboveImageview, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_down);
-        visable(idBelowimageView, leftImageView, rightImageView);
-        mToolTipAnimator.popup(idAboveImageview, mAnimationDuration).start();
-        idAboveImageview.setClickedListener(component -> findAndDismiss(idAboveImageview));
+        createAbove(idAboveImageview,imacenterAbove, ResourceTable.Media_arrow_down);
+        visableabove();
+        mToolTipAnimator.popup(idAboveImageview,dlAboveCenter, mAnimationDuration).start();
+        idAboveImageview.setClickedListener(component -> findAndDismiss(dlAboveCenter,imacenterAbove));
+    }
+
+    private void visableabove(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
+    }
+
+    public void showAboveLeft() {
+        dlAboveleft.setVisibility(Component.VISIBLE);
+        imaAboveLeft.setVisibility(Component.VISIBLE);
+        String textAbove = com.tomergoldst.tooltipshm.TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT : mEditText.getText().toString();
+        tvAboveLeft.setText(textAbove);
+        tvAboveLeft.setTextAlignment(TextAlignment.CENTER);
+        tvAboveLeft.setVisibility(Component.VISIBLE);
+        //ToolTipCoordinatesFinder.getPositionAbove(idAboveImageview, showTextView);
+        createAbove(tvAboveLeft,imaAboveLeft, ResourceTable.Media_arrow_down);
+        visableaboveLeft();
+        mToolTipAnimator.popup(tvAboveLeft,dlAboveleft, mAnimationDuration).start();
+        tvAboveLeft.setClickedListener(component -> findAndDismiss(dlAboveleft,imaAboveLeft));
+        imaAboveLeft.setClickedListener(component -> findAndDismiss(dlAboveleft,imaAboveLeft));
+    }
+
+    private void visableaboveLeft(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
+    }
+
+    public void showAboveRight() {
+        dlAboveRight.setVisibility(Component.VISIBLE);
+        imaAboveRight.setVisibility(Component.VISIBLE);
+        String textAbove = com.tomergoldst.tooltipshm.TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT : mEditText.getText().toString();
+        tvAboveRight.setText(textAbove);
+        tvAboveRight.setTextAlignment(TextAlignment.CENTER);
+        tvAboveRight.setVisibility(Component.VISIBLE);
+        //ToolTipCoordinatesFinder.getPositionAbove(idAboveImageview, showTextView);
+        createAbove(tvAboveRight,imaAboveRight, ResourceTable.Media_arrow_down);
+        visableaboveRight();
+        mToolTipAnimator.popup(tvAboveRight,dlAboveRight, mAnimationDuration).start();
+        dlAboveRight.setClickedListener(component -> findAndDismiss(dlAboveRight,imaAboveRight));
+    }
+
+    private void visableaboveRight(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
     }
 
     /**
      * 展示底部位置
      */
     public void showBelow() {
+        dlBelowCenter.setVisibility(Component.VISIBLE);
+        imaBelowCenter.setVisibility(Component.VISIBLE);
         String textBelow = com.tomergoldst.tooltipshm.TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT : mEditText.getText().toString();
+        createBelow(idBelowimageView,imaBelowCenter,ResourceTable.Media_media_up);
         idBelowimageView.setVisibility(Component.VISIBLE);
-        create(idBelowimageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_up);
         ToolTipCoordinatesFinder.getPositionBelow(textBelow, idBelowimageView, showTextView);
-        visable(idAboveImageview, leftImageView, rightImageView);
-        mToolTipAnimator.popup(idBelowimageView, mAnimationDuration).start();
-        idBelowimageView.setClickedListener(component -> findAndDismiss(idBelowimageView));
+        visableBelow();
+        mToolTipAnimator.popup(idBelowimageView,dlBelowCenter,mAnimationDuration).start();
+        idBelowimageView.setClickedListener(component -> findAndDismiss(dlBelowCenter,imaBelowCenter));
+        imaBelowCenter.setClickedListener(component -> findAndDismiss(dlBelowCenter,imaBelowCenter));
+    }
+
+    private void visableBelow(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
+    }
+
+    public void showBelowLeft() {
+        dlBelowLeft.setVisibility(Component.VISIBLE);
+        imaBelowLeft.setVisibility(Component.VISIBLE);
+        String textBelow = com.tomergoldst.tooltipshm.TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT : mEditText.getText().toString();
+        belowImageLeft.setText(textBelow);
+        belowImageLeft.setTextAlignment(TextAlignment.CENTER);
+        belowImageLeft.setVisibility(Component.VISIBLE);
+        createBelow(belowImageLeft,imaBelowLeft,ResourceTable.Media_media_up);
+        idBelowimageView.setVisibility(Component.VISIBLE);
+        //ToolTipCoordinatesFinder.getPositionBelow(textBelow, idBelowimageView, showTextView);
+        visableBelowLeft();
+        mToolTipAnimator.popup(belowImageLeft,dlBelowLeft,mAnimationDuration).start();
+        dlBelowLeft.setClickedListener(component -> findAndDismiss(dlBelowLeft,imaBelowLeft));
+    }
+
+    private void visableBelowLeft(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+
+        rightDlView.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
+    }
+
+    public void showBelowRight() {
+        dlBelowRight.setVisibility(Component.VISIBLE);
+        imaBelowRight.setVisibility(Component.VISIBLE);
+        String textBelow = com.tomergoldst.tooltipshm.TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT : mEditText.getText().toString();
+        createBelow(belowImageRight,imaBelowRight,ResourceTable.Media_media_up);
+        ToolTipCoordinatesFinder.getPositionBelow(textBelow, belowImageRight, showTextView);
+        visableBelowRight();
+        mToolTipAnimator.popup(belowImageRight,dlBelowRight,mAnimationDuration).start();
+        dlBelowRight.setClickedListener(component -> findAndDismiss(dlBelowRight,imaBelowRight));
+    }
+
+    private void visableBelowRight(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
     }
 
     /**
@@ -157,26 +350,55 @@ public class ToolTipsManager {
      * @param
      */
     public void showLeft() {
+        leftDlView.setVisibility(Component.VISIBLE);
+        imaLeftCenter.setVisibility(Component.VISIBLE);
         String textLeft = TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT_SMALL : mEditText.getText().toString();
         leftImageView.setVisibility(Component.VISIBLE);
-        create(leftImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_right);
-        ToolTipCoordinatesFinder.getPositionLeftTo(textLeft, showTextView, leftImageView);
-        visable(idAboveImageview, idBelowimageView, rightImageView);
-        mToolTipAnimator.popup(leftImageView, mAnimationDuration).start();
-        leftImageView.setClickedListener(component -> findAndDismiss(leftImageView));
+        createLeft(leftImageView,imaLeftCenter, ResourceTable.Media_arrow_left);
+        leftImageView.setText(textLeft);
+        leftImageView.setTextAlignment(TextAlignment.CENTER);
+        visableLeft();
+        mToolTipAnimator.popup(leftImageView,leftDlView,mAnimationDuration).start();
+        leftImageView.setClickedListener(component -> findAndDismiss(leftDlView,imaLeftCenter));
+        imaLeftCenter.setClickedListener(component -> dismissAll());
+    }
+
+    private void visableLeft(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
     }
 
     /**
      * 展示右侧位置
      */
     public void showRight() {
+        rightDlView.setVisibility(Component.VISIBLE);
+        imaRightCenter.setVisibility(Component.VISIBLE);
         String textRight = TextUtils.isEmpty(mEditText.getText()) ? TIP_TEXT_LARGE : mEditText.getText().toString();
-        rightImageView.setVisibility(Component.VISIBLE);
-        create(rightImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_left);
+        rightDlView.setVisibility(Component.VISIBLE);
+        createRight(rightImageView,imaRightCenter, ResourceTable.Media_arrow_right);
         ToolTipCoordinatesFinder.getPositionRightTo(textRight, showTextView, rightImageView);
-        visable(idAboveImageview, idBelowimageView, leftImageView);
-        mToolTipAnimator.popup(rightImageView, mAnimationDuration).start();
-        rightImageView.setClickedListener(component -> findAndDismiss(rightImageView));
+        visableRight();
+        mToolTipAnimator.popup(rightImageView,rightDlView, mAnimationDuration).start();
+        rightImageView.setClickedListener(component -> findAndDismiss(rightDlView,imaRightCenter));
+        imaRightCenter.setClickedListener(component -> findAndDismiss(rightDlView,imaRightCenter));
+    }
+
+    private void visableRight(){
+        dlInitLayout.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowRight.setVisibility(Component.HIDE);
     }
 
     /**
@@ -202,10 +424,14 @@ public class ToolTipsManager {
         animatorValue.setTarget(dlInitLayout);
         animatorValue.start();
         dlInitLayout.setVisibility(Component.HIDE);
-        idAboveImageview.setVisibility(Component.HIDE);
-        idBelowimageView.setVisibility(Component.HIDE);
-        rightImageView.setVisibility(Component.HIDE);
-        leftImageView.setVisibility(Component.HIDE);
+        dlAboveRight.setVisibility(Component.HIDE);
+        dlAboveleft.setVisibility(Component.HIDE);
+        dlAboveCenter.setVisibility(Component.HIDE);
+        rightDlView.setVisibility(Component.HIDE);
+        leftDlView.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
+        dlBelowCenter.setVisibility(Component.HIDE);
+        dlBelowLeft.setVisibility(Component.HIDE);
     }
 
     /**
@@ -225,9 +451,10 @@ public class ToolTipsManager {
      *
      * @param view
      */
-    public void findAndDismiss(Text view) {
+    public void findAndDismiss(DependentLayout view,Image image) {
         view.setVisibility(Component.HIDE);
-        isAnimateDismiss(view);
+        image.setVisibility(Component.HIDE);
+        isAnimateDismiss(view,image);
     }
 
     /**
@@ -235,10 +462,11 @@ public class ToolTipsManager {
      *
      * @param view
      */
-    private void isAnimateDismiss(final Text view) {
+    private void isAnimateDismiss(final DependentLayout view,Image image) {
         AnimatorProperty abovePopup = new AnimatorProperty();
         abovePopup.alphaFrom(0).alpha(0).setCurveType(new Animator.CurveType().ANTICIPATE).setDuration(1000);
         abovePopup.setTarget(view);
+        abovePopup.setTarget(image);
         abovePopup.start();
     }
 
@@ -256,29 +484,29 @@ public class ToolTipsManager {
                     mAboveBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
-                            showAbove();
-                            create(idAboveImageview, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_down_left);
+                            showAboveLeft();
+                            createAbove(idAboveImageview,imaAboveLeft, ResourceTable.Media_arrow_down);
                         }
                     });
                     mBelowBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
-                            showBelow();
-                            create(idBelowimageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_up_left);
+                            showBelowLeft();
+                            createBelow(idBelowimageView,imaBelowLeft,ResourceTable.Media_media_up);
                         }
                     });
                     mLeftToBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
                             showLeft();
-                            create(leftImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_right);
+                            createLeft(leftImageView,imaLeftCenter, ResourceTable.Media_arrow_left);
                         }
                     });
                     mRightToBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
                             showRight();
-                            create(rightImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_left);
+                            createRight(rightImageView,imaLeftCenter,ResourceTable.Media_arrow_right);
                         }
                     });
                 }
@@ -301,14 +529,14 @@ public class ToolTipsManager {
                         @Override
                         public void onClick(Component component) {
                             showAbove();
-                            create(idAboveImageview, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_down);
+                            createAbove(idAboveImageview,imacenterAbove, ResourceTable.Media_arrow_down);
                         }
                     });
                     mBelowBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
                             showBelow();
-                            create(idBelowimageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_up);
+                            createBelow(idBelowimageView,imaBelowCenter,ResourceTable.Media_media_up);
                         }
                     });
 
@@ -316,8 +544,7 @@ public class ToolTipsManager {
                         @Override
                         public void onClick(Component component) {
                             showLeft();
-                            leftImageView.setVisibility(Component.VISIBLE);
-                            create(leftImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_right);
+                            createLeft(leftImageView,imaLeftCenter, ResourceTable.Media_arrow_left);
                         }
                     });
 
@@ -325,7 +552,7 @@ public class ToolTipsManager {
                         @Override
                         public void onClick(Component component) {
                             showRight();
-                            create(rightImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_left);
+                            createRight(rightImageView,imaLeftCenter,ResourceTable.Media_arrow_right);
                         }
                     });
                 }
@@ -347,16 +574,16 @@ public class ToolTipsManager {
                     mAboveBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
-                            showAbove();
-                            create(idAboveImageview, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_down_right);
+                            showAboveRight();
+                            createAbove(tvAboveRight,imaAboveRight, ResourceTable.Media_arrow_down);
                         }
                     });
 
                     mBelowBtn.setClickedListener(new Component.ClickedListener() {
                         @Override
                         public void onClick(Component component) {
-                            showBelow();
-                            create(idBelowimageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_up_right);
+                            showBelowRight();
+                            createBelow(idBelowimageView,imaBelowRight,ResourceTable.Media_media_up);
                         }
                     });
 
@@ -364,7 +591,7 @@ public class ToolTipsManager {
                         @Override
                         public void onClick(Component component) {
                             showLeft();
-                            create(leftImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_right);
+                            createLeft(leftImageView,imaLeftCenter, ResourceTable.Media_arrow_left);
                         }
                     });
 
@@ -372,7 +599,7 @@ public class ToolTipsManager {
                         @Override
                         public void onClick(Component component) {
                             showRight();
-                            create(rightImageView, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_left);
+                            createRight(rightImageView,imaLeftCenter, ResourceTable.Media_arrow_right);
                         }
                     });
                 }
diff --git a/tooltips/src/main/resources/base/media/arrow_down.png b/tooltips/src/main/resources/base/media/arrow_down.png
new file mode 100644
index 0000000000000000000000000000000000000000..12a3826ed8ba1a93b7c18f727bdfa034c9e4cd68
GIT binary patch
literal 1156
zcmV-~1bh35P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF000C_Nkl<ZcwX(A
zTZr6b6vzK3E3MEMAH^F(lD61Md|ID;@}<GrVx?NC_CXW`5d@*MGZ|~Q*kpDUK`0bK
z6htf4O0D&}D~N(GiddLSTQ!-gU=<dGqVz&{awJn1yX{=QBwuFDOy+4|&iSAJ`Q?0*
z%NN3!e`w76M-CvLfH5bKFM%;1fc#G|Ujq3O7;^&o66iMo#|x#x3T5K10K7VjgQ5UG
zLJ3Y5z3Jn<{P&!Ix^9;VsDQC5i_Kr*`5aSlujx&H*{zSR0Gev$5hi{s<Bcz|e}UUK
zOtxmuUfoky01eeX2EwLM0sznphVSeW1EAY~kHF|J>6L(^Mc=(&41i{T3*gStngARz
ze0Pf&0KHNLb7_<SFk`RTa;Jm<)YRRkLhah903hHDEnsrpFYfO`0K%ZAR@uSe7e@gC
zGd*dxoL7WTgNuQ6)qax*+cOP;=z!rlPer~E>P$gl>c(K=;v9j@j6(SO!ub`}<e8~+
zu>gcg4c)fD_$-3}&XU4b@u%uH{k#j^3^la!PJm{z1%aP1{OYTNJPQH%cM=YQ@$ewQ
z|HJPD>@WK6(;{Ak0eru9=S?dYuA61R5D{Lk7zVz&p8m2{d;2encn}5<iq$mx9tHSB
zM0i<Zi2mdNmf3Q?6RjT!KxZka_AU^nMGFiwjv0@eE%)^(H6sJ)K+wu>1GFtlq10oE
zUN$`EnW%MQ0r+7}<>pImo&&HhYQc2k`HOjfrFA!^7NY9M0uUBCp_VrUL?1^jm_qzK
zQDF6Z?3MUBpqD`Bu^Gcnp{WRx{HWnq--wW~BsBH}EUMJC@*x5}6xTqKJO*AeeRoF^
z4G91$w-PW5@a;*AM9pQ!=Vr@YA2sjl_{0E0!Ma-BNJJkdH6xx+e{jH-dD>0<%t8u)
z(0Eg?*v#yRHxWOQh_)9!=U{w=|1zZk=s?iycNo|z!&q;P?oW5))|3jMq3*ej=+Ybm
zYvURkaLW3$=(`(aYD)zW8f)m4O<+DI(`2Z{z;6n*t)e&6l&LKpKnH?WeioqTWf}#r
z&G6krk~PzNL!_bFhe3EihGAw@&6aD+&`RYr*v;6<LaET6P{R9#WIM}59~qvL+BRJ(
zOJEU5O|RUiFdt2D<bDm>Y~As5^;80lzNx7K2rJjr@^cE&-Z%{q(bl5p9FCJKnv*(!
z%V!4rJut4>m+Nnm_8GpjTeOk5aYF%6TT@b%wlWJq7c}~T;k%m!V-tl91wiQVgjU`h
zfZiYEmKmoN3f33>X>U-hjNgX_AT--l?LADmW{395Mwoev*{U9q(VU3JPyt-NNV4Ar
z@L)G{y|%DL8i^Y-bO52zx^BNljK>yDGcXUvfo}WvaT^oOTNVJF<)D@HfN)Frz1JID
zqD>@;TQ&emOv}v80m!78MXh`SvUt>Fdd??6Ce18r<r9#_qbAdHJ^?amW>IVGC*U6j
W_bpKEplwh90000<MNUMnLSTYH#~q0P

literal 0
HcmV?d00001

diff --git a/tooltips/src/main/resources/base/media/arrow_left.png b/tooltips/src/main/resources/base/media/arrow_left.png
new file mode 100644
index 0000000000000000000000000000000000000000..220079b5ae71ba181b1d5bebddf70b95e4104388
GIT binary patch
literal 376
zcmV-;0f+vHP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF0003$Nkl<ZcwX(>
zQ4Iny6hu*04Z6^P0T2Kdz!t#^OV$GWX68;p|J&xC^snu5*f}1r+vRjTUv@4No4)Mb
z`T4%D>u0^TB8&iRh^+`?0Idk40F4Oa0Br~ofF=YPKnsEtpaDS+Ku53ukP&PER0Jyk
z5y1{XLx=#75MlrngeU+3Ar6p6Kma5WFaRk86hHz22jE6P0yq({04@YHfCB*!phl<w
zP$JX-s1T|E6bN+y(+HISlL)l{QwV>6iT43}*Z5`r)OCF237CrC;OhV;<LdyX<EsD^
z@ihRd_zD1JJRU$Dj|OnWV*y<8NC0O%4!|9c0!YMT08;S?fMk3eARQkCAjHQ2DDe>h
zQoJ327H<V0#@hg>@fHAbyc~cYF9m3bmjSfIO8}bU#{t^nM*$k+#{gR6M*!Nt&wl~2
WO88JTFt5}A0000<MNUMnLSTYXn1hf2

literal 0
HcmV?d00001

diff --git a/tooltips/src/main/resources/base/media/arrow_right.png b/tooltips/src/main/resources/base/media/arrow_right.png
new file mode 100644
index 0000000000000000000000000000000000000000..5e129217bce00ec25093a97a8b39218bd248a831
GIT binary patch
literal 469
zcmV;`0V@89P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF0004;Nkl<ZcwX(B
zL2kn!5Jf*dM{d*JrrqWct-DM1?Lm6CRy09E5l-R^ApU&V+cJ-N-(zeCh>svXe@p<g
z0>lYS1(*w90bcgNk7W+D6|ewr01kWDf}9e-Cvf})UgOG30eA;?0r(EUb1Hio0MT~<
zUjTNw^AZ4(@1?MF58wkhhO_Td0HW_tr;?AQzdBr2z?$z86>!aW_W*AB?iRqkzPkjl
z#dmiAw)*Z0z$3o90ATT*9)Q(%Y5+BSrv<P82b?xAs*j;t;o81aRX_{hX#lkHodQ5h
z--ia!!}nnU^zwa306l%5015<#=mVq`NQ)vJf_Y`i-Ucrq{J*%Y-uRE20i}ud%7r09
zaBZb~<igMZ5}1~`Kmj0vXw@*$060S^zT&ooB^7`;(b~B{2OzDs?6!FAeu1_EvO9z+
z7w7?4bHN1wOD?zq@JPSl4#3ua!6kq#x!@MSy}95Xz^z=60B|iAWB{aGko{OXZ=q#B
zmoGg>NGWi+Zy^24jAaugKbG>BnOc*N=a~R%(quf>tN_MUt9i|THsNYPxEw;H00000
LNkvXXu0mjf&`HW=

literal 0
HcmV?d00001

-- 
Gitee


From b4b52a115a786905eee521087d69c071b641e476 Mon Sep 17 00:00:00 2001
From: chentianyu <18756170827@163.com>
Date: Thu, 27 May 2021 14:54:34 +0800
Subject: [PATCH 2/5] =?UTF-8?q?tooltips=E4=BB=A3=E7=A0=81=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
index 98ea83d..b3adbea 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
@@ -20,12 +20,8 @@ import com.ruffian.library.widget.component.RRadioButton;
 import ohos.agp.animation.Animator;
 import ohos.agp.animation.AnimatorProperty;
 import ohos.agp.components.*;
-import ohos.agp.components.element.PixelMapElement;
 import ohos.agp.utils.TextAlignment;
-import ohos.agp.window.dialog.ToastDialog;
-import ohos.global.resource.NotExistException;
 
-import java.io.IOException;
 import java.util.List;
 
 public class ToolTipsManager {
-- 
Gitee


From 31cf49dad4f5f00c7803c5b7489ccbf1639315ab Mon Sep 17 00:00:00 2001
From: chentianyu <18756170827@163.com>
Date: Thu, 27 May 2021 14:57:50 +0800
Subject: [PATCH 3/5] =?UTF-8?q?tooltips=E4=BB=A3=E7=A0=81=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
index b3adbea..c1537ad 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
@@ -198,6 +198,7 @@ public class ToolTipsManager {
         visableabove();
         mToolTipAnimator.popup(idAboveImageview,dlAboveCenter, mAnimationDuration).start();
         idAboveImageview.setClickedListener(component -> findAndDismiss(dlAboveCenter,imacenterAbove));
+        dlAboveCenter.setClickedListener(component -> findAndDismiss(dlAboveCenter,imacenterAbove));
     }
 
     private void visableabove(){
-- 
Gitee


From 88fbd17697ae277220bf90f95aa5937c8b9fd900 Mon Sep 17 00:00:00 2001
From: chentianyu <18756170827@163.com>
Date: Thu, 27 May 2021 17:19:20 +0800
Subject: [PATCH 4/5] =?UTF-8?q?tooltips=E4=BB=A3=E7=A0=81=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/build.gradle      | 2 +-
 tooltips/build.gradle | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/build.gradle b/app/build.gradle
index 9d526d8..31f1b23 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -21,7 +21,7 @@ dependencies {
     implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
     testImplementation 'junit:junit:4.13'
     ohosTestImplementation 'com.huawei.ohos.testkit:runner:1.0.0.100'
-    implementation('com.gitee.chinasoft_ohos:RWidgetHelper:0.0.3-SNAPSHOT')
+    implementation('com.gitee.chinasoft_ohos:RWidgetHelper:0.0.1-SNAPSHOT')
     implementation project(path : ':tooltips')
 
 }
diff --git a/tooltips/build.gradle b/tooltips/build.gradle
index f6bde8b..4b5173f 100644
--- a/tooltips/build.gradle
+++ b/tooltips/build.gradle
@@ -17,6 +17,6 @@ ohos {
 
 dependencies {
     implementation fileTree(dir: 'libs', include: ['*.jar'])
-    implementation('com.gitee.chinasoft_ohos:RWidgetHelper:0.0.3-SNAPSHOT')
+    implementation('com.gitee.chinasoft_ohos:RWidgetHelper:0.0.1-SNAPSHOT')
     testImplementation 'junit:junit:4.13'
 }
-- 
Gitee


From b61abb26ef46d0f549a38b1389f664aa6ac64a06 Mon Sep 17 00:00:00 2001
From: chentianyu <18756170827@163.com>
Date: Fri, 28 May 2021 09:28:36 +0800
Subject: [PATCH 5/5] =?UTF-8?q?tooltips=E4=BB=A3=E7=A0=81=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/base/layout/ability_main.xml    |  19 +++++++++---------
 .../main/resources/base/media/arrow_down.png  | Bin 1156 -> 1156 bytes
 .../main/resources/base/media/arrow_left.png  | Bin 376 -> 383 bytes
 .../main/resources/base/media/arrow_right.png | Bin 469 -> 561 bytes
 .../main/resources/base/media/media_up.png    | Bin 662 -> 319 bytes
 5 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/src/main/resources/base/layout/ability_main.xml b/app/src/main/resources/base/layout/ability_main.xml
index d26b0f7..3fef582 100644
--- a/app/src/main/resources/base/layout/ability_main.xml
+++ b/app/src/main/resources/base/layout/ability_main.xml
@@ -92,7 +92,7 @@
                 ohos:vertical_center="true"
                 ohos:background_element="$graphic:background_text_right"
                 ohos:right_of="$id:ima_right_center"
-                ohos:left_margin="-10vp"
+                ohos:left_margin="-3vp"
                 />
 
             <Image
@@ -171,6 +171,7 @@
                 ohos:text_weight="700"
                 ohos:top_padding="10vp"
                 ohos:vertical_center="true"
+                ohos:bottom_margin="6vp"
                 />
 
             <Image
@@ -209,7 +210,7 @@
                 ohos:top_padding="10vp"
                 ohos:padding="15vp"
                 ohos:align_parent_left="true"
-                ohos:bottom_margin="-10vp"
+                ohos:bottom_margin="-3vp"
                 />
 
             <Image
@@ -217,7 +218,7 @@
                 ohos:below="$id:above_view_left"
                 ohos:height="match_content"
                 ohos:width="match_content"
-                ohos:left_padding="5vp"
+                ohos:left_padding="10vp"
                 ohos:image_src="$media:arrow_down"
                 ohos:align_parent_left="true"
                 />
@@ -248,7 +249,7 @@
                 ohos:top_padding="10vp"
                 ohos:padding="15vp"
                 ohos:align_parent_right="true"
-                ohos:bottom_margin="-10vp"
+                ohos:bottom_margin="-3vp"
                 />
 
             <Image
@@ -256,7 +257,7 @@
                 ohos:below="$id:above_view_right"
                 ohos:height="match_content"
                 ohos:width="match_content"
-                ohos:right_padding="5vp"
+                ohos:right_padding="10vp"
                 ohos:image_src="$media:arrow_down"
                 ohos:align_parent_right="true"
                 />
@@ -335,7 +336,7 @@
                 ohos:id="$+id:ima_below_left"
                 ohos:height="match_content"
                 ohos:width="match_content"
-                ohos:left_padding="5vp"
+                ohos:left_padding="10vp"
                 ohos:image_src="$media:media_up"
                 ohos:horizontal_center="true"
                 ohos:align_parent_left="true"
@@ -346,7 +347,7 @@
                 ohos:height="match_content"
                 ohos:width="match_content"
                 ohos:below="$id:ima_below_left"
-                ohos:text=""
+                ohos:text="dsadsad"
                 ohos:padding="12fp"
                 ohos:multiple_lines="true"
                 ohos:text_color="$color:colorWhile"
@@ -372,7 +373,7 @@
                 ohos:id="$+id:ima_below_right"
                 ohos:height="match_content"
                 ohos:width="match_content"
-                ohos:left_padding="5vp"
+                ohos:right_padding="5vp"
                 ohos:image_src="$media:media_up"
                 ohos:horizontal_center="true"
                 ohos:align_parent_right="true"
@@ -383,7 +384,7 @@
                 ohos:height="match_content"
                 ohos:width="match_content"
                 ohos:below="$id:ima_below_right"
-                ohos:text="dsaDsadsadsadsadsadasdasdsad"
+                ohos:text="dsaDsadsad"
                 ohos:padding="12fp"
                 ohos:multiple_lines="true"
                 ohos:text_color="$color:colorWhile"
diff --git a/tooltips/src/main/resources/base/media/arrow_down.png b/tooltips/src/main/resources/base/media/arrow_down.png
index 12a3826ed8ba1a93b7c18f727bdfa034c9e4cd68..e65f328d1bbb995ddc7d0acbd97633b39fef0847 100644
GIT binary patch
delta 1040
zcmV+r1n>KV34{rMiBL{Q4GJ0x0000DNk~Le0000W0000W2nGNE0CReJ^Z)<=0drDE
zLIAGL9O(c600d`2O+f$vv5yP<VFdsH010qNS#tmY4#NNd4#NS*Z>VGd00HDlL_t(o
zNA1=>ECW#-2k_s!mVtqY#Uxr1dMy&Mi%}#U#EK>zBnF#*NK*;X9)n3lVq=mRh=?$V
z5U~i0e<kUaF2tY{5|Vq*d%a(aR_ls35%*c{_x<J4_shF?xq`{`?-9JhS)H$$GFpx?
zzceZ4x>Als86V)JcDRi&X@!@C8Gu2INwmuqp4^eJB@||Hfj|XT5Fg;VEVj=t8=@`*
zzU>>&Wi?`d&9^gfUhS)*R#@d_tKP|*L#wsOU4J=tBSP{KIHJlequ}M`wcg2#C{T+x
zvAB@jfrK-=znuYH<7J87`87`xliZF-U<-5H`$HHftATAoz=QGkFyc*JTu2*0ki*K7
zM92WfA0t2posr-o#t%LnKyZYEvy8zg#vdR7Sq)BqV@Q*B22!2cd^7y6Z|w&E@i|#l
z`Z0d$%K?N_yKjkKy7gq(vQt&Mu+AvsBY01Hc=0fRU5rNTX{9ecSZ8HufTp{tM++sr
zybS4`EC^g!wBnwo<EcmNWM$|PB!uiEEfnY`16GNxRQH6E4*4p0fcZ;?b|9fa9Y4~5
zW!zeS{?_#7vbd1b079dx@Q)Vj!<fXk(&LIK>lh8oc>uwwPAu?4IfRja-eHKpZu1xm
zNBofq+5DXtO(xS{1n>$MZim*R|6x!70000<MNUMnLSTYX<GbxNUb0mHDQFr|M7+o0
z{t?hmjeo{b$!r%u(#`M~4Wj+~5k=rwAa3k`>G`(ifbCXjk3d7h(>($$cN4*Q<OYYf
z?WqT3ti)F7;N;!!2z0WW{SY_XIouOR3UD1JH-9COHXk_8Dfb{Q{Pra~<TE+5Cyoq(
zjOF^i7SMchHa?!tI8A&_qPTq49CobGjut>#svo$B8pz?`NblMrg^;?U$A%ppYEHj@
zBm~!tSrn<F4kD!yolZAia=ZYN9v_}?c8?(X3Z3iia(oDEwbVE;LJ#QS&>kUZt&h02
z;c~SA(sJW~{N`*82^0|3<Hk)6UEz8G=%9itjSu9?(3;K^N3QjLGu(=@3@&nI4%kXI
zK%}6ZE(@G0#v&wZ+T3ou<a!UtpyjcD88w`yK5>jw`Fw+vuQjkXR7$~YbG-*-(DJw_
zQlj8oAW&=bs_~L%1(2*g0z%$NO(3=f&4)7_dcxBJNV;i6X=2P-8U<ia&<u}r=o!!E
zfbFcG)r5AJUZ9qy{3p5@p5#9%ilQirq9}@@D2n1HfWLLG0AB;#h$jF5002n`MNUMn
KLSTZE{{w|Jk=w@r

delta 1040
zcmV+r1n>KV34{rMiBL{Q4GJ0x0000DNk~Le0000$0000$2nGNE0IF$m-T(juOG!jQ
zRCr$Pnp=q6WE98$Co8Sc7azqNLz1@GNqkzLeDbBi+G3?zsrEq>1Q7(Gv@;oNx7cKM
z6+tKzK@>zQ)k>}Px+{o+FN#>0OItOWs$dlsgrf99cXA|uQy07KT)re<X3b3IX<*Lz
zpa1#ge3Q!;!kB+(%=<?UAfJFSCy+0JF&}{ZPcUBs`4Sj&0{If?Hvq>ArNRnj;;sO^
zI*Ws%06#(rP8PlC<GuX%oPfG+mkFqVu_}wrU*Y*2Q*f{8O@G;~kFEfkYUL3oek<dR
zFR_1t+c!*qwr0*=-BVWp4b?sd!lqFI0MHAD@9Yu-pxb|s!00dOm4Kr~-@RW9fM$OS
z;Lg#S030!VcZ(PRy;22pX_NpkW3SnAr-T61)ZL~+?b@gSAm9uwU~=6r?(aeX!l0&B
z*}>o!M*#veJ!!U_SA<W4i-C33ev=5>GYx_0fZ;iRPer~E>P$gl>c(K=;v9j@j6(SO
z!ub`}<e8~+u>gcg4c)fD_$-3}&XU4b@u%uH{k#j^3^la!PJm{z1%aP1{OYTNJPQH%
zcM=YQ@$ewQ|HJPD>@WK6(;{Ak0eru9=S?dYuA61R5D{Lk7zVz&p8m2{d;2encn}5<
ziq$lK`yK`OL_~O5Vu=3a0G8Quz7wq<2|#BlsP--prbP=3GmaULn=SYCC^aJk=s?iQ
zZv(U~N}<$aiC#85=b5N=VgdMJP37iGZJq<LE^5Ja;`xhtf2DOdrWT^=#{v)*IiZ#}
z1VkT4Eto?5JW*ivd+e3?I-r+8=dl^XO`)lO2$KA$;aA^?kgy~)_5>`d)V1;<0zDMh
zK$1KLUNU`mM-mMQ04lc<FbnYQNsL6zWya@b%UvHe@9Ox(07AjKTHZ)RA0{;;o=<;p
zz?OO1P5jJ43V_gfQ?J;}?1(oJKaz;H7d_`-e1-oqr2*(b(Cl{@*eb(VZ;kFxcjMN7
zlnS7s?zxTV(i{V8;~E-p%KEhEyBlO`O9c=bYv`3tU_K_(WT?f!Zwj@oqBql&sVyBq
z2ZC097NF;48U?V;@ZCd_HPd@Tq@mh}L3luhVP;g#mTSw<O64@z&DhC8snDKK!uy3}
zJIh2L8J?5cHeD)9U=c`7uiU3FA5Cz7<bDm>Y~As5^;80lzNx7K2rJjr@^cE&-Z%{q
z(bl5p9FCJKnv*(!%V!4rJut4>m+Nnm_8GpjTeOk5aYF%6TT@b%wlWJq7c}~T;k%m!
zV-tl91wiQVgjU`hfZiYEmKmoN3f33>X>U-hjNgX_AT--l?LADmW{395MwodAi`l9k
Kk<px!{{w}_VClsG

diff --git a/tooltips/src/main/resources/base/media/arrow_left.png b/tooltips/src/main/resources/base/media/arrow_left.png
index 220079b5ae71ba181b1d5bebddf70b95e4104388..b40ceed3deca1e92310870dfdb7f640acf079fc6 100644
GIT binary patch
delta 356
zcmV-q0h|8#0{;S#B!5OpL_t(|UhUYi4Z<)KgkcAT9aw<9fRYYcB;<;M1t=Mfk|iQQ
zKm%oj?%j|4(#P_BJ}0uf()iOgp1&kOHlT5V+yadkAU}e+1#$~CE|6QG@dD&uK)wZP
zt&>{ojoLIh!1;2Vb;ESOm~YlZgdl+aT1s~!A_M|F*Pn+F41d5wFaWR+OaL4NBLD-z
z4B$rq0C*7~06qi|fCm8v5RU)^h(&+`#36tIVi4c}dW1g!&?5W=z`c~+a=tw%E>!RU
z%J8plDO5kld|!z@Z-mA_>hNfQi11i|sPIUD$nZFT=<p~2M|cc?D?9?g8Qu=y4sQh@
zgtq}u!dn1H;a$T4XyHQvh~dKk%FwS==lStx%<nhk$KhWmsD3{I)WY=fvjOxKQqM0N
zpcbZ&pADd|ka~XE0JSiE{A>Vyh1B!Q2B?MU<39lTDc(Vw#q|gP0000<MNUMnLSTXc
Cbetgo

delta 349
zcmV-j0iyo@0{8-uB!53iL_t(|UhUga4FWL~L{U}^y3l|D5C9gy7QqWk)&l!x=1xNY
z+vcA1ukCW!IUcXu<#aq>b}kc}zU<xk`M$5~XT7!}i~wwitq5ZPtq7w4jR@laZ3q&8
zCIlHk3xX7&0YMHxN3Z~p5o`cd1S<d$!45z}hyaifVgM9`D1QI}Ar6p6Kma5WFaRk8
z6hHz22jE6P0yq({04@YHfCB*!phl<wP$JX-s1T|E6bN+y(+HISlL)l{QwV>6iT43}
z*Z5`r)OCF237CrC;OhV;<LdyX<EsD^@ihRd_zD1JJRU$Dj|OnWV*y<8NC0O%4!|9c
z0!YMT08;S?fL3ID93UMZ1t7%704VVh08+difEI5BAjaDOsPPs6a=aXX9xnxGh?fDh
v#7h90;>Q8n;zt1*<HrD6<3|A6zt4XGu}b(*G%&B!00000NkvXXu0mjfml%P?

diff --git a/tooltips/src/main/resources/base/media/arrow_right.png b/tooltips/src/main/resources/base/media/arrow_right.png
index 5e129217bce00ec25093a97a8b39218bd248a831..1f3740d6d0b0c19c1464c11e97b7110ef80d2eef 100644
GIT binary patch
literal 561
zcmV-10?z%3P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0mey0K~z{r#h0-!
z1VI$WAE7~Ug+@iI5s9c2M0X-l2!%#;LLtIY35Ci@BtoIn2?Y`EP9Y)DiAJa751^1x
z34U*9R4%u(JF~f8GI?*lP44?<cCx!C^`^nr;2elFzl#iLUl6&C#40q}8k8N84$RMK
zZy0A=BE8XtDg+Nu6zTag=6Rz?j&07_{vSaDU_OkQn)e$eo?rnmpZpQIV02l@i68;C
zMdm2StiHu4?sx}a<?F0^-%b<b6@ZoRQ8vsh9jOAa>Q>B8Soyq_Qj<6U#+?|K7!y|V
zB2fU$`@Tgg9JWC#dE*=a^E|7*!o1r`L2wFy`84Kb+IFLaBQ^jBu7LTWod&070L+Id
zyi2m9W&kd>*)}t323Qigq^y`(HpHF*J|>Esff+juPHX^$Ezm<a%6N^0fH(zE*ohJk
zp%L0AqlCdZfU+ub-(<dY?u_D3q5#UG$TLMloJN8ti32Fyjt|B-Eg!#rqzdo{A!d0u
zY}#omyaFi8B5RZdGfR$l0EL~{WhbU+KaJu}kN^rhaYPwoyhMT{!2&4k#5F&tAs&np
zPtX7g?~g|wSQ?^Y6nV3wD%`qkaQ$;yXGDGh`YKDN3Adq500000NkvXXu0mjfA&TF$

literal 469
zcmV;`0V@89P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF0004;Nkl<ZcwX(B
zL2kn!5Jf*dM{d*JrrqWct-DM1?Lm6CRy09E5l-R^ApU&V+cJ-N-(zeCh>svXe@p<g
z0>lYS1(*w90bcgNk7W+D6|ewr01kWDf}9e-Cvf})UgOG30eA;?0r(EUb1Hio0MT~<
zUjTNw^AZ4(@1?MF58wkhhO_Td0HW_tr;?AQzdBr2z?$z86>!aW_W*AB?iRqkzPkjl
z#dmiAw)*Z0z$3o90ATT*9)Q(%Y5+BSrv<P82b?xAs*j;t;o81aRX_{hX#lkHodQ5h
z--ia!!}nnU^zwa306l%5015<#=mVq`NQ)vJf_Y`i-Ucrq{J*%Y-uRE20i}ud%7r09
zaBZb~<igMZ5}1~`Kmj0vXw@*$060S^zT&ooB^7`;(b~B{2OzDs?6!FAeu1_EvO9z+
z7w7?4bHN1wOD?zq@JPSl4#3ua!6kq#x!@MSy}95Xz^z=60B|iAWB{aGko{OXZ=q#B
zmoGg>NGWi+Zy^24jAaugKbG>BnOc*N=a~R%(quf>tN_MUt9i|THsNYPxEw;H00000
LNkvXXu0mjf&`HW=

diff --git a/tooltips/src/main/resources/base/media/media_up.png b/tooltips/src/main/resources/base/media/media_up.png
index 74a96e098b9006662d57e36272bb8a81728c0000..e9c4eab05aa0d9acdbd423a1bf2d5983b15f845d 100644
GIT binary patch
delta 293
zcmbQnx}Rx+ay<iMage(c!@6@aFBupZSkfJR9T^xl_H+M9WCij$3p^r=85sBugD~Uq
z{1quc!7H9Fjv*CsZ!c^VJY*o?a?#jzLXd=@qOOCJ3ulQ#eo5l&httk5N0cvb_@8Dn
z>Cj&`pdJu#=>3?t{pXxNzvFBEyjULHa`1i7`TCEaOKbk#J9qfrx_^4XatVohrnqbH
zegIN#8r&bAR%mty2t7FdF-S<!_Q0u+ljIal9UfPB_D&E}$k?;Q)q_*OCN4;+h229+
z|Dm80vr7N;3ml1zUB|p5S|%_YeXOeDRNUbAc&VjRaKpLBOEnL@Vt9PiY}@9w^}D6`
kzI{+<V3312?Euqe&c_A5?6)2VIDtewUHx3vIVCg!03FJ7xc~qF

literal 662
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7T#lEV2bs0aSW-5dpq4WJJeC2ZT?5*
z*$K+GBD%!f)~s2h5+;`E;&Qj4ts`SGW3(&x!9z}0oOGu+yz_KY&=O;G75v|@q;sx9
z(&7ZK{YgfLRDBOj*j)X5UAg7vujj1a+x<TGQ$T9pl84WaGgdH3`5kay@R0FC`-1+4
zeuu-HKR8Tm82*WU5d0vRVZkWh*v5X~KGXkHmXc|@ItAPoO&_=`PKK>Jp>V%g-N>4u
z_7Gp4!8N--ufBGj?Kx3s_q1h#XhYZ=HwkCU9mf=(-#F1R=RvF<$4!P8D(n$?_iO%J
zwg2XsGxb2XjKC&_3!Z$N&loRQ|7>C1I)@cm@BHswD`ki(6q(^!VxiS&-MMw^sa;$S
z>Jo01F{e-7nw{tIAgf&}ds;bfgP%cH(d`pIm^ot%E=8$c7G<zHS87&p_Qr=EmOjbs
zTlJh-SNr~K*m_ZP?{*=Jl$E)&7}i$s@<d4eX}`9I<y+)e1I7iHzid1qv*Glq8&+2F
zKb-f^c^19=uNB*Z%WqO9_8(a0ch=>a{=zrY74NxUyJ^d^^=MqnPd^@sD|{Xgd{_Au
zF>Sf}Z}M#4+?<&5Af{l=S)L4Aj#jq(*5utCQS8Z7p8Rz&W5!YE2QfK|b$+*Y7j;z|
z?hRt7VcmAz<m8TWN2c3Jzm_so@bMfoIk_#oQp@@6{PnlA<qn8cM?5Mz-`iL)`M%90
z<C+z<RU7_`^kv@Tu3jvBfqR**tp$VkEY++^Ca*oF-sk6$&H2mv)H~g=VP;V*FugH&
My85}Sb4q9e0D4Fy9smFU

-- 
Gitee