定义折线图的长宽 在需要传参的时候，在开始定义绘制前，用private定义折线的总长和总宽，还有定义横向或纵向的基准点数组，都用number型。如： private lineHeight: number = 40; private lineWidth: number = 750; private pointArr: number[] = [20, 20, 20, 20, 20]; 折线图使用的组件

提供帧动画的组件 提供帧动画的组件是ImageAnimator 属性 images中放入图片，导入图片使用src state用于定义初始状态，默认为AnimationStatus.Initial reverse定义播放顺序，默认false顺序播放 duration定义播放时间，默认值1000 iterations设置播放次数，默认值1，播放一次，-1播放无数次 定义属性时初始值在开头用@State

全屏设置使用到了setWindowSystemBarEnable和setWindowLayoutFullScreen 使用setWindowLayoutFullScreen onWindowStageCreate(windowStage: window.WindowStage) { // Main window is created, set main page for this ability

定义图片定时播放 @State showSwiper: boolean = false; private timer = null; setTimeout(() => {//三秒后播放图片 this.showSwiper = true; this.startTiming(); }, Const.SPLASH_DURATION); ​ } ​ startTiming() {//播放五秒图片 th

常规绑定手势的方法 使用.gesture属性将手势事件绑定到指定组件。 用gesture绑定PanGesture手势实现图片滑动 private changedIndex: boolean = true; private zonesList: ZonesItem[] = ZonesViewModel.getZonesList(); @State aheadIndex: number = ZoneC

分隔器组件 分隔器使用到Divider组件 分隔器属性 vertical Divider通过vertical定义横向分隔或纵向分隔 false为横向分隔 true为纵向分隔 strokeWidth strokeWidth定义分隔线的宽度 lineCap lineCap定义分隔线端点样式 lineCapStyle.Butt:定义线条两端为平行线，不额外扩展。 lineCapStyle.Round:定

按键组件 按键使用到了Button组件 Button组件通过type定义按键类型 ButtonType.Normal定义为方形 通过.borderRadius设置圆角· ButtonType.Capsule定义为胶囊形 ButtonType.Circle定义为圆形 定义按键是否可以点击 stateEffect可以定义按键是否可以按压 加入组件图案 Button可以加入一个组件 加入以下代码可以实现

多行文本输入组件 实现多行文本输入的组件是TextArea 接口 placeholder设置无输入时的提示文本。 text设置输入框当前的文本内容。 controller设置TextArea控制器。 例： TextArea({ text: this.text, placeholder: 'The text area can hold an unlimited amount of text. inp

滑动条组件 设置滑动条使用Slider组件 接口 参数value为number类型显示进度，需要定义一个初始值，用@State定义 滑动条进度通过min和max定义从1到100 使用min和max需要使用以下语句将进度化为整数 Text(this.xxxx.toFixed(0)).fontSize(12) 也可以使用参数step代替 step参数定义步长[0.1,max]，用step代替min和m

选用多种开关的样式使用Toggle组件 仅当ToggleType为Button时可包含子组件。 Button可设置文本 selectedColor选择按键颜色 .onChange可以打印isOn的值 Toggle({ type: ToggleType.Button, isOn: false }) { Text('status button').fontColor('#182431').fontSi