LiaWafanyikaji

Makadirio

Kikomo cha kichaguzi na kifundizo cha kuanza kwa kuwasiliana na Lia. Tema, mabadiliko, lugha, picha, ndoa ya kuzunguka, haptics na muziki.

#Kuanza

index.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no">
  <script src="https://api.lialabs.org/sdk/lia-apps-v1.js"></script>
  <style>
    :root { color-scheme: light dark; }
    html, body { margin: 0; height: 100%; }
    body {
      background: var(--lia-bg-color, #fff);
      color: var(--lia-text-color, #0b0b0f);
      font: 16px/1.5 system-ui, -apple-system, sans-serif;
      -webkit-tap-highlight-color: transparent;
      -webkit-user-select: none;
      user-select: none;
    }
    .app {
      min-height: var(--lia-viewport-height, 100vh);
      padding: calc(16px + var(--lia-content-safe-area-inset-top, 0px)) 16px calc(16px + var(--lia-safe-area-inset-bottom, 0px));
      box-sizing: border-box;
    }
    .muted { color: var(--lia-hint-color, #6b6e7b); }
    .card { background: var(--lia-secondary-bg-color, #f5f5f7); border-radius: 18px; padding: 16px; }
  </style>
</head>
<body>
  <main class="app" id="app"></main>
  <script>
    var WORDS = {
      en: { hello: "Hello", start: "Start" },
      es: { hello: "Hola", start: "Empezar" },
      ar: { hello: "مرحبًا", start: "ابدأ" },
    };
    function words() { return WORDS[Lia.language] || WORDS.en; }

    Lia.init().then(function (me) {
      document.documentElement.dir = Lia.rtl ? "rtl" : "ltr";
      document.getElementById("app").innerHTML = '<div class="card"><b>' + words().hello + ", @" + me.player.name + '</b></div>';
      Lia.mainButton.setText(words().start).show().onClick(start);
      Lia.ready();
    }, function (error) {
      document.getElementById("app").textContent = "Open this app inside Lia.";
    });

    Lia.on("languageChanged", function (data) {
      document.documentElement.dir = data.rtl ? "rtl" : "ltr";
      Lia.mainButton.setText(words().start);
    });
  </script>
</body>
</html>

#Kumbukumbu ya kuchukua

  • Kumbuka Lia.ready() kwa siku ya kwanza wako inapewa, sikuwezi baada ya kila kitu kimekamilika. Lia's kifuniko kimepiga kifuniko chako hadi wakati mwingi.
  • Tumia Lia'zilizopita kwa rangi. Unda kwa --lia-bg-color, --lia-text-color, --lia-hint-color na --lia-secondary-bg-color, na app yako inaonekana kwa Lia kati ya kipasua na kipasua.
  • Tazama kwa matokezo ya kushirikiana. Kupiga chini kwa --lia-safe-area-inset-bottom; kwa kifungu kikubwa, kusimamia matokeo ya chini --lia-content-safe-area-inset-top.
  • Kusoma lugha yao. Tumia Lia.language kwa maneno yako, ifanye dir kutoka Lia.rtl, na kusikia languageChanged. Lia anasema 13 lugha; English ni kumbukumbu nzuri.
  • Tumia Lia'picha za kazi ya kihususi. Lia.mainButton inashow kwenye nafasi ambapo watu wanaespera, juu ya bar ya kwanza, kwenye rangi ya Lia.
  • Tumia kichwa cha kuzungusha kwa mifano yako mwenyewe. Onyesha Lia.backButton moja ya skrini, na kushughulikia onClick; gusumbua kwenye skrini ya kwanza yako.
  • Tumia Lia'zilizopita kwa mifano. Lia.confirm, Lia.showPopup na Lia.toast kufanikiwa kama mengine wa Lia na kusoma kaskazini kwa kila mmoja kama lazima.
  • Kusikia. Lia.haptic("selection") kwa mazoezi, "success" na "error" kwa matokeo. Sio kila frame.
  • Kutafuta mizani. Kusimamia tu wakati Lia.soundOn, na kusita kwa soundChanged na pause.
  • Kutembea pause. Makala, mafunzo ya muziki na sockets ambayo huwa na matokeo.
  • Tuma kabla ya kushuka mifumo ambayo inapendwa na Lia.enableClosingConfirmation(), na kusitisha wakati anapokamata's kwa muda wote.
  • Kuondoka kwa kuvunja mchezo ambao hawakutumia na Lia.disableVerticalSwipes().
  • Hakuna kushiriki, hakuna matokeo ya kisasi. Yeye's kifuniko cha kuzalisha kwa 44 kila muda. Kwa app ambayo anasoma kwenye serikali yake kwa muda mmoja, kumbuka kwa muda mmoja kisha tuma wako kwa muda mmoja:

#Kumbukumbu kichaguzi chako

Kama mzungu wako una rangi ya kuvutia yake, tafadhali utekeleza Lia's header na background kama moja:

Lia.setHeaderColor("#0E1A3A");
Lia.setBackgroundColor("#0E1A3A");

Lia inavyoanza kwenye mizani'kawaida ya kifungu na picha zinapewa kimoja au kipya kwa kutosha.

Kutafsiri kwa kawaida. Kiingereza kina maana ya kawaida. Kusoma kwa Kiingereza

Aina kusoma kila mfumo, methodi na endpoint.