Ubuntu 용 애플리케이션 개발 [QML]

Ubuntu SDK 설치

우분투 SDK 기반으로 애플리케이션을 개발하는 데 필요한 도구를 제공하는 IDE입니다. QTC크리에이터.

sudo apt-get install ubuntu-sdk

일단 설치되면 열면 다음과 같이 나타납니다.

문서

우리는 다음에서 많은 정보를 찾을 수 있습니다. 웹 Ubuntu 개발자, 튜토리얼, API ...

동일한 Ubuntu SDK 내에서 학습 할 수있는 섹션을 찾을 수 있습니다. 코드를 참조하십시오. 카테고리는 도움말, 위키, 핵심 앱 및 API입니다.

API에서 앱을 만드는 데 사용할 구성 요소 인 모든 Ubuntu api.Components 0.1을 찾을 수 있습니다.

Core Apps에서는 웹을 보여줍니다. 우분투 전화 코어 앱 여러 애플리케이션의 코드를 찾을 수있는 런치 패드입니다. 도움말에서 시작하는 데 도움이되는 몇 가지 설명서를 볼 수 있습니다.

Web 여기서 qml 및 javascript로 json을 구문 분석하는 자습서를 찾을 수 있습니다.

애플리케이션 (클라이언트) 만들기

예제를보기 위해 우리는 클라이언트를 만들 것입니다. 여기.

새 프로젝트를 만듭니다 : 파일-> 새 파일 또는 프로젝트

그리고 Simple Touch UI를 선택합니다. 우리가 프로젝트를 만들었을 때, 일부 파일과 폴더가있는 구조화 된 것처럼 보일 것입니다. 지금 실행하면 예제 응용 프로그램을 얻게됩니다.이 응용 프로그램은 사용하지 않거나 부분적으로 우리를 만들기위한 기준점으로 사용할 것입니다. .

 

이제 제목과 같이 만화에서 Json 데이터를 가져 오는 모델을 사용하여 listView를 추가하면 다음과 같은 결과를 얻을 수 있습니다.

data.js라는 파일을 생성하여이 파일을 생성합니다. 프로젝트를 마우스 오른쪽 버튼으로 클릭합니다. Add new-> Qt-> JS 파일 :

각 결과에 대해 제목을 얻을 결과 배열 만 취하여 json을 구문 분석하는 방법을 볼 수 있습니다.

console.log는 콘솔에 대한 인쇄를 수행하는 것과 같습니다.

마지막으로 우리는 수입품이있는 곳에 marvel.qml을 넣습니다.

import "data.js" as Data

결과 :

예를 들어 이미지를 보여주는 제목 만 표시하는 대신 애플리케이션에 더 나은 모양을 제공하고 싶다고 가정 해 보겠습니다. 수평으로 이동할 수 있습니다. 그럼 해보겠습니다.

listview에 방향 속성을 추가합니다.

orientation: ListView.Horizontal

이미지의 텍스트도 변경합니다.

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

그리고 data.js에 썸네일을 추가합니다.

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

결과를 볼 수 있습니다.

이제 우리는 이미지를 클릭하면 정보, 문자 검색 엔진이 표시되는 등 애플리케이션에서 수행 할 수있는 다양한 기능을 수행 할 수 있습니다.하지만 여기에 예제를 그대로 둡니다.

포장

마지막으로 패키지를 생성하기 만하면됩니다. 패키징으로 이동합니다.

일부 필드를 채워야 함을 알 수 있습니다. 예를 들어 인터넷을 사용하는 경우 ... 모든 것이 완료되면 애플리케이션을 설치할 수 있도록 .click 파일을 생성하는 패키지 생성을 제공합니다.

결론 (GTK3 또는 QML)

외형 적으로는 개인적으로 gtk를 많이 좋아하지만 "수정"정도가 많이 필요합니다. 반면에 qml을 사용하면 UI를 다른 사람에게 많이 사용자 정의 할 수 있으며 구성 요소 (데스크톱 구성 요소)도 있습니다. ) 모양이 gtk 인 것처럼 남겨 둡니다.