コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > Android ページ切り替えアニメーション コード実装_html/css_WEB-ITnose

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

WBOY
リリース： 2016-06-24 11:47:08
オリジナル
1230 人が閲覧しました

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);
関連ラベル：
Android页面的切换动画代码实现
ソース：php.cn
前の記事：Pages_html/css_WEB-ITnose 間で特殊文字を転送する方法 次の記事：HTML文档 html,html5,css,css3_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Android 上の React-Native でステータス更新が機能しない スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2...
から 2024-04-06 16:54:10
0
1
410
非表示のサイドパネルを表示: チェックが入っています アニメーション化されたハンバーガー メニューを介してビューに切り替える機能を備えたナビゲーション メニューをサイド パネルに追加したいと考えています。 JSを使わずにCSSだけで作...
から 2024-04-06 15:49:33
0
1
319
クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか? ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください...
から 2024-04-04 11:21:03
0
1
3580
Vanilla JS setTimeout(): 間違った動作の特定 ハンバーガー メニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果 ハンバーガー メニュー ボタンをクリックすると、次の...
から 2024-04-02 20:44:40
0
1
284
選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。 私は React アプリを作ろうとしています。現在、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更さ...
から 2024-04-01 09:16:28
0
1
350
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート