Библиотека Bottomsheet

Введение

BottomSheet — это компонент openharmony, который представляет собой закрываемое представление в нижней части экрана. BottomSheet может быть полезной заменой диалогов и меню, но может содержать любое представление, поэтому варианты использования бесконечны. Этот репозиторий включает в себя сам компонент BottomSheet, а также набор общих компонентов представления, представленных в нижнем листе. Они расположены в модуле commons.

Особенности

Он охватывает следующие случаи:

1. Intentpicker.
2. Простой нижний лист.

Инструкции по использованию

Начните с того, что оберните свой макет в BottomSheetLayout:

<com.flipboard.bottomsheet.BottomSheetLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:id="$+id:plLayoutRoot"
    ohos:height="match_parent"
    ohos:width="match_parent">
    <StackLayout
        xmlns:ohos="http://schemas.huawei.com/res/ohos"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:orientation="vertical">

    <Button
        ohos:id="$+id:button"
        ohos:height="40vp"
        ohos:width="300vp"
        ohos:background_element="$graphic:background_ability_main"
        ohos:top_margin="20vp"
        ohos:left_margin="20vp"
        ohos:right_margin="20vp"
        ohos:text="Show"
        ohos:text_size="50"
        />
    </StackLayout>
</com.flipboard.bottomsheet.BottomSheetLayout>

В своей способности вы получите ссылку на BottomSheetLayout, как и на любое другое представление.

bottomSheetLayout =(BottomSheetLayout) rootLayout.findComponentById(ResourceTable.Id_plLayoutRoot);

Теперь всё, что вам нужно сделать, это показать представление в bottomSheet:

bottomSheetLayout.showWithSheetView(LayoutScatter.getInstance(AbilityTest.this)
                    .parse(ResourceTable.Layout_ability_main_Frag, bottomSheetLayout, false));

Вы также можете использовать одно из представлений листов из модуля commons.

Инструкция по установке

Решение 1: интеграция локального пакета har Добавьте пакет .har в папку lib. Добавьте следующий код в gradle записи: implementation fileTree(dir: 'libs', include: ['.jar', '.har'])

Решение 2: добавьте следующие зависимости в свой build.gradle:

allprojects { repositories { mavenCentral() } } implementation 'io.openharmony.tpc.thirdlib:bottomsheet:1.0.2' implementation 'io.openharmony.tpc.thirdlib:bottomsheet_commons:1.0.1' //необязательно