//这部分用来更新卡片信息
        ZSONObject zsonObject = new ZSONObject(); //1.将要刷新的数据存放在一个ZSONObject实例中
        zsonObject.put("follower",data.getFollower()); //2.更新数据，data.getFollower()就是在API数据请求中获取的粉丝数。
        FormBindingData formBindingData = new FormBindingData(zsonObject); //3.将其封装在一个FormBindingData的实例中
        try {
            ((MainAbility)context).updateForm(formId,formBindingData); //4.调用MainAbility的方法updateForm()，并将formBindingData作为第二个实参
        } catch (FormException e) {
            e.printStackTrace();
            HiLog.info(TAG, "更新卡片失败");
        }
    } catch (Exception e) {
        HiLog.info(TAG, "解析失败");
    }
}

@Override
protected ProviderFormInfo onCreateForm(Intent intent) {
... ...

//初始化时先在线更新一下卡片
onUpdateForm(formId);

return formController.bindFormData();
}

3. Добавьте webview, чтобы заменить текстовый элемент управления по умолчанию на webview.

```xml
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">
    <ohos.agp.components.webengine.WebView
        ohos:id="$+id:webview"
        ohos:height="match_parent"
        ohos:width="match_parent">
``` **2. Тестирование программного обеспечения**

Здесь используется видеодинамическая сервисная карточка, и проводится тестирование события сообщения. Эффект показан на рисунке: при нажатии на левую или правую сторону реализуется скольжение сервисной карточки. В маленькой карточке такой опыт работы не очень хорош. Поэтому пример события сообщения предназначен только для тестирования и не добавлен в проект.

1. В index.hml добавьте onclick к элементам, которые должны запускать событие, например: onclick="sendMessageEvent".

```html
<!-- Для удобства тестирования напрямую добавляем onclick в левый и правый div-компоненты -->
<div class="div" onclick="sendMessageEvent0">
 <image class="item_image" src="{{ src0 }}"></image>
 <text class="item_title">{{ itemTitle0 }}</text>
 <text class="item_content">{{ itemContent0 }}</text>
</div>
<div class="div" onclick="sendMessageEvent1">
 <image class="item_image" src="{{ src1 }}"></image>
 <text class="item_title">{{ itemTitle1 }}</text>
 <text class="item_content>{{ itemContent1 }}</text>
</div>

3. Если это событие сообщения (message), то при нажатии на элемент с onclick будет запущена функция в MainAbility.

   ```java
@Override
protected void onTriggerFormEvent(long formId, String message) {
    HiLog.info(TAG, "onTriggerFormEvent: " + message); //params передаётся через message
    super.onTriggerFormEvent(formId, message);
    FormControllerManager formControllerManager = FormControllerManager.getInstance(this);
    FormController formController = formControllerManager.getController(formId);//получаем контроллер карточки через formId
    formController.onTriggerFormEvent(formId, message);//затем вызываем соответствующий контроллер WidgetImpl
}

// Сначала получаем параметры из message
ZSONObject data = ZSONObject.stringToZSON(message);
String p1 = data.getString("p1");
Integer index = data.getIntValue("index");

ZSONObject zsonObject = new ZSONObject(); // Сохраняем данные для обновления в экземпляре ZSONObject
Integer indexMax = 2; // Если есть N блоков слайдера, устанавливаем N-1
if(p1.equals("right")){ // Если это правая сторона
    if(index == indexMax){index = -1;} // Реализуем циклическое перелистывание
    index = index+1;
    zsonObject.put("index",index);
}else { // Если это левая сторона
    if(index == 0){index = indexMax+1;} // Реализуем циклическое перелистывание
    index = index-1;
    zsonObject.put("index",index);
}

FormBindingData formBindingData = new FormBindingData(zsonObject); 
try {
    ((MainAbility)context).updateForm(formId,formBindingData);
} catch (FormException e) {
    e.printStackTrace();
    HiLog.info(TAG, "Обновление карточки не удалось");
}

5. **Компонент списка может иметь только один onclick, и при его нажатии необходимо также определить, какой элемент списка был выбран.**

```html
<list class="list" else>
    <list-item for="{{list}}" class="list-item">
        <div class="div">
``` **Текст запроса:**

