MaterialSearchBar

allprojects {
   repositories {
       maven {
           url 'https://s01.oss.sonatype.org/content/repositories/releases/'
       }
   }
}

dependencies {
   implementation('com.gitee.chinasoft_ohos:MaterialSearchBar:1.0.0')
   ......  
}

Provided Styles are: MaterialSearchBarLight and MaterialSearchBarDark
Example:
<com.balysv.materialripple.MaterialRippleLayout
                    ohos:height="match_parent"
                    ohos:width="match_content"
                    ohos:background_element="#ffffff"
                    ohos:layout_alignment="horizontal_center"
                    ohos:weight="1"
                    app:mrl_rippleAlpha="0.2"
                    app:mrl_rippleColor="#80000000"
                    app:mrl_rippleOverlay="true">

                    <Image
                        ohos:id="$+id:main_item"
                        ohos:height="match_parent"
                        ohos:width="match_content"
                        ohos:image_src="$media:ic_dots_vertical_black_48dp"
                        ohos:text_size="50"/>

                </com.balysv.materialripple.MaterialRippleLayout>

private void onFocusChangedListener() {
        main_tf.setFocusChangedListener((component, isFocused) -> {
            if (isFocused) {
                depen_layout.setContentPositionY(1080);
            } else { 
                depen_layout.setContentPositionY(1900);
            }
        });
    }
private void initStatusBarColor() {
        try {
            int color = getResourceManager().getElement(ResourceTable.Color_barColor).getColor();
            WindowManager.getInstance().getTopWindow().get().setStatusBarColor(color);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
AnimatorValue value = new AnimatorValue();
    value.setDuration(1000);
    value.setLoopedCount(0);
    value.setCurveType(Animator.CurveType.LINEAR);
    value.setValueUpdateListener((animatorValue, v) -> {
        if (v >= 0.3f) {
            list.setVisibility(Component.HIDE);
        }
        list.setContentPosition(0, (1 - v) * (main_tf.getHeight() + 30));
    });
    value.start();