Created
May 1, 2018 20:05
-
-
Save mrmccormack/a9d43995fe2c7cc0d3ebf179f83a7ecb to your computer and use it in GitHub Desktop.
Tabrisjs folder tab example for T.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
TabFolder, Tab and WebView | |
@version:2.4 | |
Snippet url: | |
- http:// | |
References: | |
- https://tabrisjs.com/documentation/latest/api/TabFolder.html | |
*/ | |
const {Button, Tab, TextInput, TabFolder, TextView, ImageView, ui} = require('tabris'); | |
let tabFolder = new TabFolder({ | |
left: 0, top: 0, right: 0, bottom: 0, | |
paging: true // enables swiping. To still be able to open the developer console in iOS, swipe from the bottom right. | |
}).appendTo(ui.contentView); | |
let tabHome = new Tab({ | |
title: 'Tab 1', // converted to upper-case on Android | |
//image: {src: image, scale: 2}, | |
//selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2} | |
}).appendTo(tabFolder); | |
let txt1 = new TextView({ | |
centerX: 0, centerY: 0, | |
text: 'Content of Tab 1 ' | |
}).appendTo(tabHome); | |
new ImageView({ | |
centerX:0, top: 'prev() 10', width: 100, height: 100, | |
image: 'https://previews.123rf.com/images/prolific/prolific1311/prolific131100010/23902374-sailing-yacht-logo.jpg', | |
background: '#aaaaaa', | |
scaleMode: 'fit' | |
}).appendTo(tabHome); | |
let tabWeb = new Tab({ | |
title: 'Tab 2', // converted to upper-case on Android | |
//image: {src: image, scale: 2}, | |
selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2} | |
}).appendTo(tabFolder); | |
let txt2 = new TextView({ | |
centerX: 0, top:0, | |
text: 'Content of Tab 2 ' | |
}).appendTo(tabWeb); | |
new ImageView({ | |
centerX:0, top: 'prev() 10', width: 100, height: 100, | |
image: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLhE5fecIX_k4DZL6KWcSkDZ55BQckW-U-XzOb5LoaMPmtcbeGxw', | |
background: '#aaaaaa', | |
scaleMode: 'fit' | |
}).appendTo(tabWeb); | |
let tabTaylar = new Tab({ | |
title: 'Tab 2', // converted to upper-case on Android | |
//image: {src: image, scale: 2}, | |
selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2} | |
}).appendTo(tabFolder); | |
let txt3 = new TextView({ | |
centerX: 0, top:0, | |
text: 'Hey this is tab 3 Taylar ' | |
}).appendTo(tabTaylar); | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment