diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5d6fbdd271282db0b3c58263b0fc268ad6202957..2ead6d5a694bfcc4dc0e22397466998335e6ee73 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 4af9cde3b6c1cf3cde9646d0066f992452c5d8fa..61a81ff58788aca0e0281f4d5b5f5eeeb5442756 100644
--- a/README.md
+++ b/README.md
@@ -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')
diff --git a/app/.gitignore b/app/.gitignore
deleted file mode 100644
index 796b96d1c402326528b4ba3c12ee9d92d0e212e9..0000000000000000000000000000000000000000
--- a/app/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-/build
diff --git a/app/proguard-rules.pro b/app/proguard-rules.pro
deleted file mode 100644
index f7666e47561d514b2a76d5a7dfbb43ede86da92a..0000000000000000000000000000000000000000
--- a/app/proguard-rules.pro
+++ /dev/null
@@ -1 +0,0 @@
-# config module specific ProGuard rules here.
\ No newline at end of file
diff --git a/app/src/main/java/com/tomergoldst/tooltipsdemo/MainAbilitySlice.java b/app/src/main/java/com/tomergoldst/tooltipsdemo/MainAbilitySlice.java
index 3ac7d09ff5af78d99290cd80aefd1012dfde7a59..796e77b845b2cd2a48ade68866974ab35315e1d9 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 0000000000000000000000000000000000000000..9616749506ff1373f1fa8d197ab963945e93379c
--- /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 0000000000000000000000000000000000000000..3a3b4fe2c68ea77efac6c15a5169f1ee1122cf76
--- /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 0000000000000000000000000000000000000000..c87b91b37f3263b560da483a2db97c0ea5f50e21
--- /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 0000000000000000000000000000000000000000..1f3d081bf7021a44ad8ebcc8c8fb9c55ec1a7051
--- /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 72a134ec799252185dbdafdd898b58c419d829f6..619f3e9740ae2bc610b356f7ac3164d979863694 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:text=""
+                ohos:text_size="12fp"
+                ohos:text_weight="700"
+                ohos:top_padding="10vp"
+                ohos:vertical_center="true"
+                ohos:bottom_margin="8vp"
+                />
+
+            <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:visibility="hide"
+            ohos:id="$+id:dl_above_left"
+            ohos:height="match_content"
+            ohos:width="match_parent"
+            ohos:above="$id:text_view"
+            ohos:left_margin="120vp"
+            >
+            <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="-8vp"
+                />
+
+            <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="-8vp"
+                />
+
+            <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/gradle.properties b/gradle.properties
deleted file mode 100644
index 0daf1830fbdef07e50a44d74210c8c82f1b66278..0000000000000000000000000000000000000000
--- a/gradle.properties
+++ /dev/null
@@ -1,10 +0,0 @@
-# Project-wide Gradle settings.
-# IDE (e.g. DevEco Studio) users:
-# Gradle settings configured through the IDE *will override*
-# any settings specified in this file.
-# For more details on how to configure your build environment visit
-# http://www.gradle.org/docs/current/userguide/build_environment.html
-# Specifies the JVM arguments used for the daemon process.
-# The setting is particularly useful for tweaking memory settings.
-# If the Chinese output is garbled, please configure the following parameter.
-# org.gradle.jvmargs=-Dfile.encoding=GBK
diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar
deleted file mode 100644
index 490fda8577df6c95960ba7077c43220e5bb2c0d9..0000000000000000000000000000000000000000
Binary files a/gradle/wrapper/gradle-wrapper.jar and /dev/null differ
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
deleted file mode 100644
index f59159e865d4b59feb1b8c44b001f62fc5d58df4..0000000000000000000000000000000000000000
--- a/gradle/wrapper/gradle-wrapper.properties
+++ /dev/null
@@ -1,5 +0,0 @@
-distributionBase=GRADLE_USER_HOME
-distributionPath=wrapper/dists
-distributionUrl=https\://repo.huaweicloud.com/gradle/gradle-6.3-bin.zip
-zipStoreBase=GRADLE_USER_HOME
-zipStorePath=wrapper/dists
diff --git a/gradlew b/gradlew
deleted file mode 100644
index 2fe81a7d95e4f9ad2c9b2a046707d36ceb3980b3..0000000000000000000000000000000000000000
--- a/gradlew
+++ /dev/null
@@ -1,183 +0,0 @@
-#!/usr/bin/env sh
-
-#
-# Copyright 2015 the original author or authors.
-#
-# Licensed under the Apache License, Version 2.0 (the "License");
-# you may not use this file except in compliance with the License.
-# You may obtain a copy of the License at
-#
-#      https://www.apache.org/licenses/LICENSE-2.0
-#
-# Unless required by applicable law or agreed to in writing, software
-# distributed under the License is distributed on an "AS IS" BASIS,
-# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-# See the License for the specific language governing permissions and
-# limitations under the License.
-#
-
-##############################################################################
-##
-##  Gradle start up script for UN*X
-##
-##############################################################################
-
-# Attempt to set APP_HOME
-# Resolve links: $0 may be a link
-PRG="$0"
-# Need this for relative symlinks.
-while [ -h "$PRG" ] ; do
-    ls=`ls -ld "$PRG"`
-    link=`expr "$ls" : '.*-> \(.*\)$'`
-    if expr "$link" : '/.*' > /dev/null; then
-        PRG="$link"
-    else
-        PRG=`dirname "$PRG"`"/$link"
-    fi
-done
-SAVED="`pwd`"
-cd "`dirname \"$PRG\"`/" >/dev/null
-APP_HOME="`pwd -P`"
-cd "$SAVED" >/dev/null
-
-APP_NAME="Gradle"
-APP_BASE_NAME=`basename "$0"`
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
-
-# Use the maximum available, or set MAX_FD != -1 to use that value.
-MAX_FD="maximum"
-
-warn () {
-    echo "$*"
-}
-
-die () {
-    echo
-    echo "$*"
-    echo
-    exit 1
-}
-
-# OS specific support (must be 'true' or 'false').
-cygwin=false
-msys=false
-darwin=false
-nonstop=false
-case "`uname`" in
-  CYGWIN* )
-    cygwin=true
-    ;;
-  Darwin* )
-    darwin=true
-    ;;
-  MINGW* )
-    msys=true
-    ;;
-  NONSTOP* )
-    nonstop=true
-    ;;
-esac
-
-CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
-
-# Determine the Java command to use to start the JVM.
-if [ -n "$JAVA_HOME" ] ; then
-    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
-        # IBM's JDK on AIX uses strange locations for the executables
-        JAVACMD="$JAVA_HOME/jre/sh/java"
-    else
-        JAVACMD="$JAVA_HOME/bin/java"
-    fi
-    if [ ! -x "$JAVACMD" ] ; then
-        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-    fi
-else
-    JAVACMD="java"
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-
-Please set the JAVA_HOME variable in your environment to match the
-location of your Java installation."
-fi
-
-# Increase the maximum file descriptors if we can.
-if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
-    MAX_FD_LIMIT=`ulimit -H -n`
-    if [ $? -eq 0 ] ; then
-        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
-            MAX_FD="$MAX_FD_LIMIT"
-        fi
-        ulimit -n $MAX_FD
-        if [ $? -ne 0 ] ; then
-            warn "Could not set maximum file descriptor limit: $MAX_FD"
-        fi
-    else
-        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
-    fi
-fi
-
-# For Darwin, add options to specify how the application appears in the dock
-if $darwin; then
-    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
-fi
-
-# For Cygwin or MSYS, switch paths to Windows format before running java
-if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
-    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
-    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
-    JAVACMD=`cygpath --unix "$JAVACMD"`
-
-    # We build the pattern for arguments to be converted via cygpath
-    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
-    SEP=""
-    for dir in $ROOTDIRSRAW ; do
-        ROOTDIRS="$ROOTDIRS$SEP$dir"
-        SEP="|"
-    done
-    OURCYGPATTERN="(^($ROOTDIRS))"
-    # Add a user-defined pattern to the cygpath arguments
-    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
-        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
-    fi
-    # Now convert the arguments - kludge to limit ourselves to /bin/sh
-    i=0
-    for arg in "$@" ; do
-        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
-        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
-
-        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
-            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
-        else
-            eval `echo args$i`="\"$arg\""
-        fi
-        i=`expr $i + 1`
-    done
-    case $i in
-        0) set -- ;;
-        1) set -- "$args0" ;;
-        2) set -- "$args0" "$args1" ;;
-        3) set -- "$args0" "$args1" "$args2" ;;
-        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
-    esac
-fi
-
-# Escape application args
-save () {
-    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
-    echo " "
-}
-APP_ARGS=`save "$@"`
-
-# Collect all arguments for the java command, following the shell quoting and substitution rules
-eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
-
-exec "$JAVACMD" "$@"
diff --git a/gradlew.bat b/gradlew.bat
deleted file mode 100644
index 62bd9b9ccefea2b65ae41e5d9a545e2021b90a1d..0000000000000000000000000000000000000000
--- a/gradlew.bat
+++ /dev/null
@@ -1,103 +0,0 @@
-@rem
-@rem Copyright 2015 the original author or authors.
-@rem
-@rem Licensed under the Apache License, Version 2.0 (the "License");
-@rem you may not use this file except in compliance with the License.
-@rem You may obtain a copy of the License at
-@rem
-@rem      https://www.apache.org/licenses/LICENSE-2.0
-@rem
-@rem Unless required by applicable law or agreed to in writing, software
-@rem distributed under the License is distributed on an "AS IS" BASIS,
-@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-@rem See the License for the specific language governing permissions and
-@rem limitations under the License.
-@rem
-
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Resolve any "." and ".." in APP_HOME to make it shorter.
-for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windows variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega
diff --git a/tooltips/.gitignore b/tooltips/.gitignore
deleted file mode 100644
index 796b96d1c402326528b4ba3c12ee9d92d0e212e9..0000000000000000000000000000000000000000
--- a/tooltips/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-/build
diff --git a/tooltips/proguard-rules.pro b/tooltips/proguard-rules.pro
deleted file mode 100644
index f7666e47561d514b2a76d5a7dfbb43ede86da92a..0000000000000000000000000000000000000000
--- a/tooltips/proguard-rules.pro
+++ /dev/null
@@ -1 +0,0 @@
-# config module specific ProGuard rules here.
\ No newline at end of file
diff --git a/tooltips/src/main/java/com/tomergoldst/tooltipshm/DefaultToolTipAnimator.java b/tooltips/src/main/java/com/tomergoldst/tooltipshm/DefaultToolTipAnimator.java
index d0db2ff460aa2189388905a19f41a059e0017390..71264858dc1185ccae221e5d56e56cda2bd419f5 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 ff7db7387ed432161217c962f361d7df7de0cc97..9e1ab37bf5482415811023e827bbb19b225efb5e 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 e56e9c1e46fcaf7a44dcb62ea30ada654c5f0882..c058c1039cf9616ace326870d0411a376733caeb 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 d77588a2330df4fa7ce1c0c1bcbfcb98dbd0c98a..7c5d84105aba44f190079a26c9734007d323e780 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 7dea212881d5c5c883bb176a1b87b2f5503ea2ba..e5d92f8989bd100a9bb77ed3f64d016afb9b060a 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 00b95cd22c891f562245008ebae4413e554fd08f..4a91789e9a26bb3b7565eb026de28bf4e7d5d5ad 100644
--- a/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
+++ b/tooltips/src/main/java/com/tomergoldst/tooltipshm/ToolTipsManager.java
@@ -20,8 +20,11 @@ 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.global.resource.NotExistException;
 
