蓝牙遥控车微信小程序界面制作要点

[导读]最近制作蓝牙遥控车，需要进行小程序界面设计，需要对界面进行横屏操作。经过查阅发现没有单独设置屏幕方向的功能，但是可以设置整个界面自动识别横屏和竖屏操作。设置界面自动切换横屏和竖屏，在app.json中的window 段中设置 "pageOrientation": "auto"。

最近制作蓝牙遥控车，需要进行小程序界面设计，需要对界面进行横屏操作。经过查阅发现没有单独设置屏幕方向的功能，但是可以设置整个界面自动识别横屏和竖屏操作。设置界面自动切换横屏和竖屏，在app.json中的window 段中设置 "pageOrientation": "auto"。

启动后可以实现横屏功能。

由于要做的是小车遥控界面，所以需要设置小车控制按钮。首先要做的将按钮定位到界面左下角。这也是费了很大的功夫。通过usermotto1来实现样式的控制。

接下来是对左转和右转按钮的同行控制。通过userinfo来实现样式的控制，将两个按钮放在同一个div下即可。通过测试发现这个方法多个按钮都可以控制在同一行，所以使用同一行控制就可以应用此渲染方法。

接下来需要完成按钮的事件操作，本来想用按钮长按才进行数据发送，但是长按的识别事件并不会一直触发这个事件，在一次长按操作下只会触发一次，所以并不能一直触发进行发送数据。因此使用了按钮按下和按钮松开事件触发操作。在按钮按下后置位一个标志位，进行数据发送，这个数据需要一直发，让小车一直进行行驶。只有松开按钮后才会停止。下图是针对前进按钮的按下和松开的时间操作函数。