今日は、IVXは、音楽プレーヤーを作る使用しようとしている、機能が制御音楽再生、一時停止、音楽再生の進行状況の調整をクリックするか、ドラッグして缶が含まれ、具体的な実装方法については、次は語りました。
.demoレイアウト
デモの構造を初めて目、音楽情報を表示するためのバナーテキストコンポーネントの下に2つ、残りはキャンバスに配置され、レイアウトは再生/一時停止モジュールとプログレスバーモジュールに分割することができ、2に入れましたグループは、オブジェクト、およびいくつかの変数があり、グループの動作をトリガーします。
II。音楽コンポーネント
それは音楽プレーヤーですので、自然に音楽コンポーネントにそれを追加する必要があります。私たちの音楽素材は、ここでは、資産アドレスにノートをアップロードオーディオ素材が比較的大きい場合に何が起こるか、そして前負荷モードをお勧めしませんオン。
III。再生/一時停止モジュール
比較的単純な再生/一時停止モジュールで見てみましょう、このターゲットグループの下に一つだけの映像配列成分。名前が示すように、このコンポーネントは、動的表示の効果を達成するために複数の画像を含めることができ、そして今日は、一時停止を行い、変更のアイコンを再生するためにそれを使用しているので、2枚の写真を追加し、そのアイコン画像リストをクリックしてください。
そして、イベントの画像シーケンスをクリックして、私たちはどのような状態は、（偽の状態を再生する場合はtrue、サスペンド状態）どのようなプレーヤーを保存し、実行されるべき裁判官配列に対して画像をクリックするブール変数「再生/一時停止」を使用します種類の動作（画像シーケンスコンポーネントに注意を払うが、より多くのフォトフレームのようなものです、私たちはイベントの受信系列をクリックして、イベントを追加することなく、各ピクチャの内側に、フレームの内容を変換することができ、この額縁です）。
私たちは、「再生/一時停止」の初期値がfalseを設定する必要がありますので、最初の瞬間は、プレーヤーが、一時停止され、最初の画像の画像シーケンスは再生アイコンの頌歌の画像です。そして、いつでも最初はfalseが、その後の音楽が一時停止された場合、（画像シーケンスは、一時停止アイコンの画像、音楽再生コンポーネントにジャンプ）音楽アクション・グループを実行し、「再生/一時停止」の値を決定し、画像シーケンスをクリックして、そして、「再生/一時停止」をtrueに設定されている。真ならば、音楽は（画像シーケンスは、動画再生アイコンにジャンプして、音楽の要素を一時停止）アクション・グループを実行するために、音楽の一時停止を演奏し、「再生/一時停止されます「falseに設定。
IV。プログレスバーモジュール
2つのテキストコンポーネントの音楽長い持続時間との合計時間を表示するための責任プログレスバーモジュールは、2つの値を格納するために、二つの変数の対応する値を果たしてきました。全長デモは固定値であるが、変化する音楽再生進捗に遊びに長い時間である、三つの方法、通常の音楽再生に変更状況は、プログレスバーをクリックし、プログレスバーをドラッグします。
プログレスバー部、矩形状の底バープログレスバー表示エリアは白、再生しないようであり、プログレスバー表示の矩形領域の進行が再生された、グレー、高さと幅の両方が同じ位置座標であります。それらは、矩形オブジェクトとマスクプログレスバー好ましくは長方形のマスキング矩形の左端と整列するように、我々は全体の矩形マスクの幅を変更することにより、進捗状況を作ることができるように、それらの上に長方形のマスク、マスクを追加します長方形の底部（長方形のマスクは、矩形範囲の長方形のストリップは端部のみで見えるプログレスバーの範囲外で見ることができる）は、矩形のストリップであるプログレスバーが表示されている前後のセクションをバー。その後明らかXは楕円の進捗座標点、設定点楕円フィッティングスケジュールを追加し、マスクが矩形の一貫した幅を維持するために長い時間であり、再生されました。
次のイベントは、以前の変更を言及した音楽プレーヤーの3例であるセットです。
1.通常の音楽プレーヤーの
イベントの画像シーケンスのフロントをクリックしては、我々は音楽再生を聞かせて、部品を一時停止場所で、ここで我々はあなたがトリガは、再生音楽プレーヤーをできるようになります見ることができ、音楽のコンポーネント自体のイベントを追加する必要があり、音楽が一時停止します音楽の端部が成分である場合、トリガ一時停止させ、いくつかの変数は、運動の初期状態にリセットされる行います。
トリガ時間間隔1秒を設定するプロパティバーには、それは秒の音楽を言うことです。トリガーイベントには、変数の最初の値の記憶は秒数である「長い時間が再生された」ので、次に「長い時間をプレイしてきた」プラス1、そして、私たちは「四時28分」に変換する必要があり、この形なので、関数を実行コンポーネントは、「開始時間」に割り当てられたテキストコンポーネントが表示され、計算された結果に対応し、「長い遊びを持っています」。最終調整プログレスバーの状態、即ち、Xが容易に算出することができる楕円と、トータルの長い持続時間は時間の割合に応じて再生された矩形のマスク幅の進行の座標点を変更します。
プログレスバーをクリックして2
箇所のXY座標をクリックして、ターゲットグループは、私たちに返されますclickイベントオブジェクトグループでは、我々は最初のプログレスバーの範囲内でクリック位置が、もしそうであれば、一時停止、ブール変数をトリガするかどうかを決定する必要があります「進捗ポイントが使用されてもよい」は、Xが調整進捗楕円座標点falseに設定され、マスク矩形幅は、値「長い遊びを持って」、その後、フリップフロップ、音楽休止ジャンプ位置調整をリセット開始時間をリセット、演劇、音楽、そして最後に「可能な進捗スポットが」trueに設定されています。
ここで、パラメータは進行が楕円点をドラッグすることができるかどうかを決定するために使用され、それは偽に設定されている「進行ポイントを使用することができる」、プロセスの動作は、我々は、システム内の楕円進展のポイントをドラッグすることはできません。Math.floor（）は、メソッドの関数であり、括弧内の値は、入力する必要があり、その結果は、（結果として以下の整数値に等しいの最大数は、Math.floor（8.6）は、Math.floor 8であることです5）結果は5です。
3.ドラッグプログレスバーは、
ここでは、楕円形の部品のポイントは、プロパティについてのドラッグに進歩を可能にし、そして我々はそれがその周りに移動することができる点に住んでます。
イベントの指が楕円形の構成要素に移動するには、我々はそれが「利用可能進展」真とがfalseに設定されている場合のみ、トリガーアクションの実装を中断し、真であるかどうか「プログレス・ポイント利用可能です」を決定する必要があります。このイベントに加えて、我々はまた、オブジェクトのXY座標のセットを受信することができるプログレスバー範囲の進捗に移動点にユーザを防止するために、我々は常に70-290点の座標範囲Xの進捗を確保することである境界処理を行い、返さ最後内のユーザーは、単純に、この時点での進捗状況をドラッグしますが、我々はちょうど状態の進捗状況と一貫性のあるスケジュールの開始時刻の値を調整して再生を開始する場所はまだ決定していないため。
音楽プレーヤーへの変更は、スケジュール通りにあるプログレスバーの範囲内であり、指が去ったとき、指のイベントで境界値を残すように設定されていない場合、我々はX座標を決定するためにまだある楕円のスケジュールポイントを解放し、その後、「可能な進捗ポイントは」音楽再生の進行状況を再生し続け調整し、長い間、trueに設定し、再生された開始時間をリセットされます。（スキップアクションがミュージカルコンポーネントが|| 1「長い時間をプレイしてきた」されて満たされ、それは言っフロントがnullジャンプは最初の1秒にある場合に）
まとめて
のコンポーネントとイベントが少しはより複雑になりますので、このデモを、私たちが最初にしなければなりません注意が国境を扱う、どちらか我々はスコープの明確な描写を必要とするすべての内をクリックまたはドラッグすることです。しばらく明確に対象と秩序の動作私たちの状態は、それらの間の良好な関係を設計するために、（ブリジットを塗装すると、データバインディングを使用することはできません）データバインディングとイベント条件の決意を介して可変要素によって表されるがあります。