Android ページ切り替えアニメーションコード実装_html/css

Android ページ切り替えアニメーションコード実装_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:47:08

オリジナル

1171 人が閲覧しました

1. プロジェクトSrcの下に新しいanimパッケージを作成します

アニメーションxmlを格納するanimパッケージを作成します

2. 次のステップのアニメーション位置移動アニメーション

説明 -100%p p: 親フォームを表し、100%: 全体を表します。 form, -: コードは左に移動します。

前のページから移動します: tran_out.xml (自分で作成する場合は、translate を選択します)

<?xml version="1.0" encoding="utf-8"?><translate  xmlns:android="http://schemas.android.com/apk/res/android"    android:fromXDelta="0"    android:toXDelta="-100%p"    android:fromYDelta="0"    android:toYDelta="0"    android:duration="500"    >    </translate>

ログイン後にコピー

次のページに入ります: Tran_in.xml

<?xml version="1.0" encoding="utf-8"?><translate  xmlns:android="http://schemas.android.com/apk/res/android"    android:fromXDelta="100%p"    android:toXDelta="0"    android:fromYDelta="0"    android:toYDelta="0"    android:duration="500"    ></translate>

ログイン後にコピー

3. アニメーションを使用します。

ボタンの下で実行されるメソッド本体を追加 onclike ：overridePendingTransition(R.anim.tran_in, R.anim.tran_out);

//finish() または startActivity() の後に 2 つのアクティビティ切り替えエフェクトを配置できます

同じ先ほどのアニメーションコードを添付します
Tran_pre_out .xm;

<?xml version="1.0" encoding="utf-8"?><translate  xmlns:android="http://schemas.android.com/apk/res/android"    android:fromXDelta="0"    android:toXDelta="100%p"    android:fromYDelta="0"    android:toYDelta="0"    android:duration="500"    ></translate>

ログイン後にコピー

Tran_pre_in.xm

<?xml version="1.0" encoding="utf-8"?><translate  xmlns:android="http://schemas.android.com/apk/res/android"    android:fromXDelta="-100%p"    android:toXDelta="0"    android:fromYDelta="0"    android:toYDelta="0"    android:duration="500"    ></translate>

ログイン後にコピー

はアニメーションを使用します:
overridePendingTransition(R.anim.tran_pre_in, R.anim.tran_pre_out);