Ukuphuhlisa iZicelo zeBuntu [QML]

Ukufaka Ubuntu SDK

ubuntu sdk yi-IDE esibonelela ngezixhobo esizifunayo zokuphuhlisa usetyenziso olusekwe kuyo QTC uMbumbi.

sudo apt-get install ubuntu-sdk

Ukuba sele sifakile siyayivula kwaye oku kuya kuvela:

Uxwebhu

Singafumana ulwazi oluninzi kwifayile ye- Kwiwebhu Ukusuka kubaphuhlisi bo-Ubuntu, izifundo, ii-api ...

Ngaphakathi kwi-Ubuntu SDK efanayo sinokufumana amacandelo esinokufunda kuwo, jonga ikhowudi ... Ezi ndidi ziNcedo, iWiki, iiCore Apps kunye ne-API.

Kwi-API singafumana zonke ii-Ubuntu api.Components 0.1 ezingamacandelo esiya kuthi sizisebenzise ukwenza usetyenziso.

KwiiCore Apps kusibonisa iwebhu ubuntu-phone-coreapps Yokwazisa apho sinokufumana khona ikhowudi yezicelo ezininzi. KuNcedo sinokubona ezinye iincwadana ezinokusinceda ukuba siqale.

web apho sinokufumana khona isifundo sokubonisa i-json nge-qml kunye nejavascript.

Ukwenza isicelo (Umxhasi)

Ukubona umzekelo siza kudala umxhasi, endisele ndithethile kancinci apha

Senza iprojekthi entsha: Ifayile -> Ifayile eNtsha okanye iProjekthi

Kwaye sikhetha i-UI elula yokuChukumisa. Ngeli xesha siyile iprojekthi yethu, iya kubonakala ilungisiwe, kunye neefayile ezithile kunye nezinye iifolda, ukuba siyabaleka ngoku siza kufumana umzekelo wesicelo, esingasokuze siwusebenzise okanye ngokuyinxenye njengendawo esisiseko yokwenza eyethu.

 

Ukuba ngoku songeza uluhlu lokujonga ngemodeli ethatha idatha kaJson kwiihlaya, ezinje ngesihloko, siya kuba:

Senza ifayile ebizwa ngokuba yidatha.js, ukwenza le fayile cofa ekunene kwiprojekthi Yongeza entsha -> Qt -> JS ifayile:

Siyayibona indlela esiyicacisa ngayo i-json ngokuthatha kuphela uluhlu lweziphumo apho kwisiphumo ngasinye siya kufumana isihloko sayo.

console.log kufana nokwenza uprinta ikhonsoli.

Okokugqibela sifaka isimangaliso.qml ngaphezulu apho ukungenisa ngaphakathi

import "data.js" as Data

Isiphumo:

Masicinge ukuba sifuna ukunika usetyenziso lwethu imbonakalo engcono, umzekelo endaweni yokubonisa kuphela isihloko esibonisa umfanekiso. kwaye sikwazi ukuzihambisa ngokuthe tyaba, ewe, masenze:

Songeza ipropathi yokuqhelaniswa nokujongwa kuluhlu

orientation: ListView.Horizontal

Sitshintsha kwakhona isicatshulwa somfanekiso:

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

Kwaye kwidatha.js sidibanisa i-thumbnail

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

Siyazibona iziphumo:

Ewe ngoku sinokwenza imisebenzi emininzi yesicelo sethu ukuba siyenze, njengokucofa kumfanekiso oza kusibonisa ulwazi, injini yokukhangela yabalinganiswa ... Kodwa siza kushiya umzekelo apha.

Packaging

Okokugqibela, kufuneka senze ipakeji yethu kuphela, siya kuPakisha:

Siyabona ukuba kufuneka sigcwalise ezinye iinkalo. Njengomzekelo ukuba usebenzisa i-intanethi ..., xa konke kugqityiwe sinika ukwenza iphakheji eya kuthi yenze ifayile .click ukuze sikwazi ukufaka usetyenziso.

Isiphelo (GTK3 okanye QML)

Ngokwenkangeleko, ndiyayithanda i-gtk kakhulu kodwa inqanaba "lokulungiswa" koku kushiya okunqwenelekayo, kwelinye icala nge-qml ungayenza i-UI ibe ninzi kwabanye inezinto zayo (izinto zeDesktop) ezishiya imbonakalo njenge ukuba yayiyi-gtk.