Virtual Class

BaseView

所有UI组件的基类,无法直接用来创建UI对象,用于提供UI对象的基础方法


方法

ID API 参数 返回值 平台 备注
1 initParams table: LuaTable - Android 初始化参数
2 invalidate - - - 强制重绘
3 padding left: Number
top: Number
right: Number
bottom: Number
- - 内边距
4 frame x: Number
y: Number
width: Number
height: Number
- - View尺寸
5 backgroundColor color: Number
alpha: Number
color, alpha - 背景色&alpha
6 size width: Number
height: Number
width, height - 尺寸
7 xy x: Number
y: Number
x,y - x、y坐标
8 align aligns[]: Align - - 设置自身在父容器的布局
9 alignLeft - - - 设置自身位于父容器Left&Top
10 alignTop - - - 设置自身位于父容器Left&Top
11 alignRight - - - 设置自身位于父容器Right&Top
12 alignBottom - - - 设置自身位于父容器Left&Bottom
13 alignLeftTop - - Android 设置自身位于父容器Left&Top
14 alignTopLeft - - Android 设置自身位于父容器Left&Top
15 alignCenterTop - - Android 设置自身位于父容器Center&Top
16 alignTopCenter - - Android 设置自身位于父容器Center&Top
17 alignRightTop - - Android 设置自身位于父容器Right&Top
18 alignTopRight - - Android 设置自身位于父容器Right&Top
19 alignLeftBottom - - Android 设置自身位于父容器Left&Bottom
20 alignBottomLeft - - Android 设置自身位于父容器Left&Bottom
21 alignCenterBottom - Android - 设置自身位于父容器Center&Bottom
22 alignBottomCenter - Android - 设置自身位于父容器Center&Bottom
23 alignRightBottom - - Android 设置自身位于父容器Right&Bottom
24 alignBottomRight - - Android 设置自身位于父容器Right&Bottom
25 alignCenter - - - 设置自身位于父容器Center
26 alignLeftCenter - - Android 设置自身位于父容器Left&Center
27 alignCenterLeft - - Android 设置自身位于父容器Left&Center
28 alignRightCenter - - Android 设置自身位于父容器Right&Center
29 alignCenterRight - - Android 设置自身位于父容器Right&Center
30 alignCenterHorizontal - - Android 设置自身位于父容器center in horizontal
31 alignHorizontalCenter - - Android 设置自身位于父容器center in horizontal
32 alignCenterVertical - - Android 设置自身位于父容器center in vertical
33 alignVerticalCenter - - Android 设置自身位于父容器center in vertical
34 center x: Number
y: Number
x, y - 中心点坐标
35 x x: Number x - x坐标
36 y y: Number y - y坐标
37 left left: Number left - 距离父容器左侧边距
38 top top: Number top - 距离父容器上侧边距
39 right right: Number right - 距离父容器右侧边距
40 bottom bottom: Number bottom - 距离父容器底部边距
41 width width: Number width - 宽度
42 minWidth width: Number width Android 最小宽度
43 height height: Number height - 高度
44 centerX x: Number x - 中心点x坐标
45 centerY y: Number y - 中心点y坐标
46 visible v: Boolean v Android 可见性
47 hidden v: Boolean v - 可见性
48 show - - - 显示
49 isShow - v: Boolean - 是否可见
50 hide - - - 隐藏
51 isHide - v: Boolean - 是否隐藏
52 enabled v: Boolean v - 是否可用
53 alpha alpha: Number alpha - 透明度
54 borderWidth width: Number width - 边框宽度
55 borderColor color: Number color - 边框颜色
56 clipsToBounds v: Boolean v iOS View边框是否剪接
57 shadowPath v: Boolean v iOS 只对边框外部加阴影
58 masksToBounds v: Boolean v iOS 设置边框是否裁剪
59 shadowOffset v: Number v iOS 设置View阴影偏移位置
60 shadowRadius v: Number v iOS 设置View阴影高斯模糊半径
61 shadowOpacity v: Number v iOS 设置View阴影透明度
62 shadowColor v: Number v iOS 设置View阴影颜色
63 sizeToFit - - - 适应View内容的大小
64 addGestureRecognizer - - iOS 添加手势
65 removeGestureRecognizer - - iOS 移除手势
66 transform3D v: Number[] - iOS 设置3D变换矩阵
67 anchorPoint x: Number
y: Number
- - 锚点
68 removeFromSuper - - - 从父容器移除
69 removeFromParent - - - 从父容器移除
70 hasFocus - v: Boolean - 是否有焦点
71 requestFocus - - - 请求焦点
72 clearFocus - - - 取消焦点
73 rotation v: Number - - 旋转角度
74 rotationXY rx: Number
ry: Number
rx, ry - 根据x坐标和y坐标得到的旋转角度,pivot
75 scale sx: Number
sy: Number
sx, sy - x,y缩放
76 scaleX sx: Number sx - x坐标缩放
77 scaleY sy: Number sy - y坐标缩放
78 translation tx: Number
ty: Number
x, y - x、y位移
79 translationX tx: Number tx - x坐标位移
80 translationY ty: Number ty - y坐标位移
81 bringToFront - - Android 将view设置到前台
82 scrollTo sx: Number
sy: Number
- Android 滚动到某个位置
83 scrollBy sx: Number
sy: Number
- Android 移动一段距离
84 scrollX sx: Number sx Android x方向滚动到某个位置
85 offsetX sx: Number sx Android x方向滚动到某个位置
86 scrollY sy: Number sy Android y方向滚动到某个位置
87 offsetY sy: Number sy Android y方向滚动到某个位置
88 scrollXY sx: Number
sy: Number
sx, sy Android x、y方向移动到某个位置
89 offsetXY sx: Number
sy: Number
sx, sy Android x、y方向移动到某个位置
90 offset sx: Number
sy: Number
sx, sy Android x、y方向移动到某个位置
91 showScrollIndicator h: Boolean
v: Boolean
h, v Android 设置滚动条是否显示(横向、纵向)
92 callback v: LuaTable v - 监听view的各种事件
93 onClick v: LuaFunction v - 设置view的点击事件
94 onLongClick v: LuaFunction v Android 设置view的长按事件
95 adjustSize - - - 调整大小以适应内容
96 cornerRadius radius: Number radius - 设置边框圆角半径
97 startAnimation anims: Animation[] - - 开始播放动画
98 stopAnimation - - - 停止动画播放
99 isAnimating - v: Boolean - 是否正在播放动画
100 flexCss v: String v - 设置flex属性
101 flxLayout v: String v iOS 设置flex布局
102 effects effect: ViewEffect
color: Number
alpha: Number
effect - 设置view的特效
103 nativeView - v: Object - 获取NativeView
104 borderDash v: Number - - 设置边框虚线
105 margin l: Number
t: Number
r: Number
b: Number
l, t, r, b Android 边距
106 onTouch v: LuaFunction v 设置触摸事件

示例

initParams

TableView():initParams({
})

frame

view:frame(0, 0, 100, 100)
view:frame()

padding

view:padding(5, 5, 5, 5)

backgroundColor

view:backgroundColor(0xff0000, 0.5)

align

view:align(Align.RIGHT, Align.BOTTOM)

startAnimation

anim1 = Animation():alpha(1, 0):duration(1)
anim2 = Animation():scale(1, 0):duration(2):delay(0.2)
view:startAnimation(anim1, anim2)

flexCss

view = View()
view:flexCss("margin-left: 10, sizetofit: 1, align-self: center")

flxLayout

view = View()
view:flxLayout(true, function()
    print("do something") -- layout事件回调处理
end)

effects

view:effects(ViewEffect.CLICK) -- 点击特效
view:effects(ViewEffect.CLICK, 0xff0000, 0.5) -- 点击特效,颜色红色,alpha=0.5
view:effects(ViewEffect.NONE) -- 无效果

onClick事件注册

view:onClick(function()
    -- 点击事件回调处理
  end)

results matching ""

    No results matching ""