Be more productive with the new Tabris 2.8.1
[UPDATE] Due to a regression in Tabris.js 2.8.0 we have released Tabris.js 2.8.1. The update fixes an Android issue in regards to fs.readFile() and an iOS issue in conjunction with gradient backgrounds.
With the latest update to Tabris.js 2.8 we introduce several new features, which will help you to create better mobile apps. From added support for web standard formats like Blob, File and ImageBitmap, to better layout control, to more Canvas features, the release has something in store for everybody.
64-bit support on Android
Starting in August 2019, you will be required to support 64-bit binaries when uploading an app to the Google Play Store. With Tabris.js 2.8 we provide full 64-bit compatibility on Android (Tabris.js 3.x is already 64-bit compatible).
Better Canvas support with ImageBitmap
To draw an image on a Canvas you can now use an ImageBitmap object. It can be constructed from multiple sources via the function createImageBitmap(). The following snippet shows how to draw a PNG image onto a Canvas.
|
1 2 3 4 |
fetch('resources/image.png') .then(response => response.blob()) .then(blob => createImageBitmap(blob)) .then(image => canvasContext.drawImage(image, 100, 100)); |
Added support for Blob and File
The newly supported W3C standard object types Blob and File allow dealing with chunks of data in a better way. For example, the Blob can be used to work with the result of a fetch() request.
|
1 2 3 |
fetch('resources/image.png') .then(response => response.blob()) .then(blob => console.log(blob.size())); |
New Widget property absoluteBounds
The new property absoluteBounds provides the widget bounds relative to the tabris.contentView instead of the direct parent like existing bounds property does.
ScrollView allows to observe scroll state
The ScrollView adds the properties scrollXState and scrollYState which indicate whether the view is currently dragging, scrolling, or in a resting position. Matching change events are available to observe these state changes while in motion.
Get Started with Tabris.js 2.8
- Install the Tabris.js 2 developer app on your device
- Try out the examples bundled in this app
- Run your own code snippets from the playground, our online Tabris.js editor
To start developing real apps,
- Install the latest Tabris CLI on your machine:
npm install -g tabris-cli - Type
tabris initin an empty directory – this will create a simple example app - Type
tabris serveand load it in the developer app
The documentation contains everything you need to know (tip: try the doc search). Beginners find a step-by-step guide in this ebook. If you have questions or comments, you’re also invited to join the community chat.
Feedback is welcome!
Want to join the discussion?Feel free to contribute!
