2011-09-06 1 views
7

飛行機のスケジュールボードが空港のようにテキストのアニメーションを作成したいと思います。上から落ちて、その上のテキストを変更します。ここにイメージがあります。だから、ボタンをクリックすると、イメージ上のテキストが前記のアニメーションと共に変わるはずです。アンドロイドで可能ですか?空港のスケジュールボードのようなAndroidのカスタムアニメーション

enter image description here

私はアンドロイドでアニメーションのこの種を達成することができますどのように私を導いてください?

EDIT:

<?xml version="1.0" encoding="utf-8"?> 
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:oneshot="false"> 
    <item android:drawable="@drawable/clockbg1" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg2" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg3" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg4" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg5" android:duration="150" /> 
    <item android:drawable="@drawable/clockbg6" android:duration="150" /> 
</animation-list> 

My活動クラス:

public class XMLAnimation extends Activity { 
private static AnimationDrawable animation; 
private ImageView refresh; 

@Override 
public void onCreate(Bundle icicle) { 
    super.onCreate(icicle); 
    setContentView(R.layout.main); 

    refresh = (ImageView) findViewById(R.id.simple_anim); 
    refresh.setBackgroundResource(R.drawable.loader_animation); 
    animation = (AnimationDrawable) refresh.getBackground(); 
} 

@Override 
public void onWindowFocusChanged(boolean hasFocus) { 
    super.onWindowFocusChanged(hasFocus); 
    animation.start(); 
} 

enter image description here enter image description here enter image description here enter image description here enter image description here enter image description here

今、私は作成したいアニメーションのように、この画像に垂直にアニメーション化されたテキストをどのように配置するのですか?

おかげで、 AndroidVogue

+0

あなたは私に素晴らしい仕事をしました:) – ingsaurabh

+0

@ingsaurabh、そうです。私は私の小さなプロジェクトのためにそれを実装したい。 –

+0

@AndroidVogue HTC Mobileのようにデジタル時計があることを意味しますか? – Herry

答えて

0

私は作業ライブラリを持っています。もともと他の誰かによって開発されましたが、私はFroyoからダウンバージョンのサポートを提供しました。これがあなたを助けてくれることを願っています。

AbhanFlipView

参考:それはHowTo.txtという名前文書が統合する方法を示していJake Wharton

UPDATE

作成者:Emil Sjölander アニメーション:

ライブラリによって開発されました。

ありがとうございました。

+0

@Abhan、@ JakeWharton、@ EmilSjolanderに感謝します。最後に、プロジェクトで、HTCのように画像を使って古いアイデアを置き換えることができます。ありがとう、たくさんの人。 –

+0

ライブラリが削除されましたか? 404エラー。 –

+0

@AmolGuptaはい残念ながら、リポジトリ全体が削除されました。ご不便おかけしてすみません。私はあなたがオープンソースプロジェクトの一種を手に入れることができると確信しています。 –

1

それはまさにあなたが望むものではありませんが、あなたが望むようになりますカスタムオドメーターウィジェットを作成するためのhereを開始ケビン・ディオンによって素敵な3部構成のチュートリアルがあります。それはあなたが始めるのを助けるはずです。

文字の上半分の効果を得るには、文字をバッファーイメージに描画し、次に文字の縦方向の範囲を拡大縮小して縮小します効果。

+0

初期のおかげで。私はそれに取り組むでしょう。 –

+0

テキストを垂直方向に拡大縮小する方法を教えてください。アニメーションを使用してページを反転し、ページを垂直方向に反転させて、テキストアニメーションについてはわかりません。私は自分のコードを更新しました。見てください。ありがとう –

+0

ディスプレイの各半分を「リーフ」と呼ぶことにしましょう。手紙を描くために、私はこのように進んでいく:葉の大きさの2つのビットマップを作る。両方のビットマップに文字を描画し、テキストの半分が1つのビットマップを覆い、半分がもう一方のビットマップを覆うようにテキストを拡大縮小して配置します。次に、[Graphics.drawBitmap](http://developer.android.com/reference/android/graphics/Canvas.html#drawBitmap(android.graphics.Bitmap、android)のスケーリング/変換バージョンを使用して、各ビットマップを対応するリーフに描画します。 .graphics.Rect、android.graphics.Rect、android.graphics.Paint))を使用して、各半分に必要なスケーリングを計算します。 –