Hi All,
if can help, i have published some application templates to use as starting point for Application development based on AdaptiveLayout, ListView, Chart, PageStack.
Templates and How to tutorial can be found at: https://github.com/fulvio999/ubports_app_templates
@bhdouglass If you want, feel free to clone, edit or include in the doc.
Thanks
Best posts made by fulvio
-
RE: Core Apps & Documentation Updates #2
-
RE: Core Apps & Documentation Updates #2
Hi @matteo,
you must use the FULL path to the cookiecutter.json file of the template that you want use.
I have updated the Readme file on github (see "Example" section)
Tnx -
RE: Getting crash when adding a WebView to my Page
Hi @mungorae ,
as test i have created a sample app with clickable - -init and template [2]: cmake - C++/QML App, added a WebView like your one and using "clickable --desktop" i have no issues (i have only removed import Ubuntu.Connectivity 1.0 ).
But, looking around i have found this: https://stackoverflow.com/questions/52415263/crash-when-using-webview-on-ubuntu-touch-xenial#
Seems you are the author of that question... As you say in the question you are building/running an App for exenial (16.04) but in your manifest file you have: "policy_version": 1.3 which is a wrong value.
Look here for info about how to update manifest and apparmor files to build app for xenial: https://forums.ubports.com/topic/1215/updating-apps-to-16-04
Then try with: "clickable - -xenial" or "clickable --xenial --desktop"
I'm not sure this solve the issues but i hope can help -
RE: UBports Community Update 18 | December 9, 2017
Hi all,
i would like know info about the future of App development with UBports. I'm using Ubuntu 16.04 LTS Ubuntu sdk IDE to develop my Apps. To test them on a real device i use my Tablet M10 and the phone Emulator running from the IDE to test on the phone (i haven' any phone).
What about the SDK- IDE for the future versions of Ubuntu (eg. 17.10)? It will be available for them ?
I know that currently is not maintained, developed for some valid reasons (money, missing developers...) will be at least a packaged version for future Ubuntu version so that App developers can use it ?
I kwnow about the "clickable" environment but with it i can run an emulator to test App on phone and what editor should be used ?
Thanks !! -
RE: references for file access requested
Hi @hoh61
i try to provide some info (i hope can help).Premise: I'm referring at "Clickable" as new reference development tool (http://clickable.bhdouglass.com/en/latest/)
instead of Ubuntu-SDK, LXC because is not maintained.1) create an modify hidden files... :
An App can't write everywhere.
By default can write/read only form his folder (an hidden one under the home folder /home/phablet/).Is possible have unconfined App (but i don't know exactly how, try to look the code of this App
https://open.uappexplorer.com/app/ut-tweak-tool.sverzegnassi) it have a Full System Access.To Write/read files from/to the App folder is possible adding a C++ plugin at the QML code of the App.
For example look: https://github.com/fulvio999/teditThat App have a C++ plugin to write read/file from/to the App folder.
(the pluign code: https://github.com/fulvio999/tedit/blob/master/plugins/EdIt/mytype.cpp)
That C++ plugin is registered as plugin (https://github.com/fulvio999/tedit/blob/master/plugins/EdIt/backend.cpp)
to be used in the QML code as a QML component:
FileIO { .... }(NOTE That App code is a fork from original one: https://bazaar.launchpad.net/~pawstr/edit/trunk/files)
To run that application, clone the GIT repo and to execute it on your desktop from a shell run:
clickable - - desktop
(do it in the folder where is the placed the file named clickable.json ) where "clickable" is the executable of Clickable tool.2) can access media files....
Try to look here, maybe can help:
https://bazaar.launchpad.net/~music-app-dev/music-app/trunk/view/head:/app/components/Player.qmlTip: try a search in the OpenStore https://open.uappexplorer.com/ for App that perform what are you looking for and
look at the sources link (if the author publish it).You can try to create a base skeleton of an QML with C++ App running "clickable init" and choosen the template
[2] cmake - C++/QML App (built using CMake) -
RE: Core Apps & Documentation Updates #2
Hi @matteo,
yes is possible load data from a different source, like a database sqlite the database used by Ubuntu touch (Ubports)
For an example about chart + data loaded from sqlite database look at this:
https://mimecar.gitbook.io/qt-course/en/chapter-05-advanced/chapter-05-s01
("Database access with QML" and "QML and Charts" chapters)
The sample App associated with "QML and Charts" chapter can be found here:
https://github.com/mimecar/ubuntu-touch-programming-course-src
(is the project named: WeatherRecorderChart)
NOTE: that project are made with old Ubuntu sdk - ide But should work also with clickable (just 'clickable desktop' in the folder with the .pro file)
In case of does not work with clickable, the source code of the sample App is valid you can use it.the two file you are interested are:
'ChartUtils.js' is the file containing the query to load data from sqlite database and prepare the data-set for the chart
'ChartPage.qml' is the qml page where the chart is drawn
To load data from a Libre Office sheet...sorry but i don't know how to do (maybe someone here have an idea, solution).
Tnx
-
RE: App crash after splashscreen
Hi @Giampy,
if you haven't already done try to:- check apparmor file of you App, it should contains the "webview" permission (maybe with the new Morph.Web have a different name) to allow at the App to connect with a URL (virginRadio..it)
- if you are running on a device Install logViewer App from Openstore to see log messages of your app
- check if policy version in apparmor file are correct for your target Ubports version (xenial, vivid)
- check manifest file of you app if "framework" entry is correct for Ubports version (xenial, vivid)
Hope are useful suggestions
-
RE: Clickable 5.0.0 released !!
Hi,
for the people using "atom-clickable plugin" with clickable 5.0.0 the command "Clickable: Build and run [desktop]" from Atom doesn't work because it uses the old '- - desktop' option replaced by 'desktop'.
To fix quickly this: open with an editor the file (enable 'show hidden files' to see 'atom' folder):
<your-home-folder>/.atom/packages/atom-build-clickable/lib/clickable.json
and remove the '- -' at line 114 after that should like this:
args: [ 'desktop' ],Restart Atom to update the plugin.
I have just made a Pull request at the author of "atom-clickable plugin" to include that fix, and to include the new
'- - vivid' option (added with clickable 5.0.0)
Tnx -
RE: Ubuntu Touch Programming Course
Hi @shelllavie
the sample applications âWeatherRecorderâ and âWeatherRecorderChartâ was made using the Ubuntu-sdk-ide.
After writing them, that tool was deprecated and replaced by âclickableâ.Running the the sample apps with clickable can be little issues.
Issue 1: icon images .png ( temperature.png and search.png) are not showed when the running on a device (or desktop) and are not include in .click package.
Fix: Add this:
$$files(*.png,true) \
at the existing entry âQML_FILESâ in the WeatherRecorde.pro file
the one placed inside the folder containing .png icon and qml files).
With that modification should like this:QML_FILES += $$files(.qml,true)
$$files(.png,true)
$$files(*.js,true)
Issue 2: there are incongruous values for âapplicationNameâ parameters in Main.qml and âmanifest.json.inâ files.
This could cause an error when trying to run the application on a device.Fix: Align the values in âMain.qmlâ and âmanifest.json.inâ to have the same value in both files.
In Main.qml
applicationName: "weatherrecorderchart"manifest.json.in
"name": "weatherrecorderchart",
I can't update sources on github because the owner of the repo is mimecar.
tnx
Latest posts made by fulvio
-
RE: Migration from Oxide
Thanks @lduboeuf for the interesting links, is the right direction, but after some attempts
seems that WebChannel is not included/supported in Morph.Web. Also QtWebSockets doesn't works. -
Migration from Oxide
Hi All,
i'm moving a my old App based on Oxide library (now deprecated) to the new Ubuntu.Web
I have some issues doing that:
Using Oxide was possible send "messages" (ie: events) from QML to an html file using the function "sendMessage"
like this:In qml file:
webview.rootFrame.sendMessage("messaging://", "**GET_CONTENT**", <other param>);
In the index.html file there is the listener for the event named "GET_CONTENT":
<script> document.addEventListener("**GET_CONTENT**", function (event) { //invoke a JS function in the html file }); </script>
in qml file index.html is declare as:
WebView { url: "./www/**index.html**" })
Is possible do the same things wiht Ubunt.Web ?
Is there somewhere a guide (or better) sample code to perform the same things ?PS: the source code of the app https://github.com/fulvio999/theGrid (now on Openstore is unpublished)
Thanks !
-
RE: Core Apps & Documentation Updates #2
Hi @matteo,
yes is possible load data from a different source, like a database sqlite the database used by Ubuntu touch (Ubports)
For an example about chart + data loaded from sqlite database look at this:
https://mimecar.gitbook.io/qt-course/en/chapter-05-advanced/chapter-05-s01
("Database access with QML" and "QML and Charts" chapters)
The sample App associated with "QML and Charts" chapter can be found here:
https://github.com/mimecar/ubuntu-touch-programming-course-src
(is the project named: WeatherRecorderChart)
NOTE: that project are made with old Ubuntu sdk - ide But should work also with clickable (just 'clickable desktop' in the folder with the .pro file)
In case of does not work with clickable, the source code of the sample App is valid you can use it.the two file you are interested are:
'ChartUtils.js' is the file containing the query to load data from sqlite database and prepare the data-set for the chart
'ChartPage.qml' is the qml page where the chart is drawn
To load data from a Libre Office sheet...sorry but i don't know how to do (maybe someone here have an idea, solution).
Tnx
-
RE: Core Apps & Documentation Updates #2
Hi @matteo,
you must use the FULL path to the cookiecutter.json file of the template that you want use.
I have updated the Readme file on github (see "Example" section)
Tnx -
RE: Core Apps & Documentation Updates #2
Hi All,
if can help, i have published some application templates to use as starting point for Application development based on AdaptiveLayout, ListView, Chart, PageStack.
Templates and How to tutorial can be found at: https://github.com/fulvio999/ubports_app_templates
@bhdouglass If you want, feel free to clone, edit or include in the doc.
Thanks -
Content-hub import Pictures
Hi all,
i'm making an App that must use Pictures stored on the device.
Using my app the user choose the Pictures to be imported. To do that I'm using the Content-hub.
Picture selection and importing works correctly.
The problem is that each selected and imported image is placed in that folder:
'/home/.cache/<MyApp>.fulvio/HubIncoming/'
(where <MyApp> is the App id of my application).
That cause duplication of the images (and space consumption) because the same image is placed in the original folder (where the user pickup it) and in the above one.For my purpose is necessary only have the path/url to the chosen images, (not also a copy of the image under /home/.cache/<MyApp>.fulvio/HubIncoming) so that in my app i can do a thing like this:
Image {
source: <the link to the Image>
}Is possible ?
Thanks !
-
RE: App crash after splashscreen
Hi @Giampy,
if you haven't already done try to:- check apparmor file of you App, it should contains the "webview" permission (maybe with the new Morph.Web have a different name) to allow at the App to connect with a URL (virginRadio..it)
- if you are running on a device Install logViewer App from Openstore to see log messages of your app
- check if policy version in apparmor file are correct for your target Ubports version (xenial, vivid)
- check manifest file of you app if "framework" entry is correct for Ubports version (xenial, vivid)
Hope are useful suggestions
-
RE: Ubuntu Touch Programming Course
Hi @shelllavie
that is a known "problem" not solved to introduce the next chapter topic about adapting the sample application layout at the device screen (phone or tablet).
I have sent the chapter to @mimecar some time ago but due to an important issue Miguel suspended the course for a while (maybe you know about that, if you are subscribed at the course Telegram channel). I don't know when will be published (i am not the owner of the course, i have only written only some contents).To solve the application size issue you can use a Layout named "ConditionalLayout" (https://api-docs.ubports.com/sdk/apps/qml/Ubuntu.Layouts/ConditionalLayout.html?highlight=conditionallayout).
Another solution could be use a "Loader" component (https://api-docs.ubports.com/sdk/apps/qml/Ubuntu.Layouts/ConditionalLayout.html?highlight=conditionallayout).
Useful links:
https://askubuntu.com/questions/446755/what-does-gu-stand-for
https://blog.ubuntu.com/2015/06/16/the-grid-system-in-detailTnx
-
RE: Clickable 5.0.0 released !!
Hi,
for the people using "atom-clickable plugin" with clickable 5.0.0 the command "Clickable: Build and run [desktop]" from Atom doesn't work because it uses the old '- - desktop' option replaced by 'desktop'.
To fix quickly this: open with an editor the file (enable 'show hidden files' to see 'atom' folder):
<your-home-folder>/.atom/packages/atom-build-clickable/lib/clickable.json
and remove the '- -' at line 114 after that should like this:
args: [ 'desktop' ],Restart Atom to update the plugin.
I have just made a Pull request at the author of "atom-clickable plugin" to include that fix, and to include the new
'- - vivid' option (added with clickable 5.0.0)
Tnx