Implementação de efeito de rolagem de slideshow no ViewPager do Android

Primeiro, uma imagem do efeito:

Quando se fala em implementar o efeito de rolagem contínua do ViewPager, é inevitável usar PagerAdapter. Vamos introduzir essa classe primeiro.

Introdução a PagerAdapter

PagerAdapter é Android.support.v4As classes contidas no pacote, são uma classe abstrata, diretamente herdada de Object, importada do pacote android.support.v4.view.PagerAdapter pode ser usado.

PagerAdapter é o adaptador do viewPager, enquanto viewPager também está em android.support.v4Um controle poderoso adicionado ao pacote de extensão, que pode implementar o efeito de deslizar do controle, por exemplo, o efeito de deslizar do banner publicitário comum que vemos no software, pode ser implementado usando viewPager. Hoje, vamos apresentar como usar viewPager e sobrescrever PagerAdapter para implementar o efeito de deslizar do banner publicitário comum.

Como é uma classe abstrata, então criamos uma nova classe para herdá-la, sobrescrevendo quatro métodos:

　1.public Object instantiateItem(ViewGroup container, int position)

　2.public void destroyItem(ViewGroup container, int position, Object object)

　3.public int getCount()

　4.public boolean isViewFromObject(View arg0, Object arg1)

Classe MyViewPagerAdapter:

public class MyViewPagerAdapter extends PagerAdapter {
private List<ImageView> mList;
public MyViewPagerAdapter(List<ImageView> mList){
 this.mList=mList;
}
//Quando a imagem a ser exibida for armazenada em cache, será chamado este método para inicializar a exibição da imagem
//Vamos adicionar o ImageView que vamos exibir ao ViewGroup
public Object instantiateItem(ViewGroup container, int position) {
 // TODO Auto-metodo de estub gerado
 container.addView(mList.get(position));
 return mList.get(position);
}
@Override
//PagerAdapter armazena apenas três imagens para exibição, se a imagem deslizando exceder o escopo do cache, será chamado este método, destruindo a imagem
public void destroyItem(ViewGroup container, int position, Object object) {
 // TODO Auto-metodo de estub gerado
 container.removeView(mList.get(position));
}
//obter a quantidade de controles a serem deslizados,
public int getCount() {
 // TODO Auto-metodo de estub gerado
 return mList.size();
}
//para determinar se está sendo exibida a mesma foto, isso faremos uma comparação entre duas imagens e retornaremos
public boolean isViewFromObject(View arg0, Object arg1) {
 // TODO Auto-metodo de estub gerado
 return arg0==arg1;
}
}

activity_main.xml:

<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/vp"
 android:layout_width="match_parent"
 android:layout_height="200dp" />
<LinearLayout
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_alignBottom="@id/vp"
 android:background="#33000000"
 android:orientation="vertical"
 android:paddingBottom="10dp" >
 <LinearLayout
 android:id="@"+id/ll_points"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal"
 android:orientation="horizontal"
 android:paddingBottom="10dp" >
 </LinearLayout>
</LinearLayout>
</RelativeLayout>

MainActivity：

public class MainActivity extends Activity {
private ViewPager mVp;
//private TextView tvTitle;
private LinearLayout llPoints;
//private String[] titles;// Armazena todos os títulos a serem exibidos
private int[] images;// Armazena todos os recursos de id de imagem a serem exibidos
private List<ImageView> list = new ArrayList<ImageView>();;// Armazena todos os objetos ImageView que devem ser exibidos no objeto ViewPager
private int prevPosition = 0;
private Handler handler = new Handler() {
 @SuppressLint("HandlerLeak") 
 public void handleMessage(android.os.Message msg) {
 switch (msg.what) {
 case 0:
  // Obtém o índice da página atual do mvp
  int currentItem = mVp.getCurrentItem();
  // Índice da próxima página a ser exibida
  currentItem++;
  // Define a página que o ViewPager deve exibir
  mVp.setCurrentItem(currentItem % list.size());
  break;
 default:
  break;
 }
 };
};
@SuppressWarnings("deprecation")
protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 initView(); 
 // titles = getTitles();
 images = getImages();
 for (int i = 0; i < images.length; i++) {
 ImageView iv = new ImageView(this);
 iv.setBackgroundResource(images[i]);
 list.add(iv);
 //Gera o número correspondente de pontos circulares com base na quantidade de imagens
 final View view = new View(this);
 view.setBackgroundResource(R.drawable.login__0)5);
 DisplayMetrics metrics = new DisplayMetrics();
 float width=TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX,30, metrics);
 float height=TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, 30, metrics);
 LinearLayout.LayoutParams params=new LinearLayout.LayoutParams((int)width,(int)height);
 params.leftMargin=5;
 view.setLayoutParams(params);
 llPoints.addView(view);
 }
 //Definir o título exibido na primeira página
 //tvTitle.setText(titles[0]);
 //Definir o background do ícone do ponto pequeno na primeira página
 llPoints.getChildAt(0).setBackgroundResource(R.drawable.login__03);
 //Aqui está o encapsulamento do adaptador do viewPager
 MyViewPagerAdapter adapter=new MyViewPagerAdapter(list);
 mVp.setAdapter(adapter);
 //Definir o listener de mudança de página do objeto ViewPager
 mVp.setOnPageChangeListener(new OnPageChangeListener() {
 @Override
 //Quando a próxima página for escolhida
 public void onPageSelected(int arg0) {
  // TODO Auto-metodo de estub gerado
  //tvTitle.setText(titles[arg0%list.size()]);
  llPoints.getChildAt(prevPosition).setBackgroundResource(R.drawable.login__05);
  llPoints.getChildAt(arg0).setBackgroundResource(R.drawable.login__03);
  //Colocar a posição atual do ponto como a posição anterior do próximo ponto de mudança
  prevPosition=arg0;
 }
 @Override
 public void onPageScrolled(int arg0, float arg1, int arg2) {
  // TODO Auto-metodo de estub gerado
 }
 @Override
 public void onPageScrollStateChanged(int arg0) {
  // TODO Auto-metodo de estub gerado
 }
 });
 new Thread(new Runnable() {
 @Override
 public void run() {
  // TODO Auto-metodo de estub gerado
  while (true) {
  SystemClock.sleep(3000);
  handler.sendEmptyMessage(0);
  }
 }
 }).start();
}
private void initView() {
 // TODO Auto-metodo de estub gerado
 mVp = (ViewPager) findViewById(R.id.vp);
 //tvTitle = (TextView) findViewById(R.id.tv_title);
 llPoints = (LinearLayout) findViewById(R.id.ll_points);
}
private int[] getImages(){
 return new int[]{R.drawable.banner_01,R.drawable.banner_02,R.drawable.banner_03};
}
}

Isso é tudo o que há no artigo, espero que ajude na sua aprendizagem e que você apóie o tutorial Grito.

Declaração: o conteúdo deste artigo é extraído da Internet, pertence ao autor original, o conteúdo é contribuído e carregado voluntariamente pelos usuários da Internet, o site não possui direitos de propriedade, não foi editado manualmente e não assume responsabilidade legal relevante. Se você encontrar conteúdo suspeito de violação de direitos autorais, por favor, envie e-mail para: notice#oldtoolbag.com (ao enviar e-mail, substitua # por @ para denunciar e forneça provas relevantes. Aparentemente confirmado, o site deletará imediatamente o conteúdo suspeito de violação de direitos autorais.)