appcelerator - Appcelerator Studio にスピード ゲージを実装する

Question

Appcelerator Studio でスピード ゲージを作成するにはどうすればよいですか? view.xml、view.tssおよびview.js?のみを使用します。のような他のライブラリを使用していないためですd3.js。

Answer 1

私は1つの解決策を見つけました。私は画像を使用し、動的回転を設定します。2DMatrixを使用するだけです

例: .js

var rotateFirst = Titanium.UI.create2DMatrix().rotate(90);
$.imageTest.transform = rotateFirst;

----- .xml

<View id="test">
  <ImageView id="imageTest"/>
</View>

---- .tss

"#imageTest":{
    image:"/images/home/hello.png",
    width:"40%",
    opacity:1,
    left:"7%",
    anchorPoint : {
        x : 0.5,
        y : 0.5
   }
}