Креирање апликације за Убунту Тоуцх [КМЛ] - [1. део]

Увод

Овде ће доћи серија постова (попут оних са којима сам радио Вала), али овог пута са пријавом за Убунту Тоуцх, апликација је у почетку „иста“ као у постови од Вала, то јест, врста игре у којој имамо питање и 4 одговора у облику теста, затим имамо три тастера, један за уклањање два од могућих одговора (50%), други за замрзавање времена и последњи за пређите са питања.

Можете да посетите ово да бисте видели како да започнете стварање пројекта пост (документација, креирајте пројекат ...), јер ћемо почети са већ креираним пројектом.

Иако је апликација усредсређена на Убунту Тоуцх Може се користити и у убунту као да је то нормална примена

Основно знање

Да бисмо креирали апликацију, користићемо компоненте убунтуИако бисмо могли да креирамо сопствене компоненте, у овом случају то нећемо учинити.

Убунту компоненте су компоненте које ћемо користити за нашу апликацију:

Снимка из 2014-07-04 23:57:48

Да бисмо их користили исто, морамо увести модул:

увоз Убунту.Цомпонентс 0.1

У компонентама можемо пронаћи различите елементе, као што су дугмад, траке напретка итд. Можемо преузети пројекат где нам показују већину ових компоненти:

бзр подружница лп: убунту-уи-тоолкит 
морамо имати инсталиран бзр

Дизајнирање апликације

Полазимо од слике на којој је направљена апликација ГТК, у овом случају ћемо користити КМЛ, уствари ћемо створити целу апликацију помоћу Кт Куицк (КМЛ + JavaScript ).

Апликација ће се, попут слике, састојати од питања, времена, одговора, опција и тачака. Једина разлика (осим „стила“) биће у томе што ћемо горе имати Табс.

За ово ћемо користити елементе буттон, лабел и прогрессБар. За структуру ћемо користити Елемент Колона y Ред.

Касније ћемо створити скуп питања

Дизајнирање изгледа главног екрана:

Почињемо са МаинВиев-ом, где ће се наћи различите картице, у овом случају ћемо радити на изгледу почетног екрана наше апликације.

