Pagbubuo ng Mga Aplikasyon para sa Ubuntu [QML]

Pag-install ng Ubuntu SDK

Ubuntu SDK ay isang IDE na nagbibigay sa amin ng mga tool na kailangan namin upang makabuo ng isang application batay sa QTCreator.

sudo apt-get install ubuntu-sdk

Kung minsan na-install binuksan namin ito at lilitaw ito:

dokumentasyon

Maaari kaming makahanap ng maraming impormasyon sa web Mga developer ng Ubuntu, tutorial, api ...

Sa loob ng parehong Ubuntu SDK maaari kaming makahanap ng mga seksyon kung saan maaari naming malaman, tingnan ang code ... Ang mga kategorya ay Tulong, Wiki, Core Apps at API.

Sa API mahahanap natin ang lahat ng Ubuntu api. Mga Komponent na 0.1 na mga sangkap na gagamitin namin upang likhain ang app.

Sa Core Apps ipinapakita nito sa amin ang web ubuntu-phone-coreapps ng launchpad kung saan mahahanap natin ang code ng maraming mga application. Sa Tulong maaari naming makita ang ilang mga manwal na makakatulong sa aming magsimula.

web kung saan maaari kaming makahanap ng isang tutorial upang i-parse ang json sa qml at javascript.

Lumilikha ng isang application (isang Client)

Upang makita ang isang halimbawa lilikha kami ng isang kliyente, na kung saan ay nakausap ko na nang kaunti dito.

Lumilikha kami ng isang bagong proyekto: File -> Bagong File o Project

At pinili namin ang Simple Touch UI. Sa oras na nilikha namin ang aming proyekto, lilitaw itong nakabalangkas, na may ilang mga file at ilang mga folder, kung tatakbo kami ngayon makakakuha kami ng isang halimbawa ng application, na hindi namin gagamitin o gagamitin namin ng bahagyang bilang isang base point upang likhain ang amin.

 

Kung ngayon ay nagdagdag kami ng isang listahan ng Pagtingin sa isang modelo na kumukuha ng data ng Json mula sa mga komiks, tulad ng pamagat, magkakaroon kami ng:

Lumilikha kami ng isang file na tinatawag na data.js, upang likhain ang file na ito sa tamang pag-click sa proyekto Magdagdag ng bago -> Qt -> JS file:

Maaari naming makita kung paano namin parse ang json sa pamamagitan ng pagkuha lamang ng mga resulta ng array kung saan para sa bawat resulta ay makukuha namin ang pamagat nito.

Ang console.log ay tulad ng paggawa ng isang naka-print para sa console.

Sa wakas inilalagay namin sa marvel.qml sa itaas kung saan ang mga pag-import

import "data.js" as Data

Resulta:

Isipin natin na nais nating bigyan ang aming application ng isang mas mahusay na hitsura, halimbawa sa halip na ipakita lamang ang pamagat na nagpapakita ng isang imahe. at magagawang ilipat ang mga ito nang pahalang, mabuti, gawin natin ito:

Idinagdag namin ang orientation na pag-aari sa listview

orientation: ListView.Horizontal

Binabago rin namin ang Teksto para sa isang imahe:

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

At sa data.js idinagdag namin ang thumbnail

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

Maaari nating makita ang resulta:

Ngayon maaari naming gawin ang maraming mga pag-andar para sa aming aplikasyon na gawin, tulad ng pag-click sa imahe ay magpapakita sa amin ng impormasyon, isang character na search engine ... Ngunit iiwan namin ang halimbawa dito.

packaging

Sa wakas, kailangan lang naming lumikha ng aming package, pumunta kami sa Packaging:

Makikita natin na kailangan nating punan ang ilang mga patlang. Tulad ng halimbawa kung gumagamit ka ng internet ..., kapag nakumpleto namin ang lahat ay binibigyan namin ang lumikha ng package na lilikha ng isang .click file upang mai-install namin ang application.

Konklusyon (GTK3 o QML)

Sa mga tuntunin ng hitsura, personal kong gusto ang gtk ng marami ngunit ang antas ng "pagbabago" na ito ay nag-iiwan ng maraming nais, sa kabilang banda na may qml maaari mong ipasadya ang UI ng marami sa iba mayroon din itong Mga Bahagi (Mga Bahagi ng Desktop) na iniiwan ang hitsura bilang kung ito ay gtk.