+import java.io.IOException;
 import java.util.List;
 
 public class ToolTipsManager {
@@ -46,14 +49,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,47 +95,71 @@ 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);
-
         mAboveBtn = buttons.get(ZERO);
         mBelowBtn = buttons.get(FIRST);
         mLeftToBtn = buttons.get(TWO);
         mRightToBtn = buttons.get(THREE);
-
         idAboveImageview = texts.get(ZERO);
         idBelowimageView = texts.get(FIRST);
         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 +172,187 @@ public class ToolTipsManager {
         }
     }
 
-    private void create(Text idImageview, int resource) {
-        ToolTipBackgroundConstructor.setBackground(idImageview, resource);
+    /**
+     * @param idImageview
+     * @param imaLeftAbove
+     * @param resource
+     */
+    private void create(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setAboveBackground(idImageview,imaLeftAbove, resource);
+    }
+
+    /**
+     * @param idImageview
+     * @param imaLeftAbove
+     * @param resource
+     */
+    private void createLeft(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setLeftBackground(idImageview,imaLeftAbove, resource);
+    }
+
+    /**
+     * @param idImageview
+     * @param imaLeftAbove
+     * @param resource
+     */
+    private void createRight(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setRightBackground(idImageview,imaLeftAbove, resource);
     }
 
     /**
-     * 展示顶部位置
+     * @param idImageview
+     * @param imaLeftAbove
+     * @param resource
+     */
+    private void createBelow(Text idImageview,Image imaLeftAbove, int resource) {
+        ToolTipBackgroundConstructor.setBelowBackground(idImageview,imaLeftAbove, resource);
+    }
+
+    /**
+     * show above
      */
     public void showAbove() {
+        dlAboveCenter.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));
+        create(idAboveImageview,imacenterAbove, ResourceTable.Media_arrow_down);
+        visableabove();
+        mToolTipAnimator.popup(idAboveImageview,dlAboveCenter, mAnimationDuration).start();
+        dlAboveRight.setClickedListener(component -> findAndDismiss(dlAboveRight));
+    }
+
+    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);
+        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);
+        create(tvAboveLeft,imaAboveLeft, ResourceTable.Media_arrow_down);
+        visableaboveLeft();
+        mToolTipAnimator.popup(tvAboveLeft,dlAboveleft, mAnimationDuration).start();
+        dlAboveRight.setClickedListener(component -> findAndDismiss(dlAboveRight));
+    }
+
+    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);
+        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);
+        create(tvAboveRight,imaAboveRight, ResourceTable.Media_arrow_down);
+        visableaboveRight();
+        mToolTipAnimator.popup(tvAboveRight,dlAboveRight, mAnimationDuration).start();
+        dlAboveRight.setClickedListener(component -> findAndDismiss(dlAboveRight));
+    }
+
+    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);
         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();
