2017-05-22 16 views
0

ラインの移動経路を実装するどのように私はデモを作るしようとしています

が画面の左側に縦線になります(画面はデフォルトの色を持っている)とラインが移動します左から右へ。そして、ラインは、他の色に画面を痛めるペイントブラシとして機能するので、これを実装する方法は? ありがとうございます。

答えて

1

色付きの表示とUIViewのアニメーションでこれを行うことができます。

画面に表示される背景色のビューを設定します。このビューの背景色を「他の色」に設定します。これを「塗りつぶしビュー」としましょう。コンテンツビューの左側に固定し、コンテンツビューの左端に固定されている右端の拘束を与えます。コンセントを左端の制約に追加します。その制約コンセントを「rightEdgeConstraint」としましょう。

固定幅制約と異なる背景色でラインビューを作成します(ラインビューと呼ぶ)。フィルビューのエッジコードで今すぐ

、右端の制約アニメーション化:あなたは、ユーザーが行をドラッグできるようにしたい場合は

UIView.animateWithDuration(1.0) { 
    //Make the fill view as wide as the content view. 
    rightEdgeConstraint.constant = view.width 
    view.layoutIfNeeded() 
} 

は右、あなたが接続する必要があるだろうし、左ライン表示のパンジェスチャ認識機能を使用して、X位置の変更を使用してrightEdgeConstraint.constant(およびn layoutIfNeeded()

+0

これは非常に役に立ちます。このアニメーションをアナログカウントダウンタイマーでも使用できるようにするには、たとえば、刻針に移動する領域を塗りたい場合 – Nan

+0

円形のアニメーションしかし時計の手はもう少し複雑です。 –

+0

ええ、私は現時点で実際に何をしているのですか?チュートリアルやソースコードを参考にしてください。事前に感謝します – Nan

関連する問題