Axureプロトタイプ内の要素の移動

今日、私は解決策を共有したい問題に遭遇しました。 この投稿は、Axureプロトタイプを可能な限りインタラクティブにしようとする人に役立ちます。



だから挑戦。 オブジェクトの追加を他のオブジェクトのシフトとともにプロトタイプ上で視覚化します。 たとえば、オンライン相談サービスで質問を追加します。



画像



[送信]ボタンをクリックすると、新しい質問が古い質問の上に表示され、古い質問が順にシフトダウンすることを確認する必要があります。 このように:



画像



Axureフォーラムで解決策を探して、これはこのプログラムのユーザーの間でかなり一般的なタスクであることがわかりました。 それでも、開発者はまだ要素の動的な相対配置を実装していないため、このようなタスクが発生した場合、移動する必要があるすべての要素を単一のパネルに結合する必要があります(常に可能とは限りません)、または各要素を個別に移動する必要があります。



アイテムを移動するために必要なこと。 まず、ダイナミックパネルに変換する必要があります。



画像



これらの結果の後、要素のシフトが発生する要素に従って、要素とそのイベントを選択します。



画像



そして、パネルの移動アクションを追加し、目的のパネルを選択し、その相対的なシフト値を示します(数字だけ-適切なピクセル数だけ下にシフトし、マイナスの数字が上にシフトします):



画像



サンプルのプロトタイプは、リンクからダウンロードできます: petwork.ru/data/stuff/move-object-example.rp



簡単そうに思えますが、複雑なプロトタイプでは拷問になる可能性があります。



PSもしあれば、よりエレガントなソリューションを採用することを嬉しく思います。



All Articles