1

私は、ユーザーがギャラリーから写真を選択し、画像を描画してアイテムを囲むことができるようにする必要があるアプリケーション (iOS と Android の両方) に取り組んでいます。ユーザーが描画を終了するとすぐに、ポップアップで項目に名前を付けるように求められます。アイテムに名前を付けた後、アイテム テーブルに追加され、矢印が円とアイテムを自動的に結びます。写真とアイテムの両方に別のテーブルがあります。

描画には Ti.Paint を使用しましたが、指による動的 (手動) 描画のみをサポートしています。このモジュールには、線や円などの形状をプログラムで描画する方法はありません。また、タッチイベントを提供しないため、ユーザーがいつ描画を停止したかを検出できません。次に、Ti.Canvas を使用しましたが、静的な描画のみをサポートしています。つまり、ユーザーは指で動的に描画できず、iOS のみをサポートしています。これを無駄にするために、タッチイベントを使用して2日間で多くのことを試みました。Ti.Canvas を使用してタッチで描画するための私のコードは次のとおりです。

      canvas.addEventListener('touchstart',function(e) {
          canvas.begin();
          canvas.beginPath();
          canvas.moveTo(e.x,e.y);
      })

      canvas.addEventListener('touchmove',function(e) {
          canvas.lineTo(e.x,e.y);
          canvas.stroke();
      })

      canvas.addEventListener('touchend',function(e) {
          canvas.commit();
      })

しかし、残念ながらこれはうまくいきません。誰かがこの問題を解決する方法を教えてもらえますか? 静的（プログラムによる）描画と手動（タッチによる）描画の両方をサポートするモジュールまたはライブラリが存在しますか。とても感謝しています。ありがとう。

4

1 に答える 1

0

touchendが使用されている例があったことは知っています。このコード例では、IOS と Android の両方で同じように動作しない可能性がありますが、touchend の例があります。 http://developer.appcelerator.com/blog/2010/05/building-an-advanced-transaction-ui-with-titanium.html

Ti.Paint モジュールのソース コードが公開されており、必要な機能を追加することができます。 https://github.com/appcelerator/titanium_modules/tree/master/paint

その道をたどりたくない場合は、テストしていませんが、線を作成できるキャンバス モジュールがあります。これは IOS 固有のようです。 https://github.com/appcelerator/titanium_modules/tree/master/canvas/mobile/ios

Androidの場合、モジュールがあるようです。 https://marketplace.appcelerator.com/apps/5941?494596078

そのため、検討すべきオプションがいくつかあります。

于 2013-07-09T14:21:27.790 に答える