web-dev-qa-db-ja.com

タッチスクリーンでのトレース:指の太さを向上

ユーザーがスタイラスやその他の物理的なツールを使用する必要なく、タッチスクリーン上のアイテムの概要を追跡する機能を向上させるために何ができるでしょうか。

指の「太さ」は、希望する正確な場所に触れるのを難しくし、指自体が、追跡しようとしている画像の一部のビューを覆い隠します。

例としては、(面積を測定するためなど)皮膚の傷のトレースが考えられます。

編集:例の写真はgore-factorのため削除しました

18
Kyle Wilson

ここでは、ファットフィンガー効果なしで高精度のトレーススタイルのアウトラインを作成する3つの方法を示します。

3 approaches

アプローチ1:Kit Groseの優れた答えに似ています。マスクが適用され、ブラシと消しゴムを使用して境界を調整できます。ここでの唯一の違いは、傷の詳細な内部を確認する必要がある場合、マスクは逆に機能します。つまり、マスクが適用され、焦点を当てる必要のある領域を選択的に消去します。このようにして、選択範囲が多くなり、見えにくくなることはありません。

アプローチ2:プロキシトレースパッドを使用します。これにより、任意の小さいポインターを使用してトレースを実行でき、ユーザーはトレースパッドを使用して描画します。トレースパッドと画面の移動比率を調整し、ユーザーがズームをピンチできるようにすることで、非常に細かい精度を実現できます。

トラッキング比を調整するために「感度」のスライダーを追加したい場合があります。継続的な境界をトレースしているので、ユーザーはいつでもトレースから指を持ち上げることができ、一度下に戻すと、トレースは既存の位置から継続します。したがって、描画線で「オフスクリーンで実行」される問題に遭遇することはありません。

アプローチ3:ペンをドラッグアンドドロップして配置し、画面の周りでペンを押して引き、描画を続けます。これにより、ユーザーは指を置きたい場所を決めることができ、接触点はペンの先端から離れているため、どこに描画しているかを確認できます。このアプローチには、トレースを続行する前に、ユーザーが指を離して画像を再ズーム/パンできるという利点もあります。ピンが配置されたら、ピンを削除する方法を考え出す必要があります...削除ボタンで簡単にできます。

ワイヤーフレームは非常に大まかなスケッチであり、いくつかの改良を加える必要があります。しかし、概念的にはそれで十分です。

ユーザーが慣れ親しんだスワイプ/ピンチ/ドラッグの自然な動きをすべて維持しながら、ユビキタスタッチインターフェイスの境界をプッシュする方法についての質問なので、私はこの質問が本当に好きです。

20
tohster

私は頭の上の問題を反転させます:傷をトレースするの代わりに、ユーザーに色を塗らせる傷。 2つのツールを提供します。絵筆と消しゴム。

この動作は Photoshopのクイックマスクモード に似ており、最初は非常に大きなブラシサイズを使用し、次に大きな消しゴムを使用して端にくっきりとエッジをはっきりさせることができるため、うまく機能します。

Adobeには、Photoshop Touchに Scribble Select と呼ばれる同様の機能があります。

16
Kit Grose

タッチポイントの中心の上にあるオフセットポインター/十字線を適切な幅で使用できます。これにより、指や手で遮られることなく、線が描かれている場所を確認できます。

4
Tom Engh