+        dlBelowCenter.setClickedListener(component -> findAndDismiss(dlBelowCenter));
+    }
+
+    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);
+        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));
+    }
+
+    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);
+        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));
+    }
+
+    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 +361,51 @@ public class ToolTipsManager {
      * @param
      */
     public void showLeft() {
+        leftDlView.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(dlAboveRight));
+    }
+
+    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);
         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();
+        rightDlView.setClickedListener(component -> findAndDismiss(rightDlView));
+    }
+
+    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);
     }
 
     /**
@@ -225,7 +454,7 @@ public class ToolTipsManager {
      *
      * @param view
      */
-    public void findAndDismiss(Text view) {
+    public void findAndDismiss(DependentLayout view) {
         view.setVisibility(Component.HIDE);
         isAnimateDismiss(view);
     }
@@ -235,7 +464,7 @@ public class ToolTipsManager {
      *
      * @param view
      */
-    private void isAnimateDismiss(final Text view) {
+    private void isAnimateDismiss(final DependentLayout view) {
         AnimatorProperty abovePopup = new AnimatorProperty();
         abovePopup.alphaFrom(0).alpha(0).setCurveType(new Animator.CurveType().ANTICIPATE).setDuration(1000);
         abovePopup.setTarget(view);
@@ -256,29 +485,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();
+                            create(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 +530,14 @@ public class ToolTipsManager {
                         @Override
                         public void onClick(Component component) {
                             showAbove();
-                            create(idAboveImageview, com.tomergoldst.tooltipshm.ResourceTable.Media_tooltip_arrow_down);
+                            create(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 +545,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 +553,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 +575,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();
+                            create(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 +592,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 +600,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
Binary files /dev/null and b/tooltips/src/main/resources/base/media/arrow_down.png differ
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
Binary files /dev/null and b/tooltips/src/main/resources/base/media/arrow_left.png differ
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
Binary files /dev/null and b/tooltips/src/main/resources/base/media/arrow_right.png differ
diff --git a/tooltips/src/main/resources/base/media/media_up.png b/tooltips/src/main/resources/base/media/media_up.png
new file mode 100644
index 0000000000000000000000000000000000000000..74a96e098b9006662d57e36272bb8a81728c0000
Binary files /dev/null and b/tooltips/src/main/resources/base/media/media_up.png differ