Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Android page switching animation code implementation_html/css_WEB-ITnose

Android page switching animation code implementation_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 11:47:08
Original
1228 people have browsed it

1. Create a new anim package under project Src

Create anim package to store animation xml

2. Next step animation position animation

Explanation - 100% p p: represents Parent form, 100%: represents the entire form, -: the code moves to the left;
Move out the previous page: tran_out.xml (if you create it yourself, select 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>
Copy after login
Enter the next page: 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>
Copy after login

3. Use animation:

Add in the method body executed under button onclike: overridePendingTransition(R.anim.tran_in, R.anim.tran_out);
//Two An activity switching effect can be placed after finish() or startActivity()

Similarly, attach the previous animation code
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>
Copy after login
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>
Copy after login
Use animation:
overridePendingTransition(R.anim.tran_pre_in, R.anim.tran_pre_out);

Related labels：
Android页面的切换动画代码实现
source：php.cn
Previous article：How to transfer special characters between pages_html/css_WEB-ITnose Next article：HTML文档 html,html5,css,css3_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Status update not working in React-Native on Android I have some code that has pairs of images in a swipeable horizontal gallery. Now when you ...
From 2024-04-06 16:54:10
0
1
410
Show hidden side panels: checked I would like to have a navigation menu in the side panel with the ability to switch to vie...
From 2024-04-06 15:49:33
0
1
319
How can I make text turn into a new element (like a divider) when clicked? I'm trying to find a way to make certain text on the page turn into separators/new element...
From 2024-04-04 11:21:03
0
1
3580
Vanilla JS setTimeout(): Identifying wrong behavior I have an animation on my hamburger menu written in HTML, CSS and vanilla JavaScript. Expe...
From 2024-04-02 20:44:40
0
1
284
When the selection event changes, the CSS animation triggers the corresponding effect. I'm trying to make a React app, right now I have a select input box with some Pokémon in i...
From 2024-04-01 09:16:28
0
1
350
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template