鸿蒙开源组件——搜索和侧滑

jacksky

发布于 2021-9-24 16:42

浏览

0收藏

MaterialSearchBar

项目介绍

项目名称：MaterialSearchBar
所属系列：openharmony的第三方组件适配移植
功能：实现搜索和侧滑
基线版本：Release 0.8.5
项目移植状态：主功能完成
调用差异：无
开发版本：sdk6，DevEco Studio 2.2 Beta1

效果演示

安装教程

1、在项目根目录下的build.gradle文件中

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

2.在entry模块的build.gradle文件中

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

在sdk6，DevEco Studio 2.2 Beta1下项目可直接运行如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件，并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

使用说明

使用该库非常简单，只需查看提供的示例的源代码。（查看ViewCreateHelper.java中在ScrollView和ListContainer中的使用）

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();

另外，您可以选择在布局xml文件中设置以下属性，以自定义ExpandableTextView的行为。