Code Monkey home page Code Monkey logo

imobicloud.com.imobicloud.label's Introduction

Label

====

Formatted Label

Label example

xml

<Widget id="label" src="com.imobicloud.label" class="tip-label" 
	text="Tip: Swipe left and right �to see all menus."
	textColor="#ffffff"
	search="[
		{ 'text': 'left', 'color': 'red', 'font': { 'fontSize': 18, 'fontFamily': 'HelveticaNeue-Medium' } },
		{ 'text': 'right', 'font': { 'fontSize': 18, 'fontFamily': 'HelveticaNeue-Bold' } }
	]">
</Widget>

tss

".tip-label": { width: 184.5, left: 66.5, font: { fontSize: 18, fontFamily: 'HelveticaNeue-Light' } }
".tip-label-2": { font: { fontSize: 18, fontFamily: 'HelveticaNeue-Light' } }

js

/* same as xml Widget tag
// create
$.getView().add( Alloy.createWidget('com.imobicloud.label', function() {
    var o = $.createStyle({ classes: 'tip-label' });
    _.extend(o, {
        text: 		'Tip: Swipe left and right �to see all menus.',
	 	textColor: 	'#ffffff',
	 	search: 	[
	 		{ 'text': 'left', 'color': 'red', 'font': { 'fontSize': 18, 'fontFamily': 'HelveticaNeue-Medium' } },
			{ 'text': 'right', 'font': { 'fontSize': 18, 'fontFamily': 'HelveticaNeue-Bold' } }
	 	]
    });
    return o;
}()).getView() );
*/

// update
$.label.setText(function() {
    var o = $.createStyle({ classes: 'tip-label-2' });
    _.extend(o, {
        text: 'Tip: Swipe top and bottom �to see all items.',
		textColor: "#000000",
		search: [
			{ text: 'top', color: 'red' },
			{ text: 'bottom', color: 'blue' }
		]
    });
    return o;
}());

Issues:

Changes log:

  • Add textFont

imobicloud.com.imobicloud.label's People

Watchers

James Cloos avatar Brenton House avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.