Этот фрагмент кода привёл к тому, что я долго мучился с проблемой. В итоге я обнаружил, что в файле index.json можно использовать $item и $idx для получения переменных и индексов элементов HTML-страницы списка. Однако в официальной документации я не нашёл соответствующей информации. После долгих попыток я решил эту проблему.

**Перевод:**

Из-за этого фрагмента кода у меня возникли серьёзные проблемы. Наконец, я понял, что могу использовать `$item` и `$idx` в `index.json`, чтобы получить переменные и индексы элементов HTML-списка. Но в официальной документации не было такой информации. Я долго пытался решить эту проблему и наконец справился с ней.

```json
  "actions": {
    "sendRouteEvent": {
      "action": "router",
      "bundleName": "com.liangzili.demos",
      "abilityName": "com.liangzili.demos.Video",
      "params": {
        "url": "{{$item.short_url}}",
        "index": "{{$idx}}"
      }
    }
  }

{
  "actions": {
    "sendRouteEvent": {
      "action": "router",
      "bundleName": "com.liangzili.demos",
      "abilityName": "com.liangzili.demos.Video",
      "params": {
        "url": "$item.short_url",
        "index": "$idx"
      }
    }
  }
}

// Перебираем map
for (Map.Entry<String, String> entry : map.entrySet()) {
    HiLog.info(TAG, entry.getKey() + "=" + entry.getValue());
    preferences.putString(entry.getKey(), entry.getValue()); // 3. Записываем данные в экземпляр Preferences
}
preferences.flushSync(); // 4. Сохраняем экземпляр Preferences с помощью flush() или flushSync().

/**
 * Получение значения SESSDATA в Cookie
 * @param context Используется для указания пути к файлу данных
 * @return Значение SESSDATA в Cookie
 */
public static String getSessData(Context context) {
    // 1. Создаём базу данных с использованием вспомогательного класса для операций с базой данных
    DatabaseHelper databaseHelper = new DatabaseHelper(context);
    // 2. Получаем экземпляр Preferences с соответствующим именем файла
    Preferences preferences = databaseHelper.getPreferences("bilibili");
    // 3. Читаем данные
    String SESSDATA = preferences.getString("SESSDATA", "");
    return SESSDATA;
}

/**
 * Получение значения Vmid в Cookie
 * @param context
 * @return Значение Vmid в Cookie
 */
public static String getVmid(Context context){
    // 1. Создаём базу данных с использованием вспомогательного класса для операций с базой данных
    DatabaseHelper databaseHelper = new DatabaseHelper(context);
    // 2. Получаем экземпляр Preferences с соответствующим именем файла
    Preferences preferences = databaseHelper.getPreferences("bilibili");
    // 3. Читаем данные
    String DedeUserID = preferences.getString("DedeUserID", "");
    return DedeUserID;
}

<div class="card_root_layout" else>
    <div class="div_left_container">
        <stack class="stack-parent" onclick="sendRouterEvent">
            <image src="{{src}}" class="image_src"></image>
            <image src="{{vip}}" class="image_vip"></image>
        </stack>
    </div>
    <text class="item_title">{{follower}}</text>
</div>

  "actions": {
    "sendRouterEvent": {
      "action": "router",
      "abilityName": "com.liangzili.demos.Player",
      "params": true
    }
  }

params = intent.getStringParam("params");//извлекаем значение поля params из намерения
if(params.equals("true")){
    Intent intent0 = new Intent();
    Operation op = new Intent.OperationBuilder()
        .withDeviceId(DistributedUtils.getDeviceId())//параметр 1. является ли это межприборным, пустым, не межприборным
        .withBundleName("com.liangzili.demos")//параметр 2. в config.json bundleName
        .withAbilityName("com.liangzili.demos.Player")//параметр 3. способность, которую нужно переключить
        .withFlags(Intent.FLAG_ABILITYSLICE_MULTI_DEVICE)
        .build();
    intent0.setOperation(op);
    intent0.setParam("params","false");
    startAbility(intent0);
    videoSource = "resources/base/media/right.mp4";
}else{
    videoSource = "resources/base/media/left.mp4";
}

requestPermissionsFromUser(new ## 5. Получение идентификатора удалённого устройства

Чтобы открыть страницу на удалённом устройстве, сначала необходимо получить идентификатор этого устройства.

```java
public class DistributedUtils {
    public static String getDeviceId() {
        // Получаем список онлайн-устройств, DeviceInfo.FLAG_GET_ONLINE_DEVICE исключает локальное устройство.
        List<DeviceInfo> deviceList = DeviceManager.getDeviceList(DeviceInfo.FLAG_GET_ONLINE_DEVICЕ);
        if (deviceList.isEmpty()) {
            return null;
        }
        int deviceNum = deviceList.size();
        List<String> deviceIds = new ArrayList<>(deviceNum); // Извлекаем идентификаторы устройств
        List<String> deviceNames = new ArrayList<>(deviceNum);  // Извлекаем имена устройств
        deviceList.forEach((device) -> {
            deviceIds.add(device.getDeviceId());
            deviceNames.add(device.getDeviceName());
        });

        String devcieIdStr = deviceIds.get(0);
        return devcieIdStr;
    }
}

