1100 lines
37 KiB
TypeScript
1100 lines
37 KiB
TypeScript
import Module, { LV_STYLE } from '../lvgl/LVGL';
|
||
|
||
// 屏幕和控件相比，屏幕的flag少了几个
|
||
|
||
/*flag类*/
|
||
export class LVGL_FLAG{
|
||
|
||
public obj:number
|
||
|
||
public checkable:boolean = true;
|
||
public snappable:boolean = true;
|
||
public press_lock:boolean = true;
|
||
public gesture_bubble:boolean = true;
|
||
public hidden:boolean = false;
|
||
public clickable:boolean = false;
|
||
public click_focusable:boolean = false;
|
||
public event_bubble:boolean = false;
|
||
public adv_hittest:boolean = false;
|
||
public ignore_layout:boolean = false;
|
||
public floating:boolean = false;
|
||
|
||
public scroll_elastic:boolean = true;
|
||
public scroll_momentum:boolean = true;
|
||
public scroll_chain:boolean = true;
|
||
public scrollable:boolean = false;
|
||
public scroll_one:boolean = false;
|
||
public scroll_on_focus:boolean = false;
|
||
|
||
constructor(id:number){
|
||
this.obj = id;
|
||
}
|
||
|
||
/**< Make the object hidden. (Like it wasn't there at all)*/
|
||
public set Hidden(v:boolean){
|
||
this.hidden = v;
|
||
if(this.hidden) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_HIDDEN);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_HIDDEN);
|
||
}
|
||
public get Hidden():{[key:string]:boolean}{
|
||
return {"Hidden":this.hidden};
|
||
}
|
||
/**< Make the object clickable by the input devices*/
|
||
public set Clickable(v:boolean){
|
||
this.clickable = v;
|
||
if(this.clickable) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_CLICKABLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_CLICKABLE);
|
||
}
|
||
public get Clickable():{[key:string]:boolean}{
|
||
return {"Clickable":this.clickable};
|
||
}
|
||
/**< Add focused state to the object when clicked*/
|
||
public set Click_Focusable(v:boolean){
|
||
this.click_focusable = v;
|
||
if(this.click_focusable) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_CLICK_FOCUSABLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_CLICK_FOCUSABLE);
|
||
}
|
||
public get Click_Focusable():{[key:string]:boolean}{
|
||
return {"Click_Focusable":this.click_focusable};
|
||
}
|
||
/**< Toggle checked state when the object is clicked*/
|
||
public set Checkable(v:boolean){
|
||
this.checkable = v;
|
||
if(this.checkable) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_CHECKABLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_CHECKABLE);
|
||
}
|
||
public get Checkable():{[key:string]:boolean}{
|
||
return {"Checkable":this.checkable};
|
||
}
|
||
/**< Make the object scrollable*/
|
||
public set Scrollable(v:boolean){
|
||
this.scrollable = v;
|
||
if(this.scrollable) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SCROLLABLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SCROLLABLE);
|
||
}
|
||
public get Scrollable():{[key:string]:boolean}{
|
||
return {"Scrollable":this.scrollable};
|
||
}
|
||
/**< Allow scrolling inside but with slower speed*/
|
||
public set Scroll_Elastic(v:boolean){
|
||
this.scroll_elastic = v;
|
||
if(this.scroll_elastic) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_ELASTIC);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_ELASTIC);
|
||
}
|
||
public get Scroll_Elastic():{[key:string]:boolean}{
|
||
return {"Scroll_Elastic":this.scroll_elastic};
|
||
}
|
||
/**< Make the object scroll further when "thrown"*/
|
||
public set Scroll_Momentum(v:boolean){
|
||
this.scroll_momentum = v;
|
||
if(this.scroll_momentum) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_MOMENTUM);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_MOMENTUM);
|
||
}
|
||
public get Scroll_Momentum():{[key:string]:boolean}{
|
||
return {"Scroll_Momentum":this.scroll_momentum};
|
||
}
|
||
/**< Allow scrolling only one snappable children*/
|
||
public set Scroll_One(v:boolean){
|
||
this.scroll_one = v;
|
||
if(this.scroll_one) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_ONE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_ONE);
|
||
}
|
||
public get Scroll_One():{[key:string]:boolean}{
|
||
return {"Scroll_One":this.scroll_one};
|
||
}
|
||
/**< Allow propagating the scroll to a parent*/
|
||
public set Scroll_Chain(v:boolean){
|
||
this.scroll_chain = v;
|
||
if(this.scroll_chain) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_CHAIN);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_CHAIN);
|
||
}
|
||
public get Scroll_Chain():{[key:string]:boolean}{
|
||
return {"Scroll_Chain":this.scroll_chain};
|
||
}
|
||
/**< Automatically scroll object to make it visible when focused*/
|
||
public set Scroll_On_Focus(v:boolean){
|
||
this.scroll_on_focus = v;
|
||
if(this.scroll_on_focus) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_ON_FOCUS);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SCROLL_ON_FOCUS);
|
||
}
|
||
public get Scroll_On_Focus():{[key:string]:boolean}{
|
||
return {"Scroll_On_Focus":this.scroll_on_focus};
|
||
}
|
||
/**< If scroll snap is enabled on the parent it can snap to this object*/
|
||
public set Snappable(v:boolean){
|
||
this.snappable = v;
|
||
if(this.snappable) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_SNAPPABLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_SNAPPABLE);
|
||
}
|
||
public get Snappable():{[key:string]:boolean}{
|
||
return {"Snappable":this.snappable};
|
||
}
|
||
/**< Keep the object pressed even if the press slid from the object*/
|
||
public set Press_Lock(v:boolean){
|
||
this.press_lock = v;
|
||
if(this.press_lock) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_PRESS_LOCK);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_PRESS_LOCK);
|
||
}
|
||
public get Press_Lock():{[key:string]:boolean}{
|
||
return {"Press_Lock":this.press_lock};
|
||
}
|
||
/**< Propagate the events to the parent too*/
|
||
public set Event_Bubble(v:boolean){
|
||
this.event_bubble = v;
|
||
if(this.event_bubble) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_EVENT_BUBBLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_EVENT_BUBBLE);
|
||
}
|
||
public get Event_Bubble():{[key:string]:boolean}{
|
||
return {"Event_Bubble":this.event_bubble};
|
||
}
|
||
/**< Propagate the gestures to the parent*/
|
||
public set Gesture_Bubble(v:boolean){
|
||
this.gesture_bubble = v;
|
||
if(this.gesture_bubble) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_GESTURE_BUBBLE);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_GESTURE_BUBBLE);
|
||
}
|
||
public get Gesture_Bubble():{[key:string]:boolean}{
|
||
return {"Gesture_Bubble":this.gesture_bubble};
|
||
}
|
||
/**< Allow performing more accurate hit (click) test. E.g. consider rounded corners.*/
|
||
public set Adv_Hittest(v:boolean){
|
||
this.adv_hittest = v;
|
||
if(this.adv_hittest) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_ADV_HITTEST);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_ADV_HITTEST);
|
||
}
|
||
public get Adv_Hittest():{[key:string]:boolean}{
|
||
return {"Adv_Hittest":this.adv_hittest};
|
||
}
|
||
/**< Make the object position-able by the layouts*/
|
||
public set Ignore_Layout(v:boolean){
|
||
this.ignore_layout = v;
|
||
if(this.ignore_layout) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_IGNORE_LAYOUT);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_IGNORE_LAYOUT);
|
||
}
|
||
public get Ignore_Layout():{[key:string]:boolean}{
|
||
return {"Ignore_Layout":this.ignore_layout};
|
||
}
|
||
/**< Do not scroll the object when the parent scrolls and ignore layout*/
|
||
public set Floating(v:boolean){
|
||
this.floating = v;
|
||
if(this.floating) Module.lv_obj_add_flag(this.obj,Module.LV_OBJ_FLAG_FLOATING);
|
||
else Module.lv_obj_clear_flag(this.obj,Module.LV_OBJ_FLAG_FLOATING);
|
||
}
|
||
public get Floating():{[key:string]:boolean}{
|
||
return {"Floating":this.floating};
|
||
}
|
||
|
||
// public layout_1:boolean = false;
|
||
// public layout_2:boolean = false;
|
||
// public widget_1:boolean = false;
|
||
// public widget_2:boolean = false;
|
||
// public user_1:boolean = false;
|
||
// public user_2:boolean = false;
|
||
// public user_3:boolean = false;
|
||
// public user_4:boolean = false;
|
||
// LV_OBJ_FLAG_LAYOUT_1 = (1 << 23), /**< Custom flag, free to use by layouts*/
|
||
// LV_OBJ_FLAG_LAYOUT_2 = (1 << 24), /**< Custom flag, free to use by layouts*/
|
||
// LV_OBJ_FLAG_WIDGET_1 = (1 << 25), /**< Custom flag, free to use by widget*/
|
||
// LV_OBJ_FLAG_WIDGET_2 = (1 << 26), /**< Custom flag, free to use by widget*/
|
||
// LV_OBJ_FLAG_USER_1 = (1 << 27), /**< Custom flag, free to use by user*/
|
||
// LV_OBJ_FLAG_USER_2 = (1 << 28), /**< Custom flag, free to use by user*/
|
||
// LV_OBJ_FLAG_USER_3 = (1 << 29), /**< Custom flag, free to use by user*/
|
||
// LV_OBJ_FLAG_USER_4 = (1 << 30), /**< Custom flag, free to use by user*/
|
||
}
|
||
|
||
/*state类*/
|
||
export class LVGL_STATE{
|
||
|
||
public obj:number
|
||
public focused:boolean = false;
|
||
public default:boolean = false;
|
||
public checked:boolean = false;
|
||
public focus_key:boolean = false;
|
||
public edited:boolean = false;
|
||
public hovered:boolean = false;
|
||
public pressed:boolean = false;
|
||
public scrolled:boolean = false;
|
||
public disabled:boolean = false;
|
||
public user1:boolean = false;
|
||
public user2:boolean = false;
|
||
public user3:boolean = false;
|
||
public user4:boolean = false;
|
||
public any:boolean = false;
|
||
|
||
constructor(id:number){
|
||
this.obj = id;
|
||
}
|
||
|
||
public set Focused(v:boolean){
|
||
this.focused = v;
|
||
if(this.focused) Module.lv_obj_add_state(this.obj,Module.LV_STATE_FOCUSED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_FOCUSED);
|
||
}
|
||
public get Focused():{[key:string]:boolean}{
|
||
return {"Focused":this.focused};
|
||
}
|
||
|
||
public set Default(v:boolean){
|
||
this.default = v;
|
||
if(this.default) Module.lv_obj_add_state(this.obj,Module.LV_STATE_DEFAULT);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_DEFAULT);
|
||
}
|
||
public get Default():{[key:string]:boolean}{
|
||
return {"Default":this.default};
|
||
}
|
||
|
||
public set Checked(v:boolean){
|
||
this.checked = v;
|
||
if(this.checked) Module.lv_obj_add_state(this.obj,Module.LV_STATE_CHECKED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_CHECKED);
|
||
}
|
||
public get Checked():{[key:string]:boolean}{
|
||
return {"Checked":this.checked};
|
||
}
|
||
|
||
public set Focus_Key(v:boolean){
|
||
this.focus_key = v;
|
||
if(this.focus_key) Module.lv_obj_add_state(this.obj,Module.LV_STATE_FOCUS_KEY);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_FOCUS_KEY);
|
||
}
|
||
public get Focus_Key():{[key:string]:boolean}{
|
||
return {"Focus_Key":this.focus_key};
|
||
}
|
||
|
||
public set Edited(v:boolean){
|
||
this.edited = v;
|
||
if(this.edited) Module.lv_obj_add_state(this.obj,Module.LV_STATE_EDITED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_EDITED);
|
||
}
|
||
public get Edited():{[key:string]:boolean}{
|
||
return {"Edited":this.edited};
|
||
}
|
||
|
||
public set Hovered(v:boolean){
|
||
this.hovered = v;
|
||
if(this.hovered) Module.lv_obj_add_state(this.obj,Module.LV_STATE_HOVERED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_HOVERED);
|
||
}
|
||
public get Hovered():{[key:string]:boolean}{
|
||
return {"Hovered":this.hovered};
|
||
}
|
||
|
||
public set Pressed(v:boolean){
|
||
this.pressed = v;
|
||
if(this.pressed) Module.lv_obj_add_state(this.obj,Module.LV_STATE_HOVERED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_HOVERED);
|
||
}
|
||
public get Pressed():{[key:string]:boolean}{
|
||
return {"Pressed":this.pressed};
|
||
}
|
||
|
||
public set Scrolled(v:boolean){
|
||
this.scrolled = v;
|
||
if(this.scrolled) Module.lv_obj_add_state(this.obj,Module.LV_STATE_SCROLLED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_SCROLLED);
|
||
}
|
||
public get Scrolled():{[key:string]:boolean}{
|
||
return {"Scrolled":this.scrolled};
|
||
}
|
||
|
||
public set Disabled(v:boolean){
|
||
this.disabled = v;
|
||
if(this.disabled) Module.lv_obj_add_state(this.obj,Module.LV_STATE_DISABLED);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_DISABLED);
|
||
}
|
||
public get Disabled():{[key:string]:boolean}{
|
||
return {"Disabled":this.disabled};
|
||
}
|
||
|
||
public set User_1(v:boolean){
|
||
this.user1 = v;
|
||
if(this.user1) Module.lv_obj_add_state(this.obj,Module.LV_STATE_USER_1);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_USER_1);
|
||
}
|
||
public get User_1():{[key:string]:boolean}{
|
||
return {"User_1":this.user1};
|
||
}
|
||
|
||
public set User_2(v:boolean){
|
||
this.user2 = v;
|
||
if(this.user2) Module.lv_obj_add_state(this.obj,Module.LV_STATE_USER_1);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_USER_1);
|
||
}
|
||
public get User_2():{[key:string]:boolean}{
|
||
return {"User_2":this.user2};
|
||
}
|
||
|
||
public set User_3(v:boolean){
|
||
this.user3 = v;
|
||
if(this.user3) Module.lv_obj_add_state(this.obj,Module.LV_STATE_USER_1);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_USER_1);
|
||
}
|
||
public get USEUser_3R_3():{[key:string]:boolean}{
|
||
return {"User_3":this.user3};
|
||
}
|
||
|
||
public set User_4(v:boolean){
|
||
this.user4 = v;
|
||
if(this.user4) Module.lv_obj_add_state(this.obj,Module.LV_STATE_USER_1);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_USER_1);
|
||
}
|
||
public get User_4():{[key:string]:boolean}{
|
||
return {"User_4":this.user4};
|
||
}
|
||
|
||
public set Any(v:boolean){
|
||
this.any = v;
|
||
if(this.any) Module.lv_obj_add_state(this.obj,Module.LV_STATE_ANY);
|
||
else Module.lv_obj_clear_state(this.obj,Module.LV_STATE_ANY);
|
||
}
|
||
public get Any():{[key:string]:boolean}{
|
||
return {"Any":this.any};
|
||
}
|
||
}
|
||
|
||
/*pos*/
|
||
export class LVGL_POS{
|
||
|
||
public obj:number;
|
||
public x:number;
|
||
public y:number;
|
||
|
||
constructor(id:number){
|
||
this.obj = id;
|
||
this.x = 0;
|
||
this.y = 0;
|
||
}
|
||
|
||
public set X(v:number){
|
||
this.x = v;
|
||
Module.lv_obj_set_size(this.obj,this.x);
|
||
}
|
||
public get X():{[key:string]:number}{
|
||
return {"X:":this.x};
|
||
}
|
||
|
||
public set Y(v:number){
|
||
this.y = v;
|
||
Module.lv_obj_set_size(this.obj,this.y);
|
||
}
|
||
public get Y():{[key:string]:number}{
|
||
return {"Y:":this.y};
|
||
}
|
||
|
||
public Set_XY(x:number,y:number){
|
||
this.x = x;
|
||
this.y = y;
|
||
Module.lv_obj_set_pos(this.obj,this.x,this.y);
|
||
}
|
||
public Get_XY():{[key:string]:number}{
|
||
return {
|
||
"X:":this.x,
|
||
"Y:":this.y
|
||
};
|
||
}
|
||
}
|
||
|
||
/*size*/
|
||
export class LVGL_SIZE{
|
||
private obj:number;
|
||
public width:number;
|
||
public height:number;
|
||
|
||
constructor(id:number){
|
||
this.obj = id;
|
||
this.height = 100;
|
||
this.width = 100;
|
||
}
|
||
|
||
public set Width(v:number){
|
||
this.width = v;
|
||
Module.lv_obj_set_width(this.obj,this.width);
|
||
}
|
||
public get Width():{[key:string]:number}{
|
||
return {"Width:":this.width};
|
||
}
|
||
|
||
public set Height(v:number){
|
||
this.height = v;
|
||
Module.lv_obj_set_width(this.obj,this.width);
|
||
}
|
||
public get Height():{[key:string]:number}{
|
||
return {"Width:":this.width};
|
||
}
|
||
|
||
public Set_WH(w:number,h:number){
|
||
this.width = w;
|
||
this.height = h;
|
||
Module.lv_obj_set_width(this.obj,this.width);
|
||
}
|
||
public Get_WH():{[key:string]:number}{
|
||
return {
|
||
"Width:":this.width,
|
||
"Height:":this.height,
|
||
};
|
||
}
|
||
}
|
||
|
||
/*布局*/
|
||
export class LVGL_FLEX{
|
||
public obj:number;
|
||
public flex_flow:number;
|
||
public flex_align:number;
|
||
public main_place:number;
|
||
public cross_place:number;
|
||
public track_cross_place:number;
|
||
public grow:number;
|
||
|
||
constructor(id:number){
|
||
this.obj = id;
|
||
Module.lv_flex_init();
|
||
}
|
||
|
||
//弹性布局流动方式
|
||
public set Flow(a:number){
|
||
this.flex_flow = a;
|
||
Module.lv_obj_set_flex_flow(this.obj,this.flex_flow);
|
||
}
|
||
public get Flow():number{
|
||
return this.flex_flow;
|
||
}
|
||
//弹性布局对齐方式
|
||
public setAlign(a1:number,a2:number,a3:number){
|
||
this.main_place =a1;
|
||
this.cross_place =a2;
|
||
this.track_cross_place =a3;
|
||
Module.lv_obj_set_flex_align(this.obj,this.main_place,this.cross_place,this.track_cross_place);
|
||
}
|
||
public get Align():{[key:string]:number}{
|
||
return {
|
||
"main_place":this.main_place,
|
||
"cross_place":this.cross_place,
|
||
"track_cross_place":this.cross_place
|
||
}
|
||
}
|
||
//弹性布局伸展程度
|
||
public set Grow(a:number){
|
||
this.grow = a;
|
||
Module.lv_obj_set_flex_grow(this.obj,this.grow);
|
||
}
|
||
public get Grow():number{
|
||
return this.grow;
|
||
}
|
||
}
|
||
|
||
/*对齐*/
|
||
export class LVGL_ALIGN{
|
||
public obj:number;
|
||
public base_obj:number;
|
||
public align_mode:number;
|
||
|
||
constructor(id:number){
|
||
this.obj = id;
|
||
}
|
||
|
||
public set align(a:number){
|
||
this.align_mode = a;
|
||
Module.lv_obj_align(this.obj,this.align_mode);
|
||
}
|
||
|
||
public alignTo(a:number,base_id:number){
|
||
this.align_mode = a;
|
||
this.base_obj = base_id;
|
||
Module.lv_obj_align_to(this.obj,this.base_obj,this.align_mode);
|
||
}
|
||
|
||
public Center(){
|
||
this.align_mode = 9;
|
||
Module.lv_obj_center(this.obj);
|
||
}
|
||
|
||
public get Mode():number{
|
||
return this.align_mode;
|
||
}
|
||
}
|
||
|
||
/*共有style*/
|
||
export class LVGL_STYLE{
|
||
|
||
public style:number;
|
||
// constructor(s:number){
|
||
// this.style = s;
|
||
// Module.lv_style_init(this.style);
|
||
// }
|
||
constructor(){
|
||
this.style = Module.lv_style_create();
|
||
}
|
||
|
||
public _radius:number;
|
||
public set Radius(v:number){
|
||
this._radius = v;
|
||
Module.lv_style_set_radius(this.style,this._radius);
|
||
}
|
||
public get Radius():number{
|
||
return this._radius;
|
||
}
|
||
|
||
/**background */
|
||
public _bg_color:number;
|
||
public set BgColor(color:number){
|
||
this._bg_color = color;
|
||
Module.lv_style_set_bg_color(this.style,Module.lv_color_hex(this._bg_color));
|
||
}
|
||
public get BgColor():{[key:string]:number}{
|
||
return {"bg_color":this._bg_color};
|
||
}
|
||
|
||
public _bg_grad_color:number;
|
||
public set BgGradColor(grad_color:number){
|
||
this._bg_grad_color = grad_color;
|
||
Module.lv_style_set_bg_grad_color(this.style,Module.lv_color_hex(this._bg_grad_color));
|
||
}
|
||
public get BgGradColor():{[key:string]:number}{
|
||
return {"BgGradColor":this._bg_grad_color};
|
||
}
|
||
|
||
public _bg_opa:number;
|
||
public set BgOpa(o:number){
|
||
if(o<0) this._bg_opa = 0;
|
||
else if(o > 255) this._bg_opa = 255;
|
||
else this._bg_opa = o;
|
||
Module.lv_style_set_bg_opa(this.style,this._bg_opa);
|
||
}
|
||
public get BgOpa():{[key:string]:number}{
|
||
return {"Bg_Opa":this._bg_opa};
|
||
}
|
||
|
||
public _bg_grad_dir:number;
|
||
public set BgGradDir(d:number){
|
||
if(d == 0){
|
||
this._bg_grad_dir = d;
|
||
Module.lv_style_set_bg_grad_dir(this.style,Module.LV_GRAD_DIR_NONE);
|
||
}else if(d == 1){
|
||
this._bg_grad_dir = d;
|
||
Module.lv_style_set_bg_grad_dir(this.style,Module.LV_GRAD_DIR_VER);
|
||
}else if(d == 2){
|
||
this._bg_grad_dir = d;
|
||
Module.lv_style_set_bg_grad_dir(this.style,Module.LV_GRAD_DIR_HOR);
|
||
}
|
||
}
|
||
public get BgGradDir():{[key:string]:number}{
|
||
if (this._bg_grad_dir == 0) return {"LV_GRAD_DIR_NONE": 0};
|
||
else if (this._bg_grad_dir == 1) return {"LV_GRAD_DIR_VER": 1};
|
||
else if (this._bg_grad_dir == 2) return {"LV_GRAD_DIR_HOR": 2};
|
||
else return {};
|
||
}
|
||
|
||
private _bg_grad_stop:number;
|
||
public set bgGradStop(bg_grad_stop:number){
|
||
if( bg_grad_stop < 0 ){
|
||
this._bg_grad_stop = 0;
|
||
Module.lv_style_set_bg_grad_stop(this.style,0);
|
||
}else if( bg_grad_stop >255 ){
|
||
this._bg_grad_stop = 255;
|
||
Module.lv_style_set_bg_grad_stop(this.style,255);
|
||
}else{
|
||
this._bg_grad_stop = bg_grad_stop;
|
||
Module.lv_style_set_bg_grad_stop(this.style,this._bg_grad_stop);
|
||
}
|
||
}
|
||
public get bgGradStop():number{
|
||
return this._bg_grad_stop;
|
||
}
|
||
|
||
private _bg_main_stop:number;
|
||
public set bgMainStop(bg_main_stop:number){
|
||
if( bg_main_stop < 0 ){
|
||
this._bg_main_stop = 0;
|
||
Module.lv_style_set_bg_main_stop(this.style,0);
|
||
}else if( bg_main_stop >255 ){
|
||
this._bg_main_stop = 255;
|
||
Module.lv_style_set_bg_main_stop(this.style,255);
|
||
}else{
|
||
this._bg_main_stop = bg_main_stop;
|
||
Module.lv_style_set_bg_main_stop(this.style,this._bg_main_stop);
|
||
}
|
||
}
|
||
public get bgMainStop():number{
|
||
return this._bg_main_stop;
|
||
}
|
||
|
||
/**background image */
|
||
//背景图片透明度
|
||
private _bg_img_opa:number;
|
||
public set bgImgOpa(bg_img_opa: number){
|
||
if(bg_img_opa < 0 ){
|
||
this._bg_img_opa = 0;
|
||
}else if(bg_img_opa >255){
|
||
this._bg_img_opa = 255;
|
||
}else{
|
||
this._bg_img_opa = bg_img_opa;
|
||
}
|
||
Module.lv_style_set_bg_img_opa(this.style,this._bg_img_opa);
|
||
}
|
||
public get bgImgOpa():number{
|
||
return this._bg_img_opa;
|
||
}
|
||
//背景图片着色
|
||
private _bg_img_recolor:number;
|
||
public set bgImgRecolor(bg_img_recolor:number){
|
||
|
||
this._bg_img_recolor = bg_img_recolor;
|
||
Module.lv_style_set_bg_img_recolor(this.style,Module.lv_color_hex(this._bg_img_recolor));
|
||
}
|
||
public get bgImgRecolor():number{
|
||
return this._bg_img_recolor;
|
||
}
|
||
//着色透明度
|
||
private _bg_img_recolor_opa:number;
|
||
public set bgImgRecolorOpa(bg_img_recolor_opa :number ){
|
||
if(bg_img_recolor_opa < 0 ){
|
||
this._bg_img_recolor_opa = 0;
|
||
}else if(bg_img_recolor_opa >255){
|
||
this._bg_img_recolor_opa = 255;
|
||
}else{
|
||
this._bg_img_recolor_opa = bg_img_recolor_opa;
|
||
}
|
||
Module.lv_style_set_bg_img_recolor_opa(this.style,this._bg_img_recolor_opa);
|
||
}
|
||
public get bgImgRecolorOpa():number{
|
||
return this._bg_img_recolor_opa;
|
||
}
|
||
//tile
|
||
private _bg_img_tile:boolean;
|
||
public set bgImgTile(bg_img_tile:boolean){
|
||
this._bg_img_tile = bg_img_tile;
|
||
Module.lv_style_set_bg_img_tiled(this.style,this._bg_img_tile);
|
||
}
|
||
public get bgImgTile():boolean{
|
||
return this._bg_img_tile;
|
||
}
|
||
|
||
/**border */
|
||
//边框颜色
|
||
private _border_color: number;
|
||
public set borderColor(borderColor:number){
|
||
this._border_color = borderColor;
|
||
Module.lv_style_set_border_color(this.style,Module.lv_color_hex(this._border_color));
|
||
}
|
||
public get borderColor():number{
|
||
return this._border_color;
|
||
}
|
||
//边框透明度
|
||
private _border_opa : number;
|
||
public set borderOpa(border_opa:number) {
|
||
if(border_opa < 0){
|
||
this._border_opa = 0;
|
||
}else if(border_opa > 255){
|
||
this._border_opa = 255;
|
||
}else{
|
||
this._border_opa = border_opa;
|
||
}
|
||
Module.lv_style_set_border_opa(this.style, this._border_opa);
|
||
}
|
||
public get borderOpa():number{
|
||
return this._border_opa;
|
||
}
|
||
//边框显示侧
|
||
private _border_post:boolean;
|
||
public set borderPost(border_post :boolean){
|
||
this._border_post = border_post
|
||
Module.lv_style_set_border_post(this.style,this._border_post);
|
||
}
|
||
public get borderPost():boolean{
|
||
return this._border_post;
|
||
}
|
||
//边框显示边
|
||
private _border_side : number;
|
||
public set borderSide( border_side :number){
|
||
this._border_side = border_side;
|
||
Module.lv_style_set_border_side(this.style,this._border_side);
|
||
}
|
||
public get borderSide():{[key:string]:number}{
|
||
if(this._border_side == 0x00) return {"LV_BORDER_SIDE_NONE":0x00};
|
||
else if(this._border_side == 0x01) return {"LV_BORDER_SIDE_BOTTOM":0x01};
|
||
else if(this._border_side == 0x02) return {"LV_BORDER_SIDE_TOP":0x02};
|
||
else if(this._border_side == 0x04) return {"LV_BORDER_SIDE_LEFT":0x04};
|
||
else if(this._border_side == 0x08) return {"LV_BORDER_SIDE_RIGHT":0x08};
|
||
else if(this._border_side == 0x0F) return {"LV_BORDER_SIDE_FULL":0x0F};
|
||
else if(this._border_side == 0x10) return {"LV_BORDER_SIDE_INTERNAL":0x10};
|
||
else return {};
|
||
}
|
||
//边框宽度
|
||
private _border_width:number;
|
||
public set borderWidth(border_width:number){
|
||
this._border_width = border_width;
|
||
Module.lv_style_set_border_width(this.style,this._border_width);
|
||
}
|
||
public get borderWidth():number{
|
||
return this._border_width;
|
||
}
|
||
|
||
/**outline */
|
||
//轮廓颜色
|
||
private _outline_color:number;
|
||
public set outlineColor(outline_color : number){
|
||
this._outline_color = outline_color;
|
||
Module.lv_style_set_outline_color(this.style,Module.lv_color_hex(this._outline_color));
|
||
}
|
||
public get outlineColor():number{
|
||
return this._outline_color;
|
||
}
|
||
//轮廓透明度
|
||
private _outline_opa:number;
|
||
public set outlineOpa(outline_opa : number){
|
||
if(outline_opa < 0){
|
||
this._outline_opa = 0;
|
||
}else if(outline_opa > 255){
|
||
this._outline_opa = 255;
|
||
}else{
|
||
this._outline_opa = outline_opa;
|
||
}
|
||
Module.lv_style_set_outline_opa(this.style, this._outline_opa)
|
||
}
|
||
public get outlineOpa():number{
|
||
return this._outline_opa;
|
||
}
|
||
//轮廓宽度
|
||
private _outline_width:number;
|
||
public set outlineWidth(outline_width :number){
|
||
this._outline_width = outline_width;
|
||
Module.lv_style_set_outline_width(this.style,this._outline_width);
|
||
}
|
||
public get outlineWidth():number{
|
||
return this._outline_width;
|
||
}
|
||
//轮廓与边框的距离
|
||
private _outline_pad:number;
|
||
public set outlinePad(outline_pad :number){
|
||
this._outline_pad = outline_pad;
|
||
Module.lv_style_set_outline_pad(this.style,outline_pad);
|
||
}
|
||
public get outlinePad():number{
|
||
return this._outline_pad;
|
||
}
|
||
|
||
/**shadow */
|
||
//阴影颜色
|
||
private _shadow_color:number;
|
||
public set shadowColor(shadow_color : number){
|
||
this._shadow_color = shadow_color;
|
||
Module.lv_style_set_shadow_color(this.style,Module.lv_color_hex(this._shadow_color));
|
||
}
|
||
public get shadowColor():number{
|
||
return this._shadow_color;
|
||
}
|
||
//阴影透明度
|
||
private _shadow_opa:number;
|
||
public set shadowOpa(shadow_opa : number){
|
||
if(shadow_opa < 0){
|
||
this._shadow_opa = 0;
|
||
}else if(shadow_opa > 255){
|
||
this._shadow_opa = 255;
|
||
}else{
|
||
this._shadow_opa = shadow_opa;
|
||
}
|
||
Module.lv_style_set_shadow_opa(this.style, this._shadow_opa)
|
||
}
|
||
public get shadowOpa():number{
|
||
return this._shadow_opa;
|
||
}
|
||
//阴影水平偏移
|
||
private _shadow_ofs_x:number;
|
||
public set shadowOfsX(shadow_ofs_x:number){
|
||
this._shadow_ofs_x = shadow_ofs_x;
|
||
Module.lv_style_set_shadow_ofs_x(this.style,this._shadow_ofs_x);
|
||
}
|
||
public get shadowOfsX():number{
|
||
return this._shadow_ofs_x;
|
||
}
|
||
//阴影垂直偏移
|
||
private _shadow_ofs_y:number;
|
||
public set shadowOfsY(shadow_ofs_y:number){
|
||
this._shadow_ofs_y = shadow_ofs_y;
|
||
Module.lv_style_set_shadow_ofs_y(this.style,this._shadow_ofs_y);
|
||
}
|
||
public get shadowOfsY():number{
|
||
return this._shadow_ofs_y;
|
||
}
|
||
//阴影扩散宽度
|
||
private _shadow_spread:number;
|
||
public set shadowSpread(shadow_spread:number){
|
||
this._shadow_spread = shadow_spread;;
|
||
Module.lv_style_set_shadow_spread(this.style,this._shadow_spread);
|
||
}
|
||
public get shadowSpread(){
|
||
return this._shadow_spread;
|
||
}
|
||
//阴影宽度
|
||
private _shadow_width:number;
|
||
public set shadowWidth(shadow_width:number){
|
||
this._shadow_width = shadow_width;
|
||
Module.lv_style_set_shadow_width(this.style,this._shadow_width);
|
||
}
|
||
public get shadowWidth(){
|
||
return this._shadow_width;
|
||
}
|
||
|
||
/**blend */
|
||
//混合模式
|
||
private _blend_mode:number;
|
||
public set blendMode(blend_mode : number){
|
||
this._blend_mode = blend_mode;
|
||
Module.lv_style_set_blend_mode(this.style,this._blend_mode);
|
||
}
|
||
public get blendMode():{[key:string]:number}{
|
||
if(this._blend_mode == 0) return {["LV_BLEND_MODE_NORMAL"]:0};
|
||
else if(this._blend_mode == 1) return {["LV_BLEND_MODE_ADDITIVE"]:0};
|
||
else if(this._blend_mode == 2) return {["LV_BLEND_MODE_SUBTRACTIVE"]:0};
|
||
return {};
|
||
}
|
||
//混合透明度
|
||
private _blend_opa:number;
|
||
public set blendOpa(o:number){
|
||
if(o<0) this._blend_opa = 0;
|
||
else if(o>255) this._blend_opa = 255;
|
||
else this._blend_opa = o;
|
||
Module.lv_style_set_bg_opa(this.style,this._blend_opa);
|
||
Module.lv_style_set_bg_img_opa(this.style,this._blend_opa);
|
||
Module.lv_style_set_border_opa(this.style,this._blend_opa);
|
||
Module.lv_style_set_outline_opa(this.style,this._blend_opa);
|
||
Module.lv_style_set_shadow_opa(this.style,this._blend_opa);
|
||
}
|
||
public get blendOpa():number{
|
||
return this._blend_opa;
|
||
}
|
||
|
||
/**padding */
|
||
//上方内边距
|
||
private _pad_top:number;
|
||
public set padTop(pad_top:number){
|
||
this._pad_top = pad_top;
|
||
Module.lv_style_set_pad_top(this.style,this._pad_top);
|
||
}
|
||
public get padTop():number{
|
||
return this._pad_top;
|
||
}
|
||
//下方内边距
|
||
private _pad_bottom:number;
|
||
public set padBottom(pad_bottom:number){
|
||
this._pad_bottom = pad_bottom;
|
||
Module.lv_style_set_pad_bottom(this.style,this._pad_bottom);
|
||
}
|
||
public get padBottom():number{
|
||
return this._pad_bottom;
|
||
}
|
||
//左侧内边距
|
||
private _pad_left:number;
|
||
public set padLeft(pad_left:number){
|
||
this._pad_left = pad_left;
|
||
Module.lv_style_set_pad_left(this.style,this._pad_left);
|
||
}
|
||
public get padLeft():number{
|
||
return this._pad_left;
|
||
}
|
||
//右侧内边距
|
||
private _pad_right:number;
|
||
public set padRight(pad_right:number){
|
||
this._pad_right = pad_right;
|
||
Module.lv_style_set_pad_right(this.style,this._pad_right);
|
||
}
|
||
public get padRight():number{
|
||
return this._pad_right;
|
||
}
|
||
//行内边距
|
||
private _pad_row:number;
|
||
public set padRow(pad_row:number){
|
||
this._pad_row = pad_row;
|
||
Module.lv_style_set_pad_row(this.style,this._pad_row);
|
||
}
|
||
public get padRow():number{
|
||
return this._pad_row;
|
||
}
|
||
//列内边距
|
||
private _pad_column:number;
|
||
public set padColumn(pad_column:number){
|
||
this._pad_column = pad_column;
|
||
Module.lv_style_set_pad_column(this.style,this._pad_column);
|
||
}
|
||
public get padColumn():number{
|
||
return this._pad_column;
|
||
}
|
||
}
|
||
|
||
/*arc的style */
|
||
export class LVGL_ARC_STYLE{
|
||
|
||
}
|
||
|
||
/*创建基类 */
|
||
export class LVGL_OBJ{
|
||
|
||
public obj :number;
|
||
public Flag :LVGL_FLAG;
|
||
public State :LVGL_STATE;
|
||
public Pos :LVGL_POS;
|
||
public Size :LVGL_SIZE;
|
||
public Align :LVGL_ALIGN;
|
||
public Flex :LVGL_FLEX;
|
||
|
||
constructor(public parent:number|undefined = Module.lv_scr_act()){
|
||
this.obj = Module.lv_obj_create(parent);
|
||
this.Flag = new LVGL_FLAG (this.obj);
|
||
this.State = new LVGL_STATE (this.obj);
|
||
this.Pos = new LVGL_POS (this.obj);
|
||
this.Size = new LVGL_SIZE (this.obj);
|
||
this.Align = new LVGL_ALIGN (this.obj);
|
||
this.Flex = new LVGL_FLEX (this.obj);
|
||
}
|
||
|
||
/**基础对象obj的方法... */
|
||
//设置样式
|
||
public setStyle(style:LVGL_STYLE,part:number){
|
||
Module.lv_obj_add_style(this.obj,style,part);
|
||
}
|
||
|
||
}
|
||
|
||
/*创建子类*/
|
||
export class LVGL_ARC extends LVGL_OBJ{ //error:找不到arc的相关函数
|
||
|
||
constructor(public parent:number|undefined = Module.lv_scr_act()){
|
||
super(parent);
|
||
this.obj = Module.lv_arc_create(parent);
|
||
}
|
||
|
||
/**arc特有的方法... */
|
||
//设置圆弧的起始终止角度
|
||
private _start_angle:number;
|
||
private _end_angle:number;
|
||
public setStartAngle(a:number){
|
||
this._start_angle =a;
|
||
Module.lv_arc_set_start_angle(this.obj,this._start_angle);
|
||
}
|
||
public getStartAngle():{[key:string]:number}{
|
||
return {"start_angle":this._start_angle};
|
||
}
|
||
public setEndAngle(a:number){
|
||
this._end_angle =a;
|
||
Module.lv_arc_set_start_angle(this.obj,this._end_angle);
|
||
}
|
||
public getEndAngle():{[key:string]:number}{
|
||
return {"end_angle":this._end_angle};
|
||
}
|
||
public setAngles(a:number,b:number){
|
||
this._start_angle = a;
|
||
this._end_angle = b;
|
||
Module.lv_arc_set_angles(this.obj,this._start_angle,this._end_angle);
|
||
}
|
||
public getAngles():{[key:string]:number}{
|
||
return {
|
||
"start_angle":this._start_angle,
|
||
"end_angle":this._end_angle
|
||
};
|
||
}
|
||
//设置圆弧背景起始终止角度
|
||
private _bg_start_angle:number;
|
||
private _bg_end_angle:number;
|
||
public setBgStartAngle(a:number){
|
||
this._bg_start_angle =a;
|
||
Module.lv_arc_set_bg_start_angle(this.obj,this._bg_start_angle);
|
||
}
|
||
public getBgStartAngle():{[key:string]:number}{
|
||
return {"start_angle":this._bg_start_angle};
|
||
}
|
||
public setBgEndAngle(a:number){
|
||
this._bg_end_angle =a;
|
||
Module.lv_arc_set_start_angle(this.obj,this._bg_end_angle);
|
||
}
|
||
public getBgEndAngle():{[key:string]:number}{
|
||
return {"bg_end_angle":this._bg_end_angle};
|
||
}
|
||
public setBgAngles(a:number,b:number){
|
||
this._bg_start_angle = a;
|
||
this._bg_end_angle = b;
|
||
Module.lv_arc_set_bg_angles(this.obj,this._bg_start_angle,this._bg_end_angle);
|
||
}
|
||
public getBgAngles():{[key:string]:number}{
|
||
return {
|
||
"bg_start_angle":this._start_angle,
|
||
"bg_end_angle":this._end_angle
|
||
};
|
||
}
|
||
//设置圆弧模式
|
||
public _mode:number;
|
||
public set Mode(m:number){
|
||
if(m == 0 || m == 1 || m == 2){
|
||
this._mode = m;
|
||
Module.lv_arc_set_mode(this.obj,this._mode);
|
||
}
|
||
}
|
||
public get Mode():{[key:string]:number}{
|
||
if(this._mode == 0) return { "LV_ARC_MODE_NORMAL":0 };
|
||
else if(this._mode == 1) return {"LV_ARC_MODE_SYMMETRICAL":1};
|
||
else if(this._mode == 2) return {"LV_ARC_MODE_REVERSE":2};
|
||
else return {};
|
||
}
|
||
//设置圆弧旋转角度
|
||
public _rotation:number;
|
||
public set Rotation(r:number){
|
||
this._rotation = r;
|
||
Module.lv_arc_set_rotation(this.obj,this._rotation);
|
||
}
|
||
public get Rotation():number{
|
||
return this._rotation;
|
||
}
|
||
//设置当前值
|
||
private _value:number;
|
||
public set Value(n:number){
|
||
this._value = n;
|
||
Module.lv_arc_set_value(this.obj,this._value);
|
||
}
|
||
public get Value():number{
|
||
return this._value;
|
||
}
|
||
//设置弧度取值范围
|
||
private _min:number;
|
||
private _max:number;
|
||
public setRange(a:number,b:number){
|
||
this._min =a;
|
||
this._max = b;
|
||
Module.lv_arc_set_range(this.obj,this._min,this._max);
|
||
}
|
||
public getRange():{[key:string]:number}{
|
||
return {
|
||
"min_value":this._min,
|
||
"max_value":this._max
|
||
}
|
||
}
|
||
}
|
||
|
||
export class LVGL_BTN extends LVGL_OBJ{
|
||
|
||
constructor(public parent:number|undefined = Module.lv_scr_act()){
|
||
super(parent);
|
||
this.obj = Module.lv_btn_create(parent);
|
||
}
|
||
|
||
/**btn特有的方法... */
|
||
}
|
||
|
||
|
||
/**示例 */
|
||
/*
|
||
const btn = new LVGL_BTN();
|
||
btn.Flag.Hidden = true;
|
||
btn.State.Default = true;
|
||
btn.Pos.Set_XY(200,200);
|
||
btn.Pos.X = 20;
|
||
btn.Size.Set_WH(480,320);
|
||
btn.Align.Center();
|
||
btn.Align.base_obj = 123;
|
||
btn.Align.alignTo(0,btn.Align.base_obj);
|
||
btn.Flex.setAlign(1,2,3);
|
||
console.log(btn.Flag.Hidden);
|
||
console.log(btn.Size.Get_WH());
|
||
const btn_style = new LVGL_STYLE();
|
||
btn.setStyle(btn_style,Module.LV_PART_MAIN);
|
||
.。，，
|
||
*/
|