NativeScript-JoyStick

为 NativeScript 提供虚拟 JoyStick 的 Android 和 iOS UI 组件。

原生源码

Android

此组件基于 AndroidArsenal 的 JoyStick 组件，由 erz05 创建。

iOS

此组件基于 cocoapods 的 JoyStick 组件，由 Cole Dunsby 创建，然后修改以更好地与 Objective C 一起工作，由 tzraikov 改进为 另一个 JoyStick cocoapod。

安装

从您的命令提示符/终端转到您的应用程序根目录，并执行： tns plugin add nativescript-joystick

用法

XML

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded"
  xmlns:js="nativescript-joystick">
  <StackLayout>
    <Label text="JoyStick"/>
    
    <Label text="{{'Angle:' + angle}}" textWrap="true" />
    <Label text="{{'Power:' + power}}" textWrap="true" />
    <Label text="{{'Horizontal:' + horizontal}}" textWrap="true" />
    <Label text="{{'Vertical:' + vertical}}" textWrap="true" />

    <js:JoyStick
      padColor="green"
      buttonColor="pink"
      width="50%"
      angle="{{angle}}"
      power="{{power}}"
      horizontal="{{horizontal}}"
      vertical="{{vertical}}">
    </js:JoyStick>
  </StackLayout>
</Page>

属性

padColor - (颜色字符串) - 可选

指定要使用的垫子颜色的属性。

buttonColor - (颜色字符串) - 可选

指定要使用的按钮颜色的属性。

angle - (数字) - 可选

绑定按钮角度的属性（只读）。值范围 -180 到 180。其中 0: 左，90: 上，180 和 -180: 右，-90: 下

power - (数字) - 可选

绑定按钮功率或其与中心的距离的属性（只读）。值范围 0 到 1。其中 0: 中心，1: 在边缘。

horizontal - (数字) - 可选

绑定按钮水平位置的属性（只读）。值范围 -1 到 1。其中 0: 中心，-1: 左，1: 右。

vertical - (数字) - 可选

绑定按钮垂直位置的属性（只读）。值范围 -1 到 1。其中 0: 中心，-1: 下，1: 上。

方法

• getPower() - 直接从原生组件返回当前功率值
• getAngle() - 直接从原生组件返回当前角度值