// Устанавливаем полупрозрачное состояние строки состояния
getWindow().addFlags(WindowManager.LayoutConfig.MARK_TRANSLUCENT_STATUS);
initPlayer();

// Необходимо переписать два обратных вызова: VideoSurfaceCallback и VideoPlayerCallback
private void initPlayer() {
    sfProvider=(SurfaceProvider) findComponentById(ResourceTable.Id_surfaceProvider);
    //        image=(Image) findComponentById(ResourceTable.Id_img);
    sfProvider.getSurfaceOps().get().addCallback(new VideoSurfaceCallback());
    // sfProvider.pinToZTop(boolean)--если установлено значение true, видеоэлемент управления будет отображаться в самом верхнем слое, но если установлено значение false, хотя он не отображается в самом верхнем слое, появится чёрный экран,
    // необходимо добавить строку кода: WindowManager.getInstance().getTopWindow().get().setTransparent(true);
    sfProvider.pinToZTop(true);
    //WindowManager.getInstance().getTopWindow().get().setTransparent(true);
    player=new Player(getContext());
    //sfProvider добавляет прослушиватель событий
    sfProvider.setClickedListener(new Component.ClickedListener() {
        @Override
        public void onClick(Component component) {
            if(player.isNowPlaying()){
                // Если воспроизведение приостановлено, приостановить
                player.pause();
                // Кнопка воспроизведения видна
                image.setVisibility(Component.VISIBLE);
            }else {
                // Если приостановленное воспроизведение, продолжить воспроизведение
                player.play();
                // Кнопка воспроизведения скрыта
                image.setVisibility(Component.HIDE);
            }
        }
    });
}
private class VideoSurfaceCallback implements SurfaceOps.Callback {
    @Override
    public void surfaceCreated(SurfaceOps surfaceOps) {
        HiLog.info(logLabel,"surfaceCreated() called.");
        if (sfProvider.getSurfaceOps().isPresent()) {
            Surface surface = sfProvider.getSurfaceOps().get().getSurface();
            playLocalFile(surface);
        }
    }
    @Override
    public void surfaceChanged(SurfaceOps surfaceOps, int i, int i1, int i2) {
        HiLog.info(logLabel,"surfaceChanged() called.");
    }
    @Override
    public void surfaceDestroyed(SurfaceOps surfaceOps) {
        HiLog.info(logLabel,"surfaceDestroyed() called.");
    }
}
private void playLocalFile(Surface surface) {
    try {
        RawFileDescriptor filDescriptor = getResourceManager().getRawFileEntry(videoSource).openRawFileDescriptor();
        Source source = new Source(filDescriptor.getFileDescriptor(),filDescriptor.getStartPosition(),filDescriptor.getFileSize());
        player.setSource(source);
        player.setVideoSurface(surface);
        player.setPlayerCallback(new VideoPlayerCallback());
        player.prepare();
        sfProvider.setTop(0);
        player.play();
    } catch (Exception e) {
        HiLog.info(logLabel,"playUrl Exception:" + e.getMessage());
    }
}