지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > Android页面的切换动画代码实现_html/css_WEB-ITnose

Android页面的切换动画代码实现_html/css_WEB-ITnose

WBOY
풀어 주다： 2016-06-24 11:47:08
원래의
1230명이 탐색했습니다.

1、项目Src下新建anim包

创建anim包，存放动画xml

2、下一步动画 位移动画

解释-100%p p:代表父窗体，100%：代表整个窗体，-：代码向左移动；
前一页面移出：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);
//两个activity切换效果，放在finish()或者startActivity()后面即可

同理，附上上一步动画代码
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
이전 기사：页面之间如何传递特殊字符_html/css_WEB-ITnose 다음 기사：HTML文档 html,html5,css,css3_html/css_WEB-ITnose
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Android의 React-Native에서 상태 업데이트가 작동하지 않습니다. 스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로...
에서 2024-04-06 16:54:10
0
1
410
숨겨진 측면 패널 표시: 선택됨 애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 갖고 싶습니다. JS 없이 CSS만 사용하여 만들고 싶습니다. :checked 의사...
에서 2024-04-06 15:49:33
0
1
319
클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까? 페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요...
에서 2024-04-04 11:21:03
0
1
3580
바닐라 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
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