Ukuthuthukisa Izicelo ze-Ubuntu [QML]

Ukufaka i-Ubuntu SDK

Ubuntu SDK iyi-IDE esisinikeza amathuluzi esiwadinga ukuthuthukisa uhlelo lokusebenza olususelwa ku- QTC uMdali.

sudo apt-get install ubuntu-sdk

Uma ngabe kufakiwe siyakuvula futhi lokhu kuzovela:

imibhalo

Singathola imininingwane eminingi kufayela le- web Abathuthukisi be-Ubuntu, okokufundisa, i-api ...

Ngaphakathi kwe-Ubuntu SDK efanayo singathola izigaba esingafunda kuzo, bheka ikhodi ... Izigaba zizo Usizo, i-Wiki, i-Core Apps ne-API.

Ku-API singathola yonke i-Ubuntu api.Components 0.1 okuyizinto esizoyisebenzisa ukudala uhlelo lokusebenza.

KuCore Apps kusikhombisa iwebhu ubuntu-phone-coreapps ye-launchpad lapho singathola khona ikhodi yezinhlelo zokusebenza eziningana. Ku-Usizo singabona ezinye izincwadi ezizosisiza ukuthi siqale.

kuwebhu lapho singathola khona isifundo sokuhlwaya i-json nge-qml ne-JavaScript.

Ukwakha uhlelo lokusebenza (iKlayenti)

Ukubona isibonelo sizokwakha iklayenti, engivele ngakhuluma ngalo kancane lapha

Sakha iphrojekthi entsha: Ifayela -> Ifayela Elisha noma Iphrojekthi

Futhi sikhetha i-Simple Touch UI. Ngaleso sikhathi esakha ngaso iphrojekthi yethu, izobonakala ihlelekile, inamafayela athile namanye amafolda, uma sisebenza manje sizothola uhlelo lwesibonelo, esingeke silusebenzise noma ngokwengxenye njengendawo eyisisekelo yokudala eyethu.

 

Uma manje sengeza i-listView ngemodeli ethatha idatha kaJson kumakhomikhi, njengesihloko, sizoba:

Sakha ifayela elibizwa ngedatha.js, ukudala leli fayela chofoza kwesokudla kuphrojekthi Faka okusha -> Qt -> JS file:

Siyabona ukuthi sihlaziya kanjani i-json ngokuthatha kuphela uhlu lwemiphumela lapho ngomphumela ngamunye sizosithola khona isihloko sayo.

i-console.log ifana nokuphrinta i-console.

Ekugcineni sifake isimangaliso.qml ngaphezulu lapho okungeniswa khona

import "data.js" as Data

Umphumela:

Ake sicabange ukuthi sifuna ukunika uhlelo lwethu ukubukeka okungcono, ngokwesibonelo esikhundleni sokubonisa kuphela isihloko esibonisa isithombe. futhi sikwazi ukuhambisa ngokuvundlile, kahle, masikwenze:

Sifaka impahla yokuma ku-listview

orientation: ListView.Horizontal

Siphinde sishintshe umbhalo ube isithombe:

Image {
width: 200; height: 150
fillMode: Image.PreserveAspectFit
source: thumbnail+".jpg"
}

Futhi ku-data.js sengeza isithonjana

marvelModel.append({id: i.id, title: i.title, thumbnail: i.thumbnail.path});

Siyawubona umphumela:

Hhayi-ke manje sesingenza imisebenzi eminingi ukuze uhlelo lwethu lwenze, njengokuchofoza esithombeni kuzosikhombisa imininingwane, injini yokusesha yabalingiswa ... Kepha sizoshiya isibonelo lapha.

Okufakiwe

Ekugcineni, kufanele senze iphakheji yethu kuphela, siye ku-Packaging:

Siyabona ukuthi kufanele sigcwalise eminye imikhakha. Ngokuqondene nesibonelo uma usebenzisa i-intanethi ..., lapho konke kuphelele sinikeza ukudala iphakethe elizokwakha ifayela le-.click ukuze sikwazi ukufaka uhlelo lokusebenza.

Isiphetho (GTK3 noma i-QML)

Ngokwendlela ebukeka ngayo, ngiyayithanda kakhulu i-gtk kepha izinga lokuthi "ukuguqulwa" kwalo kushiya kungathandeki, ngakolunye uhlangothi nge-qml ungenza i-UI ngokwezifiso kakhulu kwabanye futhi inezinhlanganisela (Izingxenye zeDeskithophu) ezishiya ukubukeka njenge ukube bekuyi-gtk.