StatefulLayout

Показывает наиболее распространённые шаблоны состояний, такие как загрузка, пустое состояние, ошибка и т. д. Для этого всё, что вам нужно сделать, это обернуть целевую область (вид) с помощью StatefulLayout.

Preview

Gradle

allprojects{
    repositories{
        mavenCentral()
    }
}
implementation 'io.openharmony.tpc.thirdlib:StatefulLayout:1.0.2'

Usage

Затем оберните представление, в котором целевая область (вид), чтобы показать состояния с помощью StatefulLayout:

  <com.gturedi.views.StatefulLayout
        ohos:id="$+id:stateful"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:stfAnimationEnabled="true"
        >
    
        <!-- your content here  -->
        <DirectionalLayout
            ohos:id="$+id:target"
            ohos:height="match_content"
            ohos:width="match_parent"
            >
            ...
        </DirectionalLayout>

    </com.gturedi.views.StatefulLayout>

Наконец, в вашей способности/abilityslice получите ссылку на StatefulLayout и вызовите методы showXXX:

StatefulLayout stateful = (StatefulLayout) findComponentById(ResourceTable.Id_stateful);
stateful.setInAnimation(new AnimatorProperty().alphaFrom(0.0f).alpha(1.0f).moveFromX(-getWindowWdith(this) * 0.5f).moveToX(0).setDuration(400));
stateful.setOutAnimation(new AnimatorProperty().alphaFrom(1.0f).alpha(0.0f).moveFromX(0).moveToX(getWindowWdith(this) * 0.5f).setDuration(400));
stateful.showLoading();
//stateful.showEmpty(getString(ResourceTable.String_testMessage));
//stateful.showError(getString(ResourceTable.String_testMessage), clickListener);

API

Методы состояния имеют перегрузки для настройки. Если вы передадите параметр clickListener как null, соответствующая кнопка состояния будет скрыта. Больше настроек см. в CustomStateOptions.java.

• setAnimationEnabled(boolean animationEnabled)
• setInAnimation(AnimatorProperty animation)
• setOutAnimation(AnimatorProperty animation)
• showContent()
• showLoading(String message)
• showEmpty(String message)
• showError(String message, ClickedListener clickListener)
• showOffline(String message, ClickedListener clickListener)
• showLocationOff(String message, ClickedListener clickListener)
• showCustom(CustomStateOptions options)

Xml Attributes

Customization

Просто переопределите соответствующий ресурс в вашем приложении, чтобы настроить внешний вид состояний:

• Чтобы переопределить строки, string.json переменные

• Чтобы переопределить макет, stf_template.xml

Требования к запуску entry

Через DevEco studio и загрузите SDK. В файле build.gradle проекта измените версию classpath на соответствующую версию (то есть версию, которую вы используете в новом проекте IDE).