МаинВиев {објецтНаме: "маинВиев" // ...}

Димензије (за Убунту Тоуцх):

ширина: јединице.гу (50) висина: јединице.гу (75)

Дефинисемо дужину и ширину наше апликације, где ће ширина бити 50 (јединица), а дужина 75, сада ћемо је обојити:

хеадерЦолор: "# 57365Е" бацкгроундЦолор: "# А55263" фоотерЦолор: "# Д75669"

Имамо боју заглавља, тела и подножја:

Снимка из 2014-07-05 15:24:58

Као што сам већ поменуо, пријаву ће структурирати Табс:

    Табс {ид: табс Сет {објецтНаме: "јоцТаб"} / * Додај {објецтНаме: "аддКуестионс"} * /}

Као што видимо имамо две картице, једну коментарисану (нисмо је још створили) и другу за репродукцију (коју ћемо сада створити). Да бисмо креирали наведену картицу, креираћемо нову кмл датотеку (Додај нову -> Кт -> КМЛ датотека -> ...), име те датотеке ће бити Гаме.кмл.

Па, хајде да модификујемо Гаме.кмл на такав начин да га претворимо у Таб, који унутра има страницу (Паге):

импорт КтКуицк 2.0 импорт Убунту.Цомпонентс 0.1 Таб {титле: и18н.тр ("Гаме") Страница {}}

Унутар странице започињемо са структурирањем елемената које помињемо у дизајну. Колона која ће садржати све елементе изнутра (поставиће их вертикално), затим ћемо елементе довести у ред: Ознака, ПрогрессБар, 4 дугмета; и да ставимо опције, користићемо елемент Ред да бисмо их поставили хоризонтално.

Колона {анцхорс.топ: Гамепаге.топ анцхорс.топМаргин: 50 размак: 15 ширина: парент.видтх хеигхт: парент.хеигхт - 50 Лабел {ид: куестион анцхорс.топМаргин: 500 тект: "Куестион?" анцхорс.хоризонталЦентер: парент.хоризонталЦентер фонтСизе: "ларге" фонт.болд: труе} ПрогрессБар {ид: тиме анцхорс.хоризонталЦентер: парент.хоризонталЦентер} Дугме {ид: респ1 тект: "Респонсе 1" анцхорс.хоризонталЦентер: парент.хоризонталЦентер} Дугме {ид: респ2 тект: "Респонсе 2" сидра.хоризонталЦентер: парент.хоризонталЦентер} Дугме {ид: респ3 тект: "Респонсе 3" сидра.хоризонталЦентер: парент.хоризонталЦентер} Дугме {ид: респ4 тект: "Респонсе 4" сидра .хоризонталЦентер: парент.хоризонталЦентер} Ред {размак: 15 сидра.хоризонталЦентер: парент.хоризонталЦентер Дугме {ид: б50 тект: "50%"} Дугме {ид: бЦон тект: "Фреезе"} Дугме {ид: бНект тект: " Следећи "}} Ред {размак: 15 сидришта.хоризонталЦентер: парент.хоризонталЦентер Ознака {ид: неуспели текст:" Откази: 0 "боја:" црвена "} Ознака {ид: погађа текст:" Погодак: 0 "} Ознака {ид : текст тачака: "Поинтс: 0" фонтСизе: "медиум"}}

Погледајмо како унутар сваког елемента који је омеђен његовим {} имамо различита својства, у случају ознаке и дугмади можемо видети да је својство „тект“ текст који приказује, важно невизуелно својство је идентификатор "ид", који ће нам помоћи када имплементирамо логику апликације.

На крају можемо видети резултат:

Снимка из 2014-07-23 19:21:03


Оставите свој коментар

Ваша емаил адреса неће бити објављена. Обавезна поља су означена са *

*

*

  1. За податке одговоран: Мигуел Ангел Гатон
  2. Сврха података: Контрола нежељене поште, управљање коментарима.
  3. Легитимација: Ваш пристанак
  4. Комуникација података: Подаци се неће преносити трећим лицима, осим по законској обавези.
  5. Похрана података: База података коју хостује Оццентус Нетворкс (ЕУ)
  6. Права: У било ком тренутку можете ограничити, опоравити и избрисати своје податке.

  1.   Нано дијо

    Свиђа ми се, недостаје неких детаља по мом мишљењу, али то је добар референтни водич ...

  2.   Ариел дијо

    Врло добар! Веома добро функционише ако започнете са Кмл.
    Ово је до сада најбољи Линук блог на шпанском језику. Никада раније нисам коментарисао, али свако мало то проверим; то је скоро зависност коју имам.
    Једно питање ... Може ли се програм направљен помоћу Убунту СДК-а инсталирати на сасвим другачији дистро, као што је Арцх на пример? Претпостављам да ће бити потребно испунити неку зависност (попут Кт наравно). Али постоје све ове зависности нормално у спремиштима било ког дистро-а.

    1.    Ариел дијо

      Извините, последња реченица је у ствари требала бити питање ... Да ли су све зависности у спремиштима било ког дистро-а?

      1.    лолбимбо дијо

        Подразумевано не можете инсталирати -ла (у овом случају), јер има зависности као што су убунту-компоненте (у овом случају верзија 0.1), ако их инсталирате касније, то не би требало да ствара проблеме, у случају да компоненте не користите (Мислим да можете и да их увезете у апликацију тако да ће се повећати на тежини, али их уклањате као зависност), као што је апликација за сиграм (клијент за телеграм), направљена је помоћу кт брзо и можете је инсталирати дистрос.

  3.   Сасуке дијо

    Надам се да сте завршили пријаву.

    1.    Габиелус дијо

      То је веома добра. Већ сам следио кораке и такав је какав је.
      Надам се да ћете наставити пројекат ...