javascript ES6类扩展了UIComponent

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript ES6类扩展了UIComponent相关的知识,希望对你有一定的参考价值。

import { UIComponent, UIButton, UIImage, TextFormat, UITextField, UISplitText, TextSplitType } from 'ad-ui'
import { Clamp, Align, Ratio, Styles } from 'ad-view'
import { ObjectUtils } from 'ad-utils'

export default class Bg extends UIComponent {
	constructor(arg) {
		const base = {
			id: 'Bg',
			css: {
				width: '100%',
				height: '100%'
			}
		}
		var merged = ObjectUtils.defaults(arg, base, true)

		super(merged)
		const T = this

		T.txtGreeting = new UITextField({
			id: 'txt-greeting',
			target: T,
			css: {
				width: 200,
				height: 30,
				color: '#ff1414'
			},
			align: Align.CENTER,
			fontSize: 40,
			fontFamily: 'template_font',
			format: TextFormat.INLINE_FIT,
			bufferText: {
				left: 5,
				right: 5
			},
			leading: 1,
			text: 'MOBILE ADS'
		})

		T.doSomthing = function() {
			console.log('DO SOMETHING')
		}

		return T
	}
}

以上是关于javascript ES6类扩展了UIComponent的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript ES6 - 数组扩展

es6简单介绍

JavaScript 之 ES6 中数组做了哪些新扩展?

JavaScript学习笔记--ES6学习 数值的扩展

javascript es6 数组功能 [...data, 0] “扩展运算符”

JavaScript ES6 - 函数扩展