Android ViewPager 가 무한 순환 을 실현 하 는 실례
ViewPager 자체 가 좌우 무한 순환 기능 을 지원 하지 않 습 니 다.여기 서 Android ViewPager 가 좌우 무한 순환 기능 을 실현 하도록 하 는 방안 을 제공 합 니 다.여기에 기록 합 니 다.
디 스 플레이 에 사용 되 는 mViews 는 데이터 원본 mList 보다 두 개의 노드 요소 가 더 많 습 니 다(머리 노드 0:b 와 끝 노드 5:e 는 점프 에 사 용 됩 니 다)
아래 그림 의 화살표 가 없 는 빨 간 선 은 mViews 가 mList 에 따라 초기 화 된 상황 입 니 다.화살표 가 달 린 붉 은 선 은 점프 하 는 상황 이다.
우선 레이아웃 파일:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<android.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</android.support.v4.view.ViewPager>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/viewpager"
android:background="#33000000"
android:orientation="vertical"
android:padding="5dip" >
<TextView
android:id="@+id/tv_image_description"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:text=" "
android:textColor="@android:color/white"
android:textSize="14sp" />
<LinearLayout
android:id="@+id/ll_points"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dip"
android:layout_gravity="center_horizontal"
android:orientation="horizontal" >
</LinearLayout>
</LinearLayout>
</RelativeLayout>
다음은 메 인 액 티 비 티:
package com.example.viewpagertest;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
public class MainActivity extends Activity implements OnPageChangeListener {
private List<ImageView> imageViewList;
private ViewPager mViewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setView();
initView();
}
public void setView() {
setContentView(R.layout.activity_splash_viewpager);
}
public void initView() {
mViewPager = (ViewPager) findViewById(R.id.viewpager);
prepareData();
ViewPagerAdapter adapter = new ViewPagerAdapter();
mViewPager.setAdapter(adapter);
mViewPager.setOnPageChangeListener(this);
}
private void prepareData() {
imageViewList = new ArrayList<ImageView>();
int[] imageResIDs = getImageResIDs();
ImageView iv;
for (int i = 0; i < imageResIDs.length; i++) {
iv = new ImageView(this);
iv.setBackgroundResource(imageResIDs[i]);
imageViewList.add(iv);
}
}
/**
* 5 ,
* @return
*/
private int[] getImageResIDs() {
return new int[]{
R.drawable.pic_02,
R.drawable.bg1,
R.drawable.bg2,
R.drawable.bg3,
R.drawable.pic_01,
R.drawable.pic_02,
R.drawable.bg1,
};
}
class ViewPagerAdapter extends PagerAdapter {
@Override
public int getCount() {
return imageViewList.size();
}
/**
* view view true
*/
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
}
/**
* view , position
*/
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(imageViewList.get(position));
}
/**
* view
*/
@Override
public Object instantiateItem(ViewGroup container, int position) {
container.addView(imageViewList.get(position));
return imageViewList.get(position);
}
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageSelected(int position) {
if ( imageViewList.size() > 1) { // 1,
if ( position < 1) { // , (N)
position = 5;
mViewPager.setCurrentItem(position,false);
} else if ( position > 5) { // , (1)
mViewPager.setCurrentItem(1,false); //false:
position = 1;
}
}
}
@Override
protected void onDestroy() {
super.onDestroy();
}
}
mViewPager.setCurrentItem(1,false); //false:
위의 코드 는 간단 한 데모 일 뿐 점프 애니메이션 을 제거 하지 않 으 면 첫 페이지 가 점프 할 때 과도 효과 가 자 연 스 럽 지 않 습 니 다.읽 어 주 셔 서 감사합니다. 여러분 에 게 도움 이 되 기 를 바 랍 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.