Android 시작 화면 좌우 슬라이딩 전환 보기 기능 구현

본 고 는 app 에서 가장 흔히 볼 수 있 는 특성 을 소개 합 니 다.바로 새로운 기능 속성 소개 와 시작 화면 입 니 다.보통 어떻게 실현 되 는 지 알려 드 리 려 고 하지 않 습 니까?
논리
4.567917.앱 을 처음 시작 하 는 지 여 부 를 먼저 판단 하고 만약 에 기능 에 들 어가 네 비게 이 션 을 사용 합 니 다(가장 쉬 운 방법 은 좌우 로 미 끄 러 지 며 전환 하여 보고 마지막 페이지 로 미 끄 러 지 며 단 추 를 누 르 면 첫 페이지 에 들 어 가 는 것 입 니 다)4.567917.그렇지 않 으 면 시작 화면 을 표시 하고 2 초 후에 첫 페이지 에 들어간다.
논 리 는 간단 한데 광고 가 있 으 면 어 떡 하지?광 고 는 서버 에서 가 져 올 수 있 지만 로 컬 로 캐 시 됩 니 다.네트워크 가 없 을 때 표시 할 수 있 습 니 다.웹 뷰 로 광 고 를 표시 할 수 있 습 니 다.어쨌든 필 자 는 이렇게 하고 구체 적 인 실현 은 말 하지 않 겠 습 니 다.
효과 좀 봐.

상위 코드
SplashActivity.java

package com.devilwwj.featureguide;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

import com.devilwwj.featureguide.global.AppConstants;
import com.devilwwj.featureguide.utils.SpUtils;

public class SplashActivity extends Activity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 //             
 boolean isFirstOpen = SpUtils.getBoolean(this, AppConstants.FIRST_OPEN);
 //         ,         
 if (!isFirstOpen) {
  Intent intent = new Intent(this, WelcomeGuideActivity.class);
  startActivity(intent);
  finish();
  return;
 }

 //          app,        
 setContentView(R.layout.activity_splash);

 new Handler().postDelayed(new Runnable() {

  @Override
  public void run() {
  enterHomeActivity();
  }
 }, 2000);
 }

 private void enterHomeActivity() {
 Intent intent = new Intent(this, MainActivity.class);
 startActivity(intent);
 finish();
 }
}
코드 분석:Shared Preference 를 사용 하여 app 시작 상 태 를 저장 합 니 다.true 라면 기능 내 비게 이 션 에 들 어 갑 니 다.그렇지 않 으 면 2 초 지연 되 어 홈 페이지 에 들 어 갑 니 다.
WelcomeGuideActivity.java

package com.devilwwj.featureguide;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.devilwwj.featureguide.global.AppConstants;
import com.devilwwj.featureguide.utils.SpUtils;

import java.util.ArrayList;
import java.util.List;

public class WelcomeGuideActivity extends Activity implements OnClickListener {

 private ViewPager vp;
 private GuideViewPagerAdapter adapter;
 private List<View> views;
 private Button startBtn;

 //        
 private static final int[] pics = { R.layout.guid_view1,
  R.layout.guid_view2, R.layout.guid_view3, R.layout.guid_view4 };

 //       
 private ImageView[] dots;

 //         
 private int currentIndex;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_guide);

 views = new ArrayList<View>();

 //           
 for (int i = 0; i < pics.length; i++) {
  View view = LayoutInflater.from(this).inflate(pics[i], null);

  if (i == pics.length - 1) {
  startBtn = (Button) view.findViewById(R.id.btn_login);
  startBtn.setTag("enter");
  startBtn.setOnClickListener(this);
  }

  views.add(view);

 }

 vp = (ViewPager) findViewById(R.id.vp_guide);
 //    adapter
 adapter = new GuideViewPagerAdapter(views);
 vp.setAdapter(adapter);
 vp.setOnPageChangeListener(new PageChangeListener());

 initDots();

 }

 @Override
 protected void onResume() {
 super.onResume();
 }

 @Override
 protected void onPause() {
 super.onPause();
 //        ,             
 SpUtils.putBoolean(WelcomeGuideActivity.this, AppConstants.FIRST_OPEN, true);
 finish();
 }

 @Override
 protected void onStop() {
 super.onStop();
 }

 @Override
 protected void onDestroy() {
 super.onDestroy();
 }

 private void initDots() {
 LinearLayout ll = (LinearLayout) findViewById(R.id.ll);
 dots = new ImageView[pics.length];

 //         
 for (int i = 0; i < pics.length; i++) {
  //     LinearLayout         
  dots[i] = (ImageView) ll.getChildAt(i);
  dots[i].setEnabled(false);//      
  dots[i].setOnClickListener(this);
  dots[i].setTag(i);//     tag,           
 }

 currentIndex = 0;
 dots[currentIndex].setEnabled(true); //      ,     

 }

 /**
 *     view
 * 
 * @param position
 */
 private void setCurView(int position) {
 if (position < 0 || position >= pics.length) {
  return;
 }
 vp.setCurrentItem(position);
 }

 /**
 *        
 * 
 * @param position
 */
 private void setCurDot(int position) {
 if (position < 0 || position > pics.length || currentIndex == position) {
  return;
 }
 dots[position].setEnabled(true);
 dots[currentIndex].setEnabled(false);
 currentIndex = position;
 }

 @Override
 public void onClick(View v) {
 if (v.getTag().equals("enter")) {
  enterMainActivity();
  return;
 }

 int position = (Integer) v.getTag();
 setCurView(position);
 setCurDot(position);
 }


 private void enterMainActivity() {
 Intent intent = new Intent(WelcomeGuideActivity.this,
  SplashActivity.class);
 startActivity(intent);
 SpUtils.putBoolean(WelcomeGuideActivity.this, AppConstants.FIRST_OPEN, true);
 finish();
 }

 private class PageChangeListener implements OnPageChangeListener {
 //           
 @Override
 public void onPageScrollStateChanged(int position) {
  // arg0 ==1         ,arg0==2          ,arg0==0          。

 }

 //           
 @Override
 public void onPageScrolled(int position, float arg1, int arg2) {
  // arg0 :    ,         
  // arg1:          
  // arg2:           

 }

 //            
 @Override
 public void onPageSelected(int position) {
  //           
  setCurDot(position);
 }

 }
}

코드 분석:좌우 로 미 끄 러 지 는 것 은 ViewPager 를 사용 하여 하 는 것 입 니 다.4 개의 서로 다른 View 를 전환 하고 ViewPager 의 페이지 전환 이 벤트 를 감청 하여 아래쪽 지시 점 의 전환 을 변경 합 니 다.마지막 페이지 로 미 끄 러 지 며 버튼 의 클릭 이 벤트 를 설정 하고 첫 페이지 로 들 어가 기 를 누 르 십시오.
이상 은 본 고의 모든 내용 입 니 다.여러분 이 안 드 로 이 드 소프트웨어 프로 그래 밍 을 배 우 는 